@charset "UTF-8";

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

    .owl-theme .owl-nav [class*=owl-] {
        color: #fff;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #d6d6d6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px
    }

        .owl-theme .owl-nav [class*=owl-]:hover {
            background: #869791;
            color: #fff;
            text-decoration: none
        }

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px
        }

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791
    }

:root {
    --blue: #e6fbff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #00BFE8;
    --secondary: #181818;
    --success: #ABCF02;
    --info: #7678ED;
    --warning: #F7B801;
    --danger: #FF3B30;
    --light: #868D9E;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
    margin: 0;
    font-family: "Nunito Sans",sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #181818;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title], abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0
    }

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: 600
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #fff;
    text-decoration: none;
    background-color: transparent
}

    a:hover {
        color: #fff;
        text-decoration: underline
    }

    a:not([href]):not([class]) {
        color: inherit;
        text-decoration: none
    }

        a:not([href]):not([class]):hover {
            color: inherit;
            text-decoration: none
        }

code, kbd, pre, samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

    button:focus:not(:focus-visible) {
        outline: 0
    }

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

    [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
        cursor: pointer
    }

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 1.2
}

.h1, h1 {
    font-size: 3.4375rem
}

.h2, h2 {
    font-size: 2.75rem
}

.h3, h3 {
    font-size: 2rem
}

.h4, h4 {
    font-size: 1.625rem
}

.h5, h5 {
    font-size: 1.3125rem
}

.h6, h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

.small, small {
    font-size: 80%;
    font-weight: 400
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}

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

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

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

    .blockquote-footer::before {
        content: "\2014\00A0"
    }

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container, .container-md, .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1195px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1.25rem;
    margin-left: -1.25rem
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col, .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1 > * {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2 > * {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.row-cols-4 > * {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5 > * {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

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

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

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

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }


    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #181818
}

    .table td, .table th {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6
    }

    .table tbody + tbody {
        border-top: 2px solid #dee2e6
    }

.table-sm td, .table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

    .table-bordered td, .table-bordered th {
        border: 1px solid #dee2e6
    }

    .table-bordered thead td, .table-bordered thead th {
        border-bottom-width: 2px
    }

.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05)
}

.table-hover tbody tr:hover {
    color: #181818;
    background-color: rgba(0,0,0,.075)
}

.table-primary, .table-primary > td, .table-primary > th {
    background-color: #b8edf9
}

    .table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th {
        border-color: #7adef3
    }

.table-hover .table-primary:hover {
    background-color: #a0e7f7
}

    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
        background-color: #a0e7f7
    }

.table-secondary, .table-secondary > td, .table-secondary > th {
    background-color: #bebebe
}

    .table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
        border-color: #878787
    }

.table-hover .table-secondary:hover {
    background-color: #b1b1b1
}

    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
        background-color: #b1b1b1
    }

.table-success, .table-success > td, .table-success > th {
    background-color: #e7f2b8
}

    .table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th {
        border-color: #d3e67b
    }

.table-hover .table-success:hover {
    background-color: #e0eea2
}

    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
        background-color: #e0eea2
    }

.table-info, .table-info > td, .table-info > th {
    background-color: #d9d9fa
}

    .table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th {
        border-color: #b8b9f6
    }

.table-hover .table-info:hover {
    background-color: #c2c2f7
}

    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
        background-color: #c2c2f7
    }

.table-warning, .table-warning > td, .table-warning > th {
    background-color: #fdebb8
}

    .table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th {
        border-color: #fbda7b
    }

.table-hover .table-warning:hover {
    background-color: #fce49f
}

    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
        background-color: #fce49f
    }

.table-danger, .table-danger > td, .table-danger > th {
    background-color: #ffc8c5
}

    .table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th {
        border-color: #ff9993
    }

.table-hover .table-danger:hover {
    background-color: #ffb0ac
}

    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
        background-color: #ffb0ac
    }

.table-light, .table-light > td, .table-light > th {
    background-color: #dddfe4
}

    .table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th {
        border-color: #c0c4cd
    }

.table-hover .table-light:hover {
    background-color: #cfd2d9
}

    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
        background-color: #cfd2d9
    }

.table-dark, .table-dark > td, .table-dark > th {
    background-color: #c6c8ca
}

    .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #95999c
    }

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
        background-color: #b9bbbe
    }

.table-active, .table-active > td, .table-active > th {
    background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,.075)
}

    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
        background-color: rgba(0,0,0,.075)
    }

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

    .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #454d55
    }

    .table-dark.table-bordered {
        border: 0
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255,255,255,.05)
    }

    .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255,255,255,.075)
    }

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-sm > .table-bordered {
            border: 0
        }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-md > .table-bordered {
            border: 0
        }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-lg > .table-bordered {
            border: 0
        }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-xl > .table-bordered {
            border: 0
        }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

    .table-responsive > .table-bordered {
        border: 0
    }

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

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

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #1E4C9A;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(30, 76, 154, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

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

input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
    appearance: none
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #111111;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple], select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

    .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
        color: #6c757d
    }

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #abcf02
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #212529;
    background-color: rgba(171,207,2,.9);
    border-radius: .375rem
}

.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
    left: 5px
}

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
    display: block
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #abcf02;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ABCF02' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
        border-color: #abcf02;
        box-shadow: 0 0 0 .2rem rgba(171,207,2,.25)
    }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid, .was-validated .custom-select:valid {
    border-color: #abcf02;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ABCF02' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

    .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {
        border-color: #abcf02;
        box-shadow: 0 0 0 .2rem rgba(171,207,2,.25)
    }

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: #abcf02
}

.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
    display: block
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #abcf02
}

    .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {
        border-color: #abcf02
    }

.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    border-color: #d2fd07;
    background-color: #d2fd07
}

.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(171,207,2,.25)
}

.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #abcf02
}

.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #abcf02
}

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    border-color: #abcf02;
    box-shadow: 0 0 0 .2rem rgba(171,207,2,.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #ff3b30
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(255,59,48,.9);
    border-radius: .375rem
}

.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
    left: 5px
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
    display: block
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #ff3b30;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF3B30' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF3B30' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
        border-color: #ff3b30;
        box-shadow: 0 0 0 .2rem rgba(255,59,48,.25)
    }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid, .was-validated .custom-select:invalid {
    border-color: #ff3b30;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF3B30' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF3B30' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

    .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {
        border-color: #ff3b30;
        box-shadow: 0 0 0 .2rem rgba(255,59,48,.25)
    }

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #ff3b30
}

.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #ff3b30
}

    .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
        border-color: #ff3b30
    }

.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
    border-color: #ff6b63;
    background-color: #ff6b63
}

.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(255,59,48,.25)
}

.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #ff3b30
}

.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #ff3b30
}

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    border-color: #ff3b30;
    box-shadow: 0 0 0 .2rem rgba(255,59,48,.25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

    .form-inline .form-check {
        width: 100%
    }

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select, .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 700;
    color: #181818;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 1rem 1.9375rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .375rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #181818;
    text-decoration: none
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,191,232,.25)
}

.btn.disabled, .btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #00bfe8;
    border-color: #00bfe8
}

    .btn-primary:hover {
        color: #fff;
        background-color: #00a0c2;
        border-color: #0095b5
    }

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #00a0c2;
        border-color: #0095b5;
        box-shadow: 0 0 0 .2rem rgba(38,201,235,.5)
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #00bfe8;
        border-color: #00bfe8
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0095b5;
        border-color: #008ba8
    }

        .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(38,201,235,.5)
        }

.btn-secondary {
    color: #fff;
    background-color: #181818;
    border-color: #181818
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #050505;
        border-color: #000
    }

    .btn-secondary.focus, .btn-secondary:focus {
        color: #fff;
        background-color: #050505;
        border-color: #000;
        box-shadow: 0 0 0 .2rem rgba(59,59,59,.5)
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #181818;
        border-color: #181818
    }

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

        .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(59,59,59,.5)
        }

.btn-success {
    color: #212529;
    background-color: #abcf02;
    border-color: #abcf02
}

    .btn-success:hover {
        color: #fff;
        background-color: #8ca902;
        border-color: #819c02
    }

    .btn-success.focus, .btn-success:focus {
        color: #fff;
        background-color: #8ca902;
        border-color: #819c02;
        box-shadow: 0 0 0 .2rem rgba(150,182,8,.5)
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #212529;
        background-color: #abcf02;
        border-color: #abcf02
    }

    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #819c02;
        border-color: #779001
    }

        .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(150,182,8,.5)
        }

.btn-info {
    color: #fff;
    background-color: #7678ed;
    border-color: #7678ed
}

    .btn-info:hover {
        color: #fff;
        background-color: #5457e9;
        border-color: #494ce7
    }

    .btn-info.focus, .btn-info:focus {
        color: #fff;
        background-color: #5457e9;
        border-color: #494ce7;
        box-shadow: 0 0 0 .2rem rgba(139,140,240,.5)
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #7678ed;
        border-color: #7678ed
    }

    .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #494ce7;
        border-color: #3e40e6
    }

        .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(139,140,240,.5)
        }

.btn-warning {
    color: #212529;
    background-color: #f7b801;
    border-color: #f7b801
}

    .btn-warning:hover {
        color: #212529;
        background-color: #d19c01;
        border-color: #c49201
    }

    .btn-warning.focus, .btn-warning:focus {
        color: #212529;
        background-color: #d19c01;
        border-color: #c49201;
        box-shadow: 0 0 0 .2rem rgba(215,162,7,.5)
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #f7b801;
        border-color: #f7b801
    }

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

        .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(215,162,7,.5)
        }

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

    .btn-danger:hover {
        color: #fff;
        background-color: #ff170a;
        border-color: #fc0d00
    }

    .btn-danger.focus, .btn-danger:focus {
        color: #fff;
        background-color: #ff170a;
        border-color: #fc0d00;
        box-shadow: 0 0 0 .2rem rgba(255,88,79,.5)
    }

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

    .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #fc0d00;
        border-color: #ef0d00
    }

        .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,88,79,.5)
        }

.btn-light {
    color: #fff;
    background-color: #868d9e;
    border-color: #868d9e
}

    .btn-light:hover {
        color: #fff;
        background-color: #71798d;
        border-color: #6b7386
    }

    .btn-light.focus, .btn-light:focus {
        color: #fff;
        background-color: #71798d;
        border-color: #6b7386;
        box-shadow: 0 0 0 .2rem rgba(152,158,173,.5)
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #fff;
        background-color: #868d9e;
        border-color: #868d9e
    }

    .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
        color: #fff;
        background-color: #6b7386;
        border-color: #666d7f
    }

        .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(152,158,173,.5)
        }

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124
    }

    .btn-dark.focus, .btn-dark:focus {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
        box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d
    }

        .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
        }

.btn-outline-primary {
    color: #00bfe8;
    border-color: #00bfe8
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #00bfe8;
        border-color: #00bfe8
    }

    .btn-outline-primary.focus, .btn-outline-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(0,191,232,.5)
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #00bfe8;
        background-color: transparent
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #00bfe8;
        border-color: #00bfe8
    }

        .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,191,232,.5)
        }

.btn-outline-secondary {
    color: #181818;
    border-color: #181818
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #181818;
        border-color: #181818
    }

    .btn-outline-secondary.focus, .btn-outline-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(24,24,24,.5)
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #181818;
        background-color: transparent
    }

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

        .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(24,24,24,.5)
        }

.btn-outline-success {
    color: #abcf02;
    border-color: #abcf02
}

    .btn-outline-success:hover {
        color: #212529;
        background-color: #abcf02;
        border-color: #abcf02
    }

    .btn-outline-success.focus, .btn-outline-success:focus {
        box-shadow: 0 0 0 .2rem rgba(171,207,2,.5)
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #abcf02;
        background-color: transparent
    }

    .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
        color: #212529;
        background-color: #abcf02;
        border-color: #abcf02
    }

        .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(171,207,2,.5)
        }

.btn-outline-info {
    color: #7678ed;
    border-color: #7678ed
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #7678ed;
        border-color: #7678ed
    }

    .btn-outline-info.focus, .btn-outline-info:focus {
        box-shadow: 0 0 0 .2rem rgba(118,120,237,.5)
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #7678ed;
        background-color: transparent
    }

    .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #7678ed;
        border-color: #7678ed
    }

        .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(118,120,237,.5)
        }

.btn-outline-warning {
    color: #f7b801;
    border-color: #f7b801
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #f7b801;
        border-color: #f7b801
    }

    .btn-outline-warning.focus, .btn-outline-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(247,184,1,.5)
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #f7b801;
        background-color: transparent
    }

    .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #f7b801;
        border-color: #f7b801
    }

        .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(247,184,1,.5)
        }

.btn-outline-danger {
    color: #ff3b30;
    border-color: #ff3b30
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #ff3b30;
        border-color: #ff3b30
    }

    .btn-outline-danger.focus, .btn-outline-danger:focus {
        box-shadow: 0 0 0 .2rem rgba(255,59,48,.5)
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #ff3b30;
        background-color: transparent
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #ff3b30;
        border-color: #ff3b30
    }

        .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,59,48,.5)
        }

.btn-outline-light {
    color: #868d9e;
    border-color: #868d9e
}

    .btn-outline-light:hover {
        color: #fff;
        background-color: #868d9e;
        border-color: #868d9e
    }

    .btn-outline-light.focus, .btn-outline-light:focus {
        box-shadow: 0 0 0 .2rem rgba(134,141,158,.5)
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #868d9e;
        background-color: transparent
    }

    .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
        color: #fff;
        background-color: #868d9e;
        border-color: #868d9e
    }

        .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(134,141,158,.5)
        }

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-outline-dark.focus, .btn-outline-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

        .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
        }

.btn-link {
    font-weight: 400;
    color: #00bfe8;
    text-decoration: none
}

    .btn-link:hover {
        color: #00809c;
        text-decoration: underline
    }

    .btn-link.focus, .btn-link:focus {
        text-decoration: underline
    }

    .btn-link.disabled, .btn-link:disabled {
        color: #6c757d;
        pointer-events: none
    }

.btn-group-lg > .btn, .btn-lg {
    padding: 1rem 5.5rem;
    font-size: 1.3125rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm > .btn, .btn-sm {
    padding: .625rem 1.625rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: .5rem
    }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: all .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown, .dropleft, .dropright, .dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent
    }

    .dropdown-toggle:empty::after {
        margin-left: 0
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #181818;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .375rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #e9ecef
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #00bfe8
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #adb5bd;
        pointer-events: none;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group-vertical > .btn, .btn-group > .btn {
        position: relative;
        flex: 1 1 auto
    }

        .btn-group-vertical > .btn:hover, .btn-group > .btn:hover {
            z-index: 1
        }

        .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {
            z-index: 1
        }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

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

.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
    margin-left: -1px
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: 1.453125rem;
    padding-left: 1.453125rem
}

    .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
        margin-left: 0
    }

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: 1.21875rem;
    padding-left: 1.21875rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: 4.125rem;
    padding-left: 4.125rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

    .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
        width: 100%
    }

        .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
            margin-top: -1px
        }

        .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0
}

    .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] {
        position: absolute;
        clip: rect(0,0,0,0);
        pointer-events: none
    }

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0
    }

        .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control {
            margin-left: -1px
        }

        .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus {
            z-index: 3
        }

        .input-group > .custom-file .custom-file-input:focus {
            z-index: 4
        }

        .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group > .custom-file {
        display: flex;
        align-items: center
    }

        .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after, .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .form-control:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after, .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .form-control:nth-last-child(n+3) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

.input-group-append, .input-group-prepend {
    display: flex
}

    .input-group-append .btn, .input-group-prepend .btn {
        position: relative;
        z-index: 2
    }

        .input-group-append .btn:focus, .input-group-prepend .btn:focus {
            z-index: 3
        }

        .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {
            margin-left: -1px
        }

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .375rem
}

    .input-group-text input[type=checkbox], .input-group-text input[type=radio] {
        margin-top: 0
    }

.input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg > .custom-select, .input-group-sm > .custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #00bfe8;
        background-color: #00bfe8
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 .2rem rgba(0,191,232,.25)
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #69e4ff
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: #fff;
        background-color: #9cedff;
        border-color: #9cedff
    }

    .custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label {
        color: #6c757d
    }

        .custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input[disabled] ~ .custom-control-label::before {
            background-color: #e9ecef
        }

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

    .custom-control-label::before {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #fff solid 1px
    }

    .custom-control-label::after {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: 50%/50% 50% no-repeat
    }

.custom-checkbox .custom-control-label::before {
    border-radius: .375rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #00bfe8;
    background-color: #00bfe8
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

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

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

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

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

.custom-switch {
    padding-left: 3rem
}

    .custom-switch .custom-control-label::before {
        left: -3rem;
        width: 2.5rem;
        pointer-events: all;
        border-radius: 5.625rem
    }

    .custom-switch .custom-control-label::after {
        top: calc(.25rem + 2px);
        left: calc(-3rem + 2px);
        width: .875rem;
        height: .875rem;
        background-color: #fff;
        border-radius: 5.625rem;
        transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    transform: translateX(1.5rem)
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,191,232,.5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    appearance: none
}

    .custom-select:focus {
        border-color: #69e4ff;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,191,232,.25)
    }

        .custom-select:focus::-ms-value {
            color: #495057;
            background-color: #fff
        }

    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .75rem;
        background-image: none
    }

    .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef
    }

    .custom-select::-ms-expand {
        display: none
    }

    .custom-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #495057
    }

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #69e4ff;
        box-shadow: 0 0 0 .2rem rgba(0,191,232,.25)
    }

    .custom-file-input:disabled ~ .custom-file-label, .custom-file-input[disabled] ~ .custom-file-label {
        background-color: #e9ecef
    }

    .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "Browse"
    }

    .custom-file-input ~ .custom-file-label[data-browse]::after {
        content: attr(data-browse)
    }

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .375rem
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5em + .75rem);
        padding: .375rem .75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: inherit;
        border-radius: 0 .375rem .375rem 0
    }

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    appearance: none
}

    .custom-range:focus {
        outline: 0
    }

        .custom-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,191,232,.25)
        }

        .custom-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,191,232,.25)
        }

        .custom-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,191,232,.25)
        }

    .custom-range::-moz-focus-outer {
        border: 0
    }

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        background-color: #00bfe8;
        border: 0;
        border-radius: 1rem;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        appearance: none
    }

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #9cedff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #00bfe8;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #9cedff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #00bfe8;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #9cedff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before, .custom-file-label, .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

    .nav-link:focus, .nav-link:hover {
        text-decoration: none
    }

    .nav-link.disabled {
        color: #6c757d;
        pointer-events: none;
        cursor: default
    }

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        border: 1px solid transparent;
        border-top-left-radius: .375rem;
        border-top-right-radius: .375rem
    }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            border-color: #e9ecef #e9ecef #dee2e6
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: #495057;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills .nav-link {
    border-radius: .375rem
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #00bfe8
    }

.nav-fill .nav-item, .nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item, .nav-justified > .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

    .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none
    }

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .375rem
}

    .navbar-toggler:focus, .navbar-toggler:hover {
        text-decoration: none
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: 1.5625rem;
                padding-left: 1.5625rem
            }

        .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl {
            flex-wrap: nowrap
        }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }
}

@media (max-width:767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: 1.5625rem;
                padding-left: 1.5625rem
            }

        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl {
            flex-wrap: nowrap
        }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }
}

@media (max-width:991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: 1.5625rem;
                padding-left: 1.5625rem
            }

        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl {
            flex-wrap: nowrap
        }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: 1.5625rem;
                padding-left: 1.5625rem
            }

        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl {
            flex-wrap: nowrap
        }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: 1.5625rem;
            padding-left: 1.5625rem
        }

    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9)
}

    .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-nav .nav-link {
    color: #181818
}

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0,0,0,.7)
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0,0,0,.3)
    }

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-toggler {
    color: #181818;
    border-color: rgba(0,0,0,.1)
}

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

.navbar-light .navbar-text {
    color: #181818
}

    .navbar-light .navbar-text a {
        color: rgba(0,0,0,.9)
    }

        .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
            color: rgba(0,0,0,.9)
        }

.navbar-dark .navbar-brand {
    color: #fff
}

    .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
        color: #fff
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5)
}

    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
        color: rgba(255,255,255,.75)
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255,255,255,.25)
    }

    .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
        color: #fff
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1)
}

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

.navbar-dark .navbar-text {
    color: rgba(255,255,255,.5)
}

    .navbar-dark .navbar-text a {
        color: #fff
    }

        .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
            color: #fff
        }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #dadee8;
    border-radius: .1875rem
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: calc(.1875rem - 1px);
            border-top-right-radius: calc(.1875rem - 1px)
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: calc(.1875rem - 1px);
            border-bottom-left-radius: calc(.1875rem - 1px)
        }

        .card > .card-header + .list-group, .card > .list-group + .card-footer {
            border-top: 0
        }

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid #dadee8
}

    .card-header:first-child {
        border-radius: calc(.1875rem - 1px) calc(.1875rem - 1px) 0 0
    }

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid #dadee8
}

    .card-footer:last-child {
        border-radius: 0 0 calc(.1875rem - 1px) calc(.1875rem - 1px)
    }

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.1875rem - 1px)
}

.card-img, .card-img-bottom, .card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: calc(.1875rem - 1px);
    border-top-right-radius: calc(.1875rem - 1px)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: calc(.1875rem - 1px);
    border-bottom-left-radius: calc(.1875rem - 1px)
}

.card-deck .card {
    margin-bottom: 1.25rem
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -1.25rem;
        margin-left: -1.25rem
    }

        .card-deck .card {
            flex: 1 0 0%;
            margin-right: 1.25rem;
            margin-bottom: 0;
            margin-left: 1.25rem
        }
}

.card-group > .card {
    margin-bottom: 1.25rem
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
                    border-top-right-radius: 0
                }

                .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
                    border-bottom-right-radius: 0
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
                    border-top-left-radius: 0
                }

                .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
                    border-bottom-left-radius: 0
                }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

        .card-columns .card {
            display: inline-block;
            width: 100%
        }
}

.accordion {
    overflow-anchor: none
}

    .accordion > .card {
        overflow: hidden
    }

        .accordion > .card:not(:last-of-type) {
            border-bottom: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .accordion > .card:not(:first-of-type) {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .accordion > .card > .card-header {
            border-radius: 0;
            margin-bottom: -1px
        }

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .375rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

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

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #00bfe8
}

a.badge-primary:focus, a.badge-primary:hover {
    color: #fff;
    background-color: #0095b5
}

a.badge-primary.focus, a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,191,232,.5)
}

.badge-secondary {
    color: #fff;
    background-color: #181818
}

a.badge-secondary:focus, a.badge-secondary:hover {
    color: #fff;
    background-color: #000
}

a.badge-secondary.focus, a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(24,24,24,.5)
}

.badge-success {
    color: #212529;
    background-color: #abcf02
}

a.badge-success:focus, a.badge-success:hover {
    color: #212529;
    background-color: #819c02
}

a.badge-success.focus, a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(171,207,2,.5)
}

.badge-info {
    color: #fff;
    background-color: #7678ed
}

a.badge-info:focus, a.badge-info:hover {
    color: #fff;
    background-color: #494ce7
}

a.badge-info.focus, a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(118,120,237,.5)
}

.badge-warning {
    color: #212529;
    background-color: #f7b801
}

a.badge-warning:focus, a.badge-warning:hover {
    color: #212529;
    background-color: #c49201
}

a.badge-warning.focus, a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(247,184,1,.5)
}

.badge-danger {
    color: #fff;
    background-color: #ff3b30
}

a.badge-danger:focus, a.badge-danger:hover {
    color: #fff;
    background-color: #fc0d00
}

a.badge-danger.focus, a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,59,48,.5)
}

.badge-light {
    color: #fff;
    background-color: #868d9e
}

a.badge-light:focus, a.badge-light:hover {
    color: #fff;
    background-color: #6b7386
}

a.badge-light.focus, a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(134,141,158,.5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus, a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus, a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .375rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: .75rem 1.25rem;
        color: inherit
    }

.alert-primary {
    color: #006379;
    background-color: #ccf2fa;
    border-color: #b8edf9
}

    .alert-primary hr {
        border-top-color: #a0e7f7
    }

    .alert-primary .alert-link {
        color: #003946
    }

.alert-secondary {
    color: #0c0c0c;
    background-color: #d1d1d1;
    border-color: #bebebe
}

    .alert-secondary hr {
        border-top-color: #b1b1b1
    }

    .alert-secondary .alert-link {
        color: #000
    }

.alert-success {
    color: #596c01;
    background-color: #eef5cc;
    border-color: #e7f2b8
}

    .alert-success hr {
        border-top-color: #e0eea2
    }

    .alert-success .alert-link {
        color: #2f3901
    }

.alert-info {
    color: #3d3e7b;
    background-color: #e4e4fb;
    border-color: #d9d9fa
}

    .alert-info hr {
        border-top-color: #c2c2f7
    }

    .alert-info .alert-link {
        color: #2c2d59
    }

.alert-warning {
    color: #806001;
    background-color: #fdf1cc;
    border-color: #fdebb8
}

    .alert-warning hr {
        border-top-color: #fce49f
    }

    .alert-warning .alert-link {
        color: #4d3a01
    }

.alert-danger {
    color: #851f19;
    background-color: #ffd8d6;
    border-color: #ffc8c5
}

    .alert-danger hr {
        border-top-color: #ffb0ac
    }

    .alert-danger .alert-link {
        color: #5a1511
    }

.alert-light {
    color: #464952;
    background-color: #e7e8ec;
    border-color: #dddfe4
}

    .alert-light hr {
        border-top-color: #cfd2d9
    }

    .alert-light .alert-link {
        color: #2f3136
    }

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

    .alert-dark hr {
        border-top-color: #b9bbbe
    }

    .alert-dark .alert-link {
        color: #040505
    }

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .375rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

    .list-group-item-action:focus, .list-group-item-action:hover {
        z-index: 1;
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .list-group-item-action:active {
        color: #181818;
        background-color: #e9ecef
    }

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #00bfe8;
        border-color: #00bfe8
    }

    .list-group-item + .list-group-item {
        border-top-width: 0
    }

        .list-group-item + .list-group-item.active {
            margin-top: -1px;
            border-top-width: 1px
        }

.list-group-horizontal {
    flex-direction: row
}

    .list-group-horizontal > .list-group-item:first-child {
        border-bottom-left-radius: .375rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal > .list-group-item:last-child {
        border-top-right-radius: .375rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px
        }

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

        .list-group-horizontal-sm > .list-group-item:first-child {
            border-bottom-left-radius: .375rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item:last-child {
            border-top-right-radius: .375rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

        .list-group-horizontal-md > .list-group-item:first-child {
            border-bottom-left-radius: .375rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-md > .list-group-item:last-child {
            border-top-right-radius: .375rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-md > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

        .list-group-horizontal-lg > .list-group-item:first-child {
            border-bottom-left-radius: .375rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item:last-child {
            border-top-right-radius: .375rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

        .list-group-horizontal-xl > .list-group-item:first-child {
            border-bottom-left-radius: .375rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item:last-child {
            border-top-right-radius: .375rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

.list-group-flush {
    border-radius: 0
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 1px
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0
        }

.list-group-item-primary {
    color: #006379;
    background-color: #b8edf9
}

    .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
        color: #006379;
        background-color: #a0e7f7
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #006379;
        border-color: #006379
    }

.list-group-item-secondary {
    color: #0c0c0c;
    background-color: #bebebe
}

    .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
        color: #0c0c0c;
        background-color: #b1b1b1
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #0c0c0c;
        border-color: #0c0c0c
    }

.list-group-item-success {
    color: #596c01;
    background-color: #e7f2b8
}

    .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
        color: #596c01;
        background-color: #e0eea2
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #596c01;
        border-color: #596c01
    }

.list-group-item-info {
    color: #3d3e7b;
    background-color: #d9d9fa
}

    .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
        color: #3d3e7b;
        background-color: #c2c2f7
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #3d3e7b;
        border-color: #3d3e7b
    }

.list-group-item-warning {
    color: #806001;
    background-color: #fdebb8
}

    .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
        color: #806001;
        background-color: #fce49f
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #806001;
        border-color: #806001
    }

.list-group-item-danger {
    color: #851f19;
    background-color: #ffc8c5
}

    .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
        color: #851f19;
        background-color: #ffb0ac
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #851f19;
        border-color: #851f19
    }

.list-group-item-light {
    color: #464952;
    background-color: #dddfe4
}

    .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
        color: #464952;
        background-color: #cfd2d9
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #464952;
        border-color: #464952
    }

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

    .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
        color: #1b1e21;
        background-color: #b9bbbe
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21
    }

.modal-open {
    overflow: hidden
}

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

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
        flex-shrink: 0
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        height: min-content;
        content: ""
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        flex-direction: column;
        justify-content: center;
        height: 100%
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none
        }

        .modal-dialog-centered.modal-dialog-scrollable::before {
            content: none
        }

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .5
    }

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

    .modal-header .close {
        padding: 1rem 1rem;
        margin: -1rem -1rem -1rem auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

    .modal-footer > * {
        margin: .25rem
    }

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

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem)
        }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

        .modal-dialog-centered::before {
            height: calc(100vh - 3.5rem);
            height: min-content
        }

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

@media (min-width:992px) {
    .modal-lg, .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #00bfe8 !important
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #0095b5 !important
}

.bg-secondary {
    background-color: #181818 !important
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #000 !important
}

.bg-success {
    background-color: #abcf02 !important
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    background-color: #819c02 !important
}

.bg-info {
    background-color: #7678ed !important
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: #494ce7 !important
}

.bg-warning {
    background-color: #f7b801 !important
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
    background-color: #c49201 !important
}

.bg-danger {
    background-color: #ff3b30 !important
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
    background-color: #fc0d00 !important
}

.bg-light {
    background-color: #868d9e !important
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
    background-color: #6b7386 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #00bfe8 !important
}

.border-secondary {
    border-color: #181818 !important
}

.border-success {
    border-color: #abcf02 !important
}

.border-info {
    border-color: #7678ed !important
}

.border-warning {
    border-color: #f7b801 !important
}

.border-danger {
    border-color: #ff3b30 !important
}

.border-light {
    border-color: #868d9e !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .375rem !important
}

.rounded-top {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
}

.rounded-right {
    border-top-right-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .375rem !important;
    border-bottom-left-radius: .375rem !important
}

.rounded-left {
    border-top-left-radius: .375rem !important;
    border-bottom-left-radius: .375rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

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

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

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

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

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

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

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

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

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

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

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

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

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

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

    .embed-responsive::before {
        display: block;
        content: ""
    }

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.embed-responsive-21by9::before {
    padding-top: 42.8571428571%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

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

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

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

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

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

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

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

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

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

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

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

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    user-select: all !important
}

.user-select-auto {
    user-select: auto !important
}

.user-select-none {
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports (position:sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.shadow {
    box-shadow: .25rem .25rem .9375rem rgba(0,0,0,.1) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.m-6 {
    margin: 4rem !important
}

.mt-6, .my-6 {
    margin-top: 4rem !important
}

.mr-6, .mx-6 {
    margin-right: 4rem !important
}

.mb-6, .my-6 {
    margin-bottom: 4rem !important
}

.ml-6, .mx-6 {
    margin-left: 4rem !important
}

.m-7 {
    margin: 5rem !important
}

.mt-7, .my-7 {
    margin-top: 5rem !important
}

.mr-7, .mx-7 {
    margin-right: 5rem !important
}

.mb-7, .my-7 {
    margin-bottom: 5rem !important
}

.ml-7, .mx-7 {
    margin-left: 5rem !important
}

.m-8 {
    margin: 6.25rem !important
}

.mt-8, .my-8 {
    margin-top: 6.25rem !important
}

.mr-8, .mx-8 {
    margin-right: 6.25rem !important
}

.mb-8, .my-8 {
    margin-bottom: 6.25rem !important
}

.ml-8, .mx-8 {
    margin-left: 6.25rem !important
}

.m-9 {
    margin: 7.5rem !important
}

.mt-9, .my-9 {
    margin-top: 7.5rem !important
}

.mr-9, .mx-9 {
    margin-right: 7.5rem !important
}

.mb-9, .my-9 {
    margin-bottom: 7.5rem !important
}

.ml-9, .mx-9 {
    margin-left: 7.5rem !important
}

.m-10 {
    margin: 9.375rem !important
}

.mt-10, .my-10 {
    margin-top: 9.375rem !important
}

.mr-10, .mx-10 {
    margin-right: 9.375rem !important
}

.mb-10, .my-10 {
    margin-bottom: 9.375rem !important
}

.ml-10, .mx-10 {
    margin-left: 9.375rem !important
}

.m-g {
    margin: 1.25rem !important
}

.mt-g, .my-g {
    margin-top: 1.25rem !important
}

.mr-g, .mx-g {
    margin-right: 1.25rem !important
}

.mb-g, .my-g {
    margin-bottom: 1.25rem !important
}

.ml-g, .mx-g {
    margin-left: 1.25rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.p-6 {
    padding: 4rem !important
}

.pt-6, .py-6 {
    padding-top: 4rem !important
}

.pr-6, .px-6 {
    padding-right: 4rem !important
}

.pb-6, .py-6 {
    padding-bottom: 4rem !important
}

.pl-6, .px-6 {
    padding-left: 4rem !important
}

.p-7 {
    padding: 5rem !important
}

.pt-7, .py-7 {
    padding-top: 5rem !important
}

.pr-7, .px-7 {
    padding-right: 5rem !important
}

.pb-7, .py-7 {
    padding-bottom: 5rem !important
}

.pl-7, .px-7 {
    padding-left: 5rem !important
}

.p-8 {
    padding: 6.25rem !important
}

.pt-8, .py-8 {
    padding-top: 6.25rem !important
}

.pr-8, .px-8 {
    padding-right: 6.25rem !important
}

.pb-8, .py-8 {
    padding-bottom: 6.25rem !important
}

.pl-8, .px-8 {
    padding-left: 6.25rem !important
}

.p-9 {
    padding: 7.5rem !important
}

.pt-9, .py-9 {
    padding-top: 7.5rem !important
}

.pr-9, .px-9 {
    padding-right: 7.5rem !important
}

.pb-9, .py-9 {
    padding-bottom: 7.5rem !important
}

.pl-9, .px-9 {
    padding-left: 7.5rem !important
}

.p-10 {
    padding: 9.375rem !important
}

.pt-10, .py-10 {
    padding-top: 9.375rem !important
}

.pr-10, .px-10 {
    padding-right: 9.375rem !important
}

.pb-10, .py-10 {
    padding-bottom: 9.375rem !important
}

.pl-10, .px-10 {
    padding-left: 9.375rem !important
}

.p-g {
    padding: 1.25rem !important
}

.pt-g, .py-g {
    padding-top: 1.25rem !important
}

.pr-g, .px-g {
    padding-right: 1.25rem !important
}

.pb-g, .py-g {
    padding-bottom: 1.25rem !important
}

.pl-g, .px-g {
    padding-left: 1.25rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1, .my-n1 {
    margin-top: -.25rem !important
}

.mr-n1, .mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1, .my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1, .mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2, .my-n2 {
    margin-top: -.5rem !important
}

.mr-n2, .mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2, .my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2, .mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3, .my-n3 {
    margin-top: -1rem !important
}

.mr-n3, .mx-n3 {
    margin-right: -1rem !important
}

.mb-n3, .my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3, .mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4, .my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4, .mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4, .my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4, .mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5, .my-n5 {
    margin-top: -3rem !important
}

.mr-n5, .mx-n5 {
    margin-right: -3rem !important
}

.mb-n5, .my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5, .mx-n5 {
    margin-left: -3rem !important
}

.m-n6 {
    margin: -4rem !important
}

.mt-n6, .my-n6 {
    margin-top: -4rem !important
}

.mr-n6, .mx-n6 {
    margin-right: -4rem !important
}

.mb-n6, .my-n6 {
    margin-bottom: -4rem !important
}

.ml-n6, .mx-n6 {
    margin-left: -4rem !important
}

.m-n7 {
    margin: -5rem !important
}

.mt-n7, .my-n7 {
    margin-top: -5rem !important
}

.mr-n7, .mx-n7 {
    margin-right: -5rem !important
}

.mb-n7, .my-n7 {
    margin-bottom: -5rem !important
}

.ml-n7, .mx-n7 {
    margin-left: -5rem !important
}

.m-n8 {
    margin: -6.25rem !important
}

.mt-n8, .my-n8 {
    margin-top: -6.25rem !important
}

.mr-n8, .mx-n8 {
    margin-right: -6.25rem !important
}

.mb-n8, .my-n8 {
    margin-bottom: -6.25rem !important
}

.ml-n8, .mx-n8 {
    margin-left: -6.25rem !important
}

.m-n9 {
    margin: -7.5rem !important
}

.mt-n9, .my-n9 {
    margin-top: -7.5rem !important
}

.mr-n9, .mx-n9 {
    margin-right: -7.5rem !important
}

.mb-n9, .my-n9 {
    margin-bottom: -7.5rem !important
}

.ml-n9, .mx-n9 {
    margin-left: -7.5rem !important
}

.m-n10 {
    margin: -9.375rem !important
}

.mt-n10, .my-n10 {
    margin-top: -9.375rem !important
}

.mr-n10, .mx-n10 {
    margin-right: -9.375rem !important
}

.mb-n10, .my-n10 {
    margin-bottom: -9.375rem !important
}

.ml-n10, .mx-n10 {
    margin-left: -9.375rem !important
}

.m-ng {
    margin: -1.25rem !important
}

.mt-ng, .my-ng {
    margin-top: -1.25rem !important
}

.mr-ng, .mx-ng {
    margin-right: -1.25rem !important
}

.mb-ng, .my-ng {
    margin-bottom: -1.25rem !important
}

.ml-ng, .mx-ng {
    margin-left: -1.25rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .m-sm-6 {
        margin: 4rem !important
    }

    .mt-sm-6, .my-sm-6 {
        margin-top: 4rem !important
    }

    .mr-sm-6, .mx-sm-6 {
        margin-right: 4rem !important
    }

    .mb-sm-6, .my-sm-6 {
        margin-bottom: 4rem !important
    }

    .ml-sm-6, .mx-sm-6 {
        margin-left: 4rem !important
    }

    .m-sm-7 {
        margin: 5rem !important
    }

    .mt-sm-7, .my-sm-7 {
        margin-top: 5rem !important
    }

    .mr-sm-7, .mx-sm-7 {
        margin-right: 5rem !important
    }

    .mb-sm-7, .my-sm-7 {
        margin-bottom: 5rem !important
    }

    .ml-sm-7, .mx-sm-7 {
        margin-left: 5rem !important
    }

    .m-sm-8 {
        margin: 6.25rem !important
    }

    .mt-sm-8, .my-sm-8 {
        margin-top: 6.25rem !important
    }

    .mr-sm-8, .mx-sm-8 {
        margin-right: 6.25rem !important
    }

    .mb-sm-8, .my-sm-8 {
        margin-bottom: 6.25rem !important
    }

    .ml-sm-8, .mx-sm-8 {
        margin-left: 6.25rem !important
    }

    .m-sm-9 {
        margin: 7.5rem !important
    }

    .mt-sm-9, .my-sm-9 {
        margin-top: 7.5rem !important
    }

    .mr-sm-9, .mx-sm-9 {
        margin-right: 7.5rem !important
    }

    .mb-sm-9, .my-sm-9 {
        margin-bottom: 7.5rem !important
    }

    .ml-sm-9, .mx-sm-9 {
        margin-left: 7.5rem !important
    }

    .m-sm-10 {
        margin: 9.375rem !important
    }

    .mt-sm-10, .my-sm-10 {
        margin-top: 9.375rem !important
    }

    .mr-sm-10, .mx-sm-10 {
        margin-right: 9.375rem !important
    }

    .mb-sm-10, .my-sm-10 {
        margin-bottom: 9.375rem !important
    }

    .ml-sm-10, .mx-sm-10 {
        margin-left: 9.375rem !important
    }

    .m-sm-g {
        margin: 1.25rem !important
    }

    .mt-sm-g, .my-sm-g {
        margin-top: 1.25rem !important
    }

    .mr-sm-g, .mx-sm-g {
        margin-right: 1.25rem !important
    }

    .mb-sm-g, .my-sm-g {
        margin-bottom: 1.25rem !important
    }

    .ml-sm-g, .mx-sm-g {
        margin-left: 1.25rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .p-sm-6 {
        padding: 4rem !important
    }

    .pt-sm-6, .py-sm-6 {
        padding-top: 4rem !important
    }

    .pr-sm-6, .px-sm-6 {
        padding-right: 4rem !important
    }

    .pb-sm-6, .py-sm-6 {
        padding-bottom: 4rem !important
    }

    .pl-sm-6, .px-sm-6 {
        padding-left: 4rem !important
    }

    .p-sm-7 {
        padding: 5rem !important
    }

    .pt-sm-7, .py-sm-7 {
        padding-top: 5rem !important
    }

    .pr-sm-7, .px-sm-7 {
        padding-right: 5rem !important
    }

    .pb-sm-7, .py-sm-7 {
        padding-bottom: 5rem !important
    }

    .pl-sm-7, .px-sm-7 {
        padding-left: 5rem !important
    }

    .p-sm-8 {
        padding: 6.25rem !important
    }

    .pt-sm-8, .py-sm-8 {
        padding-top: 6.25rem !important
    }

    .pr-sm-8, .px-sm-8 {
        padding-right: 6.25rem !important
    }

    .pb-sm-8, .py-sm-8 {
        padding-bottom: 6.25rem !important
    }

    .pl-sm-8, .px-sm-8 {
        padding-left: 6.25rem !important
    }

    .p-sm-9 {
        padding: 7.5rem !important
    }

    .pt-sm-9, .py-sm-9 {
        padding-top: 7.5rem !important
    }

    .pr-sm-9, .px-sm-9 {
        padding-right: 7.5rem !important
    }

    .pb-sm-9, .py-sm-9 {
        padding-bottom: 7.5rem !important
    }

    .pl-sm-9, .px-sm-9 {
        padding-left: 7.5rem !important
    }

    .p-sm-10 {
        padding: 9.375rem !important
    }

    .pt-sm-10, .py-sm-10 {
        padding-top: 9.375rem !important
    }

    .pr-sm-10, .px-sm-10 {
        padding-right: 9.375rem !important
    }

    .pb-sm-10, .py-sm-10 {
        padding-bottom: 9.375rem !important
    }

    .pl-sm-10, .px-sm-10 {
        padding-left: 9.375rem !important
    }

    .p-sm-g {
        padding: 1.25rem !important
    }

    .pt-sm-g, .py-sm-g {
        padding-top: 1.25rem !important
    }

    .pr-sm-g, .px-sm-g {
        padding-right: 1.25rem !important
    }

    .pb-sm-g, .py-sm-g {
        padding-bottom: 1.25rem !important
    }

    .pl-sm-g, .px-sm-g {
        padding-left: 1.25rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1, .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1, .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1, .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1, .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2, .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2, .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2, .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2, .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3, .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3, .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3, .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3, .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4, .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4, .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4, .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4, .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5, .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5, .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5, .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5, .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-n6 {
        margin: -4rem !important
    }

    .mt-sm-n6, .my-sm-n6 {
        margin-top: -4rem !important
    }

    .mr-sm-n6, .mx-sm-n6 {
        margin-right: -4rem !important
    }

    .mb-sm-n6, .my-sm-n6 {
        margin-bottom: -4rem !important
    }

    .ml-sm-n6, .mx-sm-n6 {
        margin-left: -4rem !important
    }

    .m-sm-n7 {
        margin: -5rem !important
    }

    .mt-sm-n7, .my-sm-n7 {
        margin-top: -5rem !important
    }

    .mr-sm-n7, .mx-sm-n7 {
        margin-right: -5rem !important
    }

    .mb-sm-n7, .my-sm-n7 {
        margin-bottom: -5rem !important
    }

    .ml-sm-n7, .mx-sm-n7 {
        margin-left: -5rem !important
    }

    .m-sm-n8 {
        margin: -6.25rem !important
    }

    .mt-sm-n8, .my-sm-n8 {
        margin-top: -6.25rem !important
    }

    .mr-sm-n8, .mx-sm-n8 {
        margin-right: -6.25rem !important
    }

    .mb-sm-n8, .my-sm-n8 {
        margin-bottom: -6.25rem !important
    }

    .ml-sm-n8, .mx-sm-n8 {
        margin-left: -6.25rem !important
    }

    .m-sm-n9 {
        margin: -7.5rem !important
    }

    .mt-sm-n9, .my-sm-n9 {
        margin-top: -7.5rem !important
    }

    .mr-sm-n9, .mx-sm-n9 {
        margin-right: -7.5rem !important
    }

    .mb-sm-n9, .my-sm-n9 {
        margin-bottom: -7.5rem !important
    }

    .ml-sm-n9, .mx-sm-n9 {
        margin-left: -7.5rem !important
    }

    .m-sm-n10 {
        margin: -9.375rem !important
    }

    .mt-sm-n10, .my-sm-n10 {
        margin-top: -9.375rem !important
    }

    .mr-sm-n10, .mx-sm-n10 {
        margin-right: -9.375rem !important
    }

    .mb-sm-n10, .my-sm-n10 {
        margin-bottom: -9.375rem !important
    }

    .ml-sm-n10, .mx-sm-n10 {
        margin-left: -9.375rem !important
    }

    .m-sm-ng {
        margin: -1.25rem !important
    }

    .mt-sm-ng, .my-sm-ng {
        margin-top: -1.25rem !important
    }

    .mr-sm-ng, .mx-sm-ng {
        margin-right: -1.25rem !important
    }

    .mb-sm-ng, .my-sm-ng {
        margin-bottom: -1.25rem !important
    }

    .ml-sm-ng, .mx-sm-ng {
        margin-left: -1.25rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .m-md-6 {
        margin: 4rem !important
    }

    .mt-md-6, .my-md-6 {
        margin-top: 4rem !important
    }

    .mr-md-6, .mx-md-6 {
        margin-right: 4rem !important
    }

    .mb-md-6, .my-md-6 {
        margin-bottom: 4rem !important
    }

    .ml-md-6, .mx-md-6 {
        margin-left: 4rem !important
    }

    .m-md-7 {
        margin: 5rem !important
    }

    .mt-md-7, .my-md-7 {
        margin-top: 5rem !important
    }

    .mr-md-7, .mx-md-7 {
        margin-right: 5rem !important
    }

    .mb-md-7, .my-md-7 {
        margin-bottom: 5rem !important
    }

    .ml-md-7, .mx-md-7 {
        margin-left: 5rem !important
    }

    .m-md-8 {
        margin: 6.25rem !important
    }

    .mt-md-8, .my-md-8 {
        margin-top: 6.25rem !important
    }

    .mr-md-8, .mx-md-8 {
        margin-right: 6.25rem !important
    }

    .mb-md-8, .my-md-8 {
        margin-bottom: 6.25rem !important
    }

    .ml-md-8, .mx-md-8 {
        margin-left: 6.25rem !important
    }

    .m-md-9 {
        margin: 7.5rem !important
    }

    .mt-md-9, .my-md-9 {
        margin-top: 7.5rem !important
    }

    .mr-md-9, .mx-md-9 {
        margin-right: 7.5rem !important
    }

    .mb-md-9, .my-md-9 {
        margin-bottom: 7.5rem !important
    }

    .ml-md-9, .mx-md-9 {
        margin-left: 7.5rem !important
    }

    .m-md-10 {
        margin: 9.375rem !important
    }

    .mt-md-10, .my-md-10 {
        margin-top: 9.375rem !important
    }

    .mr-md-10, .mx-md-10 {
        margin-right: 9.375rem !important
    }

    .mb-md-10, .my-md-10 {
        margin-bottom: 9.375rem !important
    }

    .ml-md-10, .mx-md-10 {
        margin-left: 9.375rem !important
    }

    .m-md-g {
        margin: 1.25rem !important
    }

    .mt-md-g, .my-md-g {
        margin-top: 1.25rem !important
    }

    .mr-md-g, .mx-md-g {
        margin-right: 1.25rem !important
    }

    .mb-md-g, .my-md-g {
        margin-bottom: 1.25rem !important
    }

    .ml-md-g, .mx-md-g {
        margin-left: 1.25rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .p-md-6 {
        padding: 4rem !important
    }

    .pt-md-6, .py-md-6 {
        padding-top: 4rem !important
    }

    .pr-md-6, .px-md-6 {
        padding-right: 4rem !important
    }

    .pb-md-6, .py-md-6 {
        padding-bottom: 4rem !important
    }

    .pl-md-6, .px-md-6 {
        padding-left: 4rem !important
    }

    .p-md-7 {
        padding: 5rem !important
    }

    .pt-md-7, .py-md-7 {
        padding-top: 5rem !important
    }

    .pr-md-7, .px-md-7 {
        padding-right: 5rem !important
    }

    .pb-md-7, .py-md-7 {
        padding-bottom: 5rem !important
    }

    .pl-md-7, .px-md-7 {
        padding-left: 5rem !important
    }

    .p-md-8 {
        padding: 6.25rem !important
    }

    .pt-md-8, .py-md-8 {
        padding-top: 6.25rem !important
    }

    .pr-md-8, .px-md-8 {
        padding-right: 6.25rem !important
    }

    .pb-md-8, .py-md-8 {
        padding-bottom: 6.25rem !important
    }

    .pl-md-8, .px-md-8 {
        padding-left: 6.25rem !important
    }

    .p-md-9 {
        padding: 7.5rem !important
    }

    .pt-md-9, .py-md-9 {
        padding-top: 7.5rem !important
    }

    .pr-md-9, .px-md-9 {
        padding-right: 7.5rem !important
    }

    .pb-md-9, .py-md-9 {
        padding-bottom: 7.5rem !important
    }

    .pl-md-9, .px-md-9 {
        padding-left: 7.5rem !important
    }

    .p-md-10 {
        padding: 9.375rem !important
    }

    .pt-md-10, .py-md-10 {
        padding-top: 9.375rem !important
    }

    .pr-md-10, .px-md-10 {
        padding-right: 9.375rem !important
    }

    .pb-md-10, .py-md-10 {
        padding-bottom: 9.375rem !important
    }

    .pl-md-10, .px-md-10 {
        padding-left: 9.375rem !important
    }

    .p-md-g {
        padding: 1.25rem !important
    }

    .pt-md-g, .py-md-g {
        padding-top: 1.25rem !important
    }

    .pr-md-g, .px-md-g {
        padding-right: 1.25rem !important
    }

    .pb-md-g, .py-md-g {
        padding-bottom: 1.25rem !important
    }

    .pl-md-g, .px-md-g {
        padding-left: 1.25rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1, .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1, .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1, .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1, .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2, .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2, .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2, .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2, .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3, .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3, .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3, .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3, .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4, .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4, .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4, .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4, .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5, .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5, .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5, .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5, .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-n6 {
        margin: -4rem !important
    }

    .mt-md-n6, .my-md-n6 {
        margin-top: -4rem !important
    }

    .mr-md-n6, .mx-md-n6 {
        margin-right: -4rem !important
    }

    .mb-md-n6, .my-md-n6 {
        margin-bottom: -4rem !important
    }

    .ml-md-n6, .mx-md-n6 {
        margin-left: -4rem !important
    }

    .m-md-n7 {
        margin: -5rem !important
    }

    .mt-md-n7, .my-md-n7 {
        margin-top: -5rem !important
    }

    .mr-md-n7, .mx-md-n7 {
        margin-right: -5rem !important
    }

    .mb-md-n7, .my-md-n7 {
        margin-bottom: -5rem !important
    }

    .ml-md-n7, .mx-md-n7 {
        margin-left: -5rem !important
    }

    .m-md-n8 {
        margin: -6.25rem !important
    }

    .mt-md-n8, .my-md-n8 {
        margin-top: -6.25rem !important
    }

    .mr-md-n8, .mx-md-n8 {
        margin-right: -6.25rem !important
    }

    .mb-md-n8, .my-md-n8 {
        margin-bottom: -6.25rem !important
    }

    .ml-md-n8, .mx-md-n8 {
        margin-left: -6.25rem !important
    }

    .m-md-n9 {
        margin: -7.5rem !important
    }

    .mt-md-n9, .my-md-n9 {
        margin-top: -7.5rem !important
    }

    .mr-md-n9, .mx-md-n9 {
        margin-right: -7.5rem !important
    }

    .mb-md-n9, .my-md-n9 {
        margin-bottom: -7.5rem !important
    }

    .ml-md-n9, .mx-md-n9 {
        margin-left: -7.5rem !important
    }

    .m-md-n10 {
        margin: -9.375rem !important
    }

    .mt-md-n10, .my-md-n10 {
        margin-top: -9.375rem !important
    }

    .mr-md-n10, .mx-md-n10 {
        margin-right: -9.375rem !important
    }

    .mb-md-n10, .my-md-n10 {
        margin-bottom: -9.375rem !important
    }

    .ml-md-n10, .mx-md-n10 {
        margin-left: -9.375rem !important
    }

    .m-md-ng {
        margin: -1.25rem !important
    }

    .mt-md-ng, .my-md-ng {
        margin-top: -1.25rem !important
    }

    .mr-md-ng, .mx-md-ng {
        margin-right: -1.25rem !important
    }

    .mb-md-ng, .my-md-ng {
        margin-bottom: -1.25rem !important
    }

    .ml-md-ng, .mx-md-ng {
        margin-left: -1.25rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .m-lg-6 {
        margin: 4rem !important
    }

    .mt-lg-6, .my-lg-6 {
        margin-top: 4rem !important
    }

    .mr-lg-6, .mx-lg-6 {
        margin-right: 4rem !important
    }

    .mb-lg-6, .my-lg-6 {
        margin-bottom: 4rem !important
    }

    .ml-lg-6, .mx-lg-6 {
        margin-left: 4rem !important
    }

    .m-lg-7 {
        margin: 5rem !important
    }

    .mt-lg-7, .my-lg-7 {
        margin-top: 5rem !important
    }

    .mr-lg-7, .mx-lg-7 {
        margin-right: 5rem !important
    }

    .mb-lg-7, .my-lg-7 {
        margin-bottom: 5rem !important
    }

    .ml-lg-7, .mx-lg-7 {
        margin-left: 5rem !important
    }

    .m-lg-8 {
        margin: 6.25rem !important
    }

    .mt-lg-8, .my-lg-8 {
        margin-top: 6.25rem !important
    }

    .mr-lg-8, .mx-lg-8 {
        margin-right: 6.25rem !important
    }

    .mb-lg-8, .my-lg-8 {
        margin-bottom: 6.25rem !important
    }

    .ml-lg-8, .mx-lg-8 {
        margin-left: 6.25rem !important
    }

    .m-lg-9 {
        margin: 7.5rem !important
    }

    .mt-lg-9, .my-lg-9 {
        margin-top: 7.5rem !important
    }

    .mr-lg-9, .mx-lg-9 {
        margin-right: 7.5rem !important
    }

    .mb-lg-9, .my-lg-9 {
        margin-bottom: 7.5rem !important
    }

    .ml-lg-9, .mx-lg-9 {
        margin-left: 7.5rem !important
    }

    .m-lg-10 {
        margin: 9.375rem !important
    }

    .mt-lg-10, .my-lg-10 {
        margin-top: 9.375rem !important
    }

    .mr-lg-10, .mx-lg-10 {
        margin-right: 9.375rem !important
    }

    .mb-lg-10, .my-lg-10 {
        margin-bottom: 9.375rem !important
    }

    .ml-lg-10, .mx-lg-10 {
        margin-left: 9.375rem !important
    }

    .m-lg-g {
        margin: 1.25rem !important
    }

    .mt-lg-g, .my-lg-g {
        margin-top: 1.25rem !important
    }

    .mr-lg-g, .mx-lg-g {
        margin-right: 1.25rem !important
    }

    .mb-lg-g, .my-lg-g {
        margin-bottom: 1.25rem !important
    }

    .ml-lg-g, .mx-lg-g {
        margin-left: 1.25rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .p-lg-6 {
        padding: 4rem !important
    }

    .pt-lg-6, .py-lg-6 {
        padding-top: 4rem !important
    }

    .pr-lg-6, .px-lg-6 {
        padding-right: 4rem !important
    }

    .pb-lg-6, .py-lg-6 {
        padding-bottom: 4rem !important
    }

    .pl-lg-6, .px-lg-6 {
        padding-left: 4rem !important
    }

    .p-lg-7 {
        padding: 5rem !important
    }

    .pt-lg-7, .py-lg-7 {
        padding-top: 5rem !important
    }

    .pr-lg-7, .px-lg-7 {
        padding-right: 5rem !important
    }

    .pb-lg-7, .py-lg-7 {
        padding-bottom: 5rem !important
    }

    .pl-lg-7, .px-lg-7 {
        padding-left: 5rem !important
    }

    .p-lg-8 {
        padding: 6.25rem !important
    }

    .pt-lg-8, .py-lg-8 {
        padding-top: 6.25rem !important
    }

    .pr-lg-8, .px-lg-8 {
        padding-right: 6.25rem !important
    }

    .pb-lg-8, .py-lg-8 {
        padding-bottom: 6.25rem !important
    }

    .pl-lg-8, .px-lg-8 {
        padding-left: 6.25rem !important
    }

    .p-lg-9 {
        padding: 7.5rem !important
    }

    .pt-lg-9, .py-lg-9 {
        padding-top: 7.5rem !important
    }

    .pr-lg-9, .px-lg-9 {
        padding-right: 7.5rem !important
    }

    .pb-lg-9, .py-lg-9 {
        padding-bottom: 7.5rem !important
    }

    .pl-lg-9, .px-lg-9 {
        padding-left: 7.5rem !important
    }

    .p-lg-10 {
        padding: 9.375rem !important
    }

    .pt-lg-10, .py-lg-10 {
        padding-top: 9.375rem !important
    }

    .pr-lg-10, .px-lg-10 {
        padding-right: 9.375rem !important
    }

    .pb-lg-10, .py-lg-10 {
        padding-bottom: 9.375rem !important
    }

    .pl-lg-10, .px-lg-10 {
        padding-left: 9.375rem !important
    }

    .p-lg-g {
        padding: 1.25rem !important
    }

    .pt-lg-g, .py-lg-g {
        padding-top: 1.25rem !important
    }

    .pr-lg-g, .px-lg-g {
        padding-right: 1.25rem !important
    }

    .pb-lg-g, .py-lg-g {
        padding-bottom: 1.25rem !important
    }

    .pl-lg-g, .px-lg-g {
        padding-left: 1.25rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1, .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1, .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1, .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1, .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2, .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2, .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2, .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2, .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3, .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3, .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3, .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3, .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4, .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4, .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4, .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4, .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5, .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5, .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5, .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5, .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-n6 {
        margin: -4rem !important
    }

    .mt-lg-n6, .my-lg-n6 {
        margin-top: -4rem !important
    }

    .mr-lg-n6, .mx-lg-n6 {
        margin-right: -4rem !important
    }

    .mb-lg-n6, .my-lg-n6 {
        margin-bottom: -4rem !important
    }

    .ml-lg-n6, .mx-lg-n6 {
        margin-left: -4rem !important
    }

    .m-lg-n7 {
        margin: -5rem !important
    }

    .mt-lg-n7, .my-lg-n7 {
        margin-top: -5rem !important
    }

    .mr-lg-n7, .mx-lg-n7 {
        margin-right: -5rem !important
    }

    .mb-lg-n7, .my-lg-n7 {
        margin-bottom: -5rem !important
    }

    .ml-lg-n7, .mx-lg-n7 {
        margin-left: -5rem !important
    }

    .m-lg-n8 {
        margin: -6.25rem !important
    }

    .mt-lg-n8, .my-lg-n8 {
        margin-top: -6.25rem !important
    }

    .mr-lg-n8, .mx-lg-n8 {
        margin-right: -6.25rem !important
    }

    .mb-lg-n8, .my-lg-n8 {
        margin-bottom: -6.25rem !important
    }

    .ml-lg-n8, .mx-lg-n8 {
        margin-left: -6.25rem !important
    }

    .m-lg-n9 {
        margin: -7.5rem !important
    }

    .mt-lg-n9, .my-lg-n9 {
        margin-top: -7.5rem !important
    }

    .mr-lg-n9, .mx-lg-n9 {
        margin-right: -7.5rem !important
    }

    .mb-lg-n9, .my-lg-n9 {
        margin-bottom: -7.5rem !important
    }

    .ml-lg-n9, .mx-lg-n9 {
        margin-left: -7.5rem !important
    }

    .m-lg-n10 {
        margin: -9.375rem !important
    }

    .mt-lg-n10, .my-lg-n10 {
        margin-top: -9.375rem !important
    }

    .mr-lg-n10, .mx-lg-n10 {
        margin-right: -9.375rem !important
    }

    .mb-lg-n10, .my-lg-n10 {
        margin-bottom: -9.375rem !important
    }

    .ml-lg-n10, .mx-lg-n10 {
        margin-left: -9.375rem !important
    }

    .m-lg-ng {
        margin: -1.25rem !important
    }

    .mt-lg-ng, .my-lg-ng {
        margin-top: -1.25rem !important
    }

    .mr-lg-ng, .mx-lg-ng {
        margin-right: -1.25rem !important
    }

    .mb-lg-ng, .my-lg-ng {
        margin-bottom: -1.25rem !important
    }

    .ml-lg-ng, .mx-lg-ng {
        margin-left: -1.25rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .m-xl-6 {
        margin: 4rem !important
    }

    .mt-xl-6, .my-xl-6 {
        margin-top: 4rem !important
    }

    .mr-xl-6, .mx-xl-6 {
        margin-right: 4rem !important
    }

    .mb-xl-6, .my-xl-6 {
        margin-bottom: 4rem !important
    }

    .ml-xl-6, .mx-xl-6 {
        margin-left: 4rem !important
    }

    .m-xl-7 {
        margin: 5rem !important
    }

    .mt-xl-7, .my-xl-7 {
        margin-top: 5rem !important
    }

    .mr-xl-7, .mx-xl-7 {
        margin-right: 5rem !important
    }

    .mb-xl-7, .my-xl-7 {
        margin-bottom: 5rem !important
    }

    .ml-xl-7, .mx-xl-7 {
        margin-left: 5rem !important
    }

    .m-xl-8 {
        margin: 6.25rem !important
    }

    .mt-xl-8, .my-xl-8 {
        margin-top: 6.25rem !important
    }

    .mr-xl-8, .mx-xl-8 {
        margin-right: 6.25rem !important
    }

    .mb-xl-8, .my-xl-8 {
        margin-bottom: 6.25rem !important
    }

    .ml-xl-8, .mx-xl-8 {
        margin-left: 6.25rem !important
    }

    .m-xl-9 {
        margin: 7.5rem !important
    }

    .mt-xl-9, .my-xl-9 {
        margin-top: 7.5rem !important
    }

    .mr-xl-9, .mx-xl-9 {
        margin-right: 7.5rem !important
    }

    .mb-xl-9, .my-xl-9 {
        margin-bottom: 7.5rem !important
    }

    .ml-xl-9, .mx-xl-9 {
        margin-left: 7.5rem !important
    }

    .m-xl-10 {
        margin: 9.375rem !important
    }

    .mt-xl-10, .my-xl-10 {
        margin-top: 9.375rem !important
    }

    .mr-xl-10, .mx-xl-10 {
        margin-right: 9.375rem !important
    }

    .mb-xl-10, .my-xl-10 {
        margin-bottom: 9.375rem !important
    }

    .ml-xl-10, .mx-xl-10 {
        margin-left: 9.375rem !important
    }

    .m-xl-g {
        margin: 1.25rem !important
    }

    .mt-xl-g, .my-xl-g {
        margin-top: 1.25rem !important
    }

    .mr-xl-g, .mx-xl-g {
        margin-right: 1.25rem !important
    }

    .mb-xl-g, .my-xl-g {
        margin-bottom: 1.25rem !important
    }

    .ml-xl-g, .mx-xl-g {
        margin-left: 1.25rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .p-xl-6 {
        padding: 4rem !important
    }

    .pt-xl-6, .py-xl-6 {
        padding-top: 4rem !important
    }

    .pr-xl-6, .px-xl-6 {
        padding-right: 4rem !important
    }

    .pb-xl-6, .py-xl-6 {
        padding-bottom: 4rem !important
    }

    .pl-xl-6, .px-xl-6 {
        padding-left: 4rem !important
    }

    .p-xl-7 {
        padding: 5rem !important
    }

    .pt-xl-7, .py-xl-7 {
        padding-top: 5rem !important
    }

    .pr-xl-7, .px-xl-7 {
        padding-right: 5rem !important
    }

    .pb-xl-7, .py-xl-7 {
        padding-bottom: 5rem !important
    }

    .pl-xl-7, .px-xl-7 {
        padding-left: 5rem !important
    }

    .p-xl-8 {
        padding: 6.25rem !important
    }

    .pt-xl-8, .py-xl-8 {
        padding-top: 6.25rem !important
    }

    .pr-xl-8, .px-xl-8 {
        padding-right: 6.25rem !important
    }

    .pb-xl-8, .py-xl-8 {
        padding-bottom: 6.25rem !important
    }

    .pl-xl-8, .px-xl-8 {
        padding-left: 6.25rem !important
    }

    .p-xl-9 {
        padding: 7.5rem !important
    }

    .pt-xl-9, .py-xl-9 {
        padding-top: 7.5rem !important
    }

    .pr-xl-9, .px-xl-9 {
        padding-right: 7.5rem !important
    }

    .pb-xl-9, .py-xl-9 {
        padding-bottom: 7.5rem !important
    }

    .pl-xl-9, .px-xl-9 {
        padding-left: 7.5rem !important
    }

    .p-xl-10 {
        padding: 9.375rem !important
    }

    .pt-xl-10, .py-xl-10 {
        padding-top: 9.375rem !important
    }

    .pr-xl-10, .px-xl-10 {
        padding-right: 9.375rem !important
    }

    .pb-xl-10, .py-xl-10 {
        padding-bottom: 9.375rem !important
    }

    .pl-xl-10, .px-xl-10 {
        padding-left: 9.375rem !important
    }

    .p-xl-g {
        padding: 1.25rem !important
    }

    .pt-xl-g, .py-xl-g {
        padding-top: 1.25rem !important
    }

    .pr-xl-g, .px-xl-g {
        padding-right: 1.25rem !important
    }

    .pb-xl-g, .py-xl-g {
        padding-bottom: 1.25rem !important
    }

    .pl-xl-g, .px-xl-g {
        padding-left: 1.25rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1, .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1, .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1, .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1, .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2, .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2, .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2, .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2, .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3, .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3, .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3, .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3, .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4, .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4, .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4, .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4, .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5, .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5, .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5, .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5, .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-n6 {
        margin: -4rem !important
    }

    .mt-xl-n6, .my-xl-n6 {
        margin-top: -4rem !important
    }

    .mr-xl-n6, .mx-xl-n6 {
        margin-right: -4rem !important
    }

    .mb-xl-n6, .my-xl-n6 {
        margin-bottom: -4rem !important
    }

    .ml-xl-n6, .mx-xl-n6 {
        margin-left: -4rem !important
    }

    .m-xl-n7 {
        margin: -5rem !important
    }

    .mt-xl-n7, .my-xl-n7 {
        margin-top: -5rem !important
    }

    .mr-xl-n7, .mx-xl-n7 {
        margin-right: -5rem !important
    }

    .mb-xl-n7, .my-xl-n7 {
        margin-bottom: -5rem !important
    }

    .ml-xl-n7, .mx-xl-n7 {
        margin-left: -5rem !important
    }

    .m-xl-n8 {
        margin: -6.25rem !important
    }

    .mt-xl-n8, .my-xl-n8 {
        margin-top: -6.25rem !important
    }

    .mr-xl-n8, .mx-xl-n8 {
        margin-right: -6.25rem !important
    }

    .mb-xl-n8, .my-xl-n8 {
        margin-bottom: -6.25rem !important
    }

    .ml-xl-n8, .mx-xl-n8 {
        margin-left: -6.25rem !important
    }

    .m-xl-n9 {
        margin: -7.5rem !important
    }

    .mt-xl-n9, .my-xl-n9 {
        margin-top: -7.5rem !important
    }

    .mr-xl-n9, .mx-xl-n9 {
        margin-right: -7.5rem !important
    }

    .mb-xl-n9, .my-xl-n9 {
        margin-bottom: -7.5rem !important
    }

    .ml-xl-n9, .mx-xl-n9 {
        margin-left: -7.5rem !important
    }

    .m-xl-n10 {
        margin: -9.375rem !important
    }

    .mt-xl-n10, .my-xl-n10 {
        margin-top: -9.375rem !important
    }

    .mr-xl-n10, .mx-xl-n10 {
        margin-right: -9.375rem !important
    }

    .mb-xl-n10, .my-xl-n10 {
        margin-bottom: -9.375rem !important
    }

    .ml-xl-n10, .mx-xl-n10 {
        margin-left: -9.375rem !important
    }

    .m-xl-ng {
        margin: -1.25rem !important
    }

    .mt-xl-ng, .my-xl-ng {
        margin-top: -1.25rem !important
    }

    .mr-xl-ng, .mx-xl-ng {
        margin-right: -1.25rem !important
    }

    .mb-xl-ng, .my-xl-ng {
        margin-bottom: -1.25rem !important
    }

    .ml-xl-ng, .mx-xl-ng {
        margin-left: -1.25rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0)
}

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

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

.font-weight-lighter {
    font-weight: lighter !important
}

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

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

.font-weight-bolder {
    font-weight: 600 !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #00bfe8 !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #00809c !important
}

.text-secondary {
    color: #181818 !important
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #000 !important
}

.text-success {
    color: #abcf02 !important
}

a.text-success:focus, a.text-success:hover {
    color: #6c8301 !important
}

.text-info {
    color: #7678ed !important
}

a.text-info:focus, a.text-info:hover {
    color: #3235e4 !important
}

.text-warning {
    color: #f7b801 !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #ab7f01 !important
}

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

a.text-danger:focus, a.text-danger:hover {
    color: #e30c00 !important
}

.text-light {
    color: #868d9e !important
}

a.text-light:focus, a.text-light:hover {
    color: #606778 !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus, a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #181818 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    color: rgba(255,255,255,.5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.svg-icons--accounting-office, .svg-icons--add-offer, .svg-icons--allegro-logo, .svg-icons--arrow, .svg-icons--arrow-down, .svg-icons--arrow-down-light, .svg-icons--arrow-long-right, .svg-icons--arrow-next-blue, .svg-icons--arrow-prev-blue, .svg-icons--arrow-right, .svg-icons--arrow-right-blue, .svg-icons--article, .svg-icons--article-turquoise, .svg-icons--auto, .svg-icons--bezpieczenstwo, .svg-icons--bulb, .svg-icons--calculator-blue, .svg-icons--calendar, .svg-icons--calendar-blue-big, .svg-icons--calendar-check, .svg-icons--calendar-red-big, .svg-icons--calendar-with-clock-blue, .svg-icons--call, .svg-icons--car, .svg-icons--caret, .svg-icons--caret-info-dark, .svg-icons--caret-primary, .svg-icons--caret-small, .svg-icons--cart, .svg-icons--cart-secondary, .svg-icons--certify, .svg-icons--chair, .svg-icons--chat, .svg-icons--chat-cloud, .svg-icons--chat-cloud-beige, .svg-icons--check, .svg-icons--check-blue, .svg-icons--check-green, .svg-icons--check-green-secondary, .svg-icons--check-purple, .svg-icons--check-rounded, .svg-icons--check-rounded-white, .svg-icons--check-sm, .svg-icons--check-teritary, .svg-icons--check-yellow, .svg-icons--circle-plus, .svg-icons--circle-tick-blue, .svg-icons--clients, .svg-icons--clock-blue-big, .svg-icons--clock-fast, .svg-icons--clock-red-big, .svg-icons--close-x, .svg-icons--close-x-primary, .svg-icons--cloud-beige, .svg-icons--cloud-download, .svg-icons--compas, .svg-icons--compass, .svg-icons--copy, .svg-icons--credit-card, .svg-icons--doc-list, .svg-icons--document-blue, .svg-icons--document-scan, .svg-icons--dollar-bag, .svg-icons--dollar-blue, .svg-icons--dollar-sheet, .svg-icons--download, .svg-icons--e-mail-blue, .svg-icons--email, .svg-icons--email-blue-lg, .svg-icons--envelope-circle, .svg-icons--eye, .svg-icons--eye-black, .svg-icons--eye-blue, .svg-icons--eye-slash, .svg-icons--facebook, .svg-icons--facebook-login, .svg-icons--facebook-rounded, .svg-icons--faktura, .svg-icons--feature-accountancy, .svg-icons--feature-advert, .svg-icons--feature-advertising, .svg-icons--feature-calculator, .svg-icons--feature-dashboard, .svg-icons--feature-insurance, .svg-icons--feature-managment, .svg-icons--feature-ocr, .svg-icons--feature-panel, .svg-icons--feature-zus, .svg-icons--fiscal-printer, .svg-icons--forklift-blue, .svg-icons--globus, .svg-icons--google-login, .svg-icons--hand, .svg-icons--heart, .svg-icons--kalendarz, .svg-icons--key-black, .svg-icons--laptop, .svg-icons--laur-l, .svg-icons--laur-r, .svg-icons--linkedin, .svg-icons--linkedin-rounded, .svg-icons--location, .svg-icons--location-blue, .svg-icons--location-sm-gray, .svg-icons--logo-pp, .svg-icons--mail-beige, .svg-icons--mail-blue, .svg-icons--mail-primary, .svg-icons--menu-arrow-down, .svg-icons--menu-arrow-down-blue, .svg-icons--menu-arrow-full, .svg-icons--menu-close, .svg-icons--menu-hamburger, .svg-icons--minus-roundend-white, .svg-icons--modules, .svg-icons--monitor-blue, .svg-icons--monitor-case, .svg-icons--ocr-search, .svg-icons--offers, .svg-icons--okejka, .svg-icons--okejka-primary, .svg-icons--okejka-secondary, .svg-icons--okejka-sm, .svg-icons--okejka-teritary, .svg-icons--okejka_old, .svg-icons--partner-bankier, .svg-icons--partner-infor, .svg-icons--partner-money, .svg-icons--partner-rzeczpospolita, .svg-icons--payment-blue-big, .svg-icons--payment-md-blue, .svg-icons--payment-red-big, .svg-icons--phone, .svg-icons--phone-beige, .svg-icons--phone-blue, .svg-icons--plane, .svg-icons--play, .svg-icons--play-brown, .svg-icons--play-rotated, .svg-icons--plus-black, .svg-icons--plus-blue, .svg-icons--plus-blue-rounded, .svg-icons--plus-green-rounded, .svg-icons--poradnik-black-logo, .svg-icons--poradnik-przedsiebiorcy, .svg-icons--prawnicy, .svg-icons--prawnicy_old, .svg-icons--printer, .svg-icons--printer-blue, .svg-icons--quote-blue, .svg-icons--quote-light-blue, .svg-icons--rating, .svg-icons--register-sheets, .svg-icons--responsive, .svg-icons--save-invoice, .svg-icons--search, .svg-icons--search-md-white, .svg-icons--search-sm-white, .svg-icons--send-paper, .svg-icons--sheet-blue, .svg-icons--sheet-blue-big, .svg-icons--sheet-red-big, .svg-icons--shield, .svg-icons--shield-check, .svg-icons--shield-monitor, .svg-icons--star, .svg-icons--star-white, .svg-icons--star-white-sm, .svg-icons--task, .svg-icons--taxes, .svg-icons--tick-blue, .svg-icons--tick-blue-small, .svg-icons--tick-green, .svg-icons--tick-green-small, .svg-icons--tick-red, .svg-icons--tick-red-small, .svg-icons--tick-round-blue, .svg-icons--tick-round-blue-big, .svg-icons--tick-round-blue-md, .svg-icons--tick-round-blue-small, .svg-icons--tick-round-plum-big, .svg-icons--truck, .svg-icons--twitter, .svg-icons--twitter-rounded, .svg-icons--upload, .svg-icons--user-check, .svg-icons--wallet, .svg-icons--warehouse-blue, .svg-icons--wfirma-logo, .svg-icons--wfirma-logo-brown, .svg-icons--wfirma-logo-md-blue, .svg-icons--wfirma-logo-md-white, .svg-icons--wfirma-logo-sm-blue, .svg-icons--wfirma-logo-sm-brown, .svg-icons--wfirma-logo-sm-white, .svg-icons--wfirma-logo-white, .svg-icons--wfirma-system, .svg-icons--window-config, .svg-icons--wrong, .svg-icons--youtube-rounded, .svg-icons--zus {
    background: url(/_public/wf/icons/sprite/sprite.css.svg?79a407q2bje) no-repeat
}

.svg-icons--accounting-office {
    background-position: 0 100%;
    width: 1.125rem;
    height: 1.25rem
}

.svg-icons--add-offer {
    background-position: 60.01287128712872% 87.95180722891567%;
    width: 1.9375rem;
    height: 1.9375rem
}

.svg-icons--allegro-logo {
    background-position: 23.827392120075046% 27.68166089965398%;
    width: 6.5rem;
    height: 2.125rem
}

.svg-icons--arrow {
    background-position: 87.47967479674797% 83.00883333333334%;
    width: 1.375rem;
    height: .75rem
}

.svg-icons--arrow-down {
    background-position: 99.17878787878787% 40.06622516556291%;
    width: .625rem;
    height: .5rem
}

.svg-icons--arrow-down-light {
    background-position: 28.45528455284553% 32.27953410981697%;
    width: 1.375rem;
    height: .6875rem
}

.svg-icons--arrow-long-right {
    background-position: 17.314487632508833% 36.26943005181347%;
    width: 4.4375rem;
    height: 2.0625rem
}

.svg-icons--arrow-next-blue {
    background-position: 4.72972972972973% 74.07407407407408%;
    width: 2.8125rem;
    height: 2.8125rem
}

.svg-icons--arrow-prev-blue {
    background-position: 12.33108108108108% 74.07407407407408%;
    width: 2.8125rem;
    height: 2.8125rem
}

.svg-icons--arrow-right {
    background-position: 98.70650793650793% 37.2712146422629%;
    width: .4375rem;
    height: .6875rem
}

.svg-icons--arrow-right-blue {
    background-position: 99.81761904761905% 37.2712146422629%;
    width: .4375rem;
    height: .6875rem
}

.svg-icons--article {
    background-position: 70.45454545454545% 60.57046979865772%;
    width: 1.3125rem;
    height: 1rem
}

.svg-icons--article-turquoise {
    background-position: 91.13847402597403% 92.61744966442953%;
    width: 1.3125rem;
    height: 1rem
}

.svg-icons--auto {
    background-position: 97.34891122278057% 13.71097972972973%;
    width: 2.5rem;
    height: 1.25rem
}

.svg-icons--bezpieczenstwo {
    background-position: 95.47773944471825% 17.686888111888113%;
    width: 1.76875rem;
    height: 2.5rem
}

.svg-icons--bulb {
    background-position: 41.8848167539267% 62.246777163904234%;
    width: 4rem;
    height: 4.3125rem
}

.svg-icons--calculator-blue {
    background-position: 96.33920534697485% 7.117648191017114%;
    width: 2.1089375rem;
    height: 2.5306875rem
}

.svg-icons--calendar {
    background-position: 39.90228013029316% 22.372881355932204%;
    width: 1.4375rem;
    height: 1.375rem
}

.svg-icons--calendar-blue-big {
    background-position: 67.39526411657559% 0;
    width: 5.5rem;
    height: 5.6875rem
}

.svg-icons--calendar-check {
    background-position: 89.22056384742952% 7.587346221441124%;
    width: 2.125rem;
    height: 2.6875rem
}

.svg-icons--calendar-red-big {
    background-position: 66.42728904847397% 48.88059701492537%;
    width: 5rem;
    height: 4.75rem
}

.svg-icons--calendar-with-clock-blue {
    background-position: 7.5376884422110555% 82.13118076790892%;
    width: 2.5rem;
    height: 2.7884375rem
}

.svg-icons--call {
    background-position: 22.294022617124394% 99.66329966329967%;
    width: 1.125rem;
    height: 1.125rem
}

.svg-icons--car {
    background-position: 28.960817717206133% 14.358108108108109%;
    width: 3.125rem;
    height: 1.25rem
}

.svg-icons--caret {
    background-position: 99.49616% 29.58677685950413%;
    width: .75rem;
    height: .4375rem
}

.svg-icons--caret-info-dark {
    background-position: 99.49616% 30.74380165289256%;
    width: .75rem;
    height: .4375rem
}

.svg-icons--caret-primary {
    background-position: 99.49616% 31.90082644628099%;
    width: .75rem;
    height: .4375rem
}

.svg-icons--caret-small {
    background-position: 98.86343402225755% 45.46952224052718%;
    width: .5rem;
    height: .3125rem
}

.svg-icons--cart {
    background-position: 38.43594009983361% 27.68166089965398%;
    width: 2.25rem;
    height: 2.125rem
}

.svg-icons--cart-secondary {
    background-position: 29.686023294509155% 96%;
    width: 2.25rem;
    height: 2.3125rem
}

.svg-icons--certify {
    background-position: 41.80064308681672% 98.99665551839465%;
    width: .9375rem;
    height: .875rem
}

.svg-icons--chair {
    background-position: 14.33389544688027% 81.89806678383128%;
    width: 2.75rem;
    height: 2.6875rem
}

.svg-icons--chat {
    background-position: 32.35294117647059% 49.73451327433628%;
    width: 3.6875rem;
    height: 2.9375rem
}

.svg-icons--chat-cloud {
    background-position: 68.57610474631751% 71.55025553662692%;
    width: 1.625rem;
    height: 1.5625rem
}

.svg-icons--chat-cloud-beige {
    background-position: 97.34891122278057% 24.679895104895103%;
    width: 2.5rem;
    height: 2.5rem
}

.svg-icons--check {
    background-position: 69.88727858293076% 62.93823038397329%;
    width: 1rem;
    height: .8125rem
}

.svg-icons--check-blue {
    background-position: 35.88907014681892% 14.214046822742475%;
    width: 1.5rem;
    height: .875rem
}

.svg-icons--check-green {
    background-position: 39.80424143556281% 14.214046822742475%;
    width: 1.5rem;
    height: .875rem
}

.svg-icons--check-green-secondary {
    background-position: 43.80032206119163% 75.45909849749583%;
    width: 1rem;
    height: .8125rem
}

.svg-icons--check-purple {
    background-position: 20.717781402936378% 32.441471571906355%;
    width: 1.5rem;
    height: .875rem
}

.svg-icons--check-rounded {
    background-position: 23.441235392320536% 96%;
    width: 2.375rem;
    height: 2.3125rem
}

.svg-icons--check-rounded-white {
    background-position: 81.20915032679738% 71.55025553662692%;
    width: 1.5625rem;
    height: 1.5625rem
}

.svg-icons--check-sm {
    background-position: 99.17878787878787% 41.390728476821195%;
    width: .625rem;
    height: .5rem
}

.svg-icons--check-teritary {
    background-position: 46.3768115942029% 75.45909849749583%;
    width: 1rem;
    height: .8125rem
}

.svg-icons--check-yellow {
    background-position: 24.63295269168026% 32.441471571906355%;
    width: 1.5rem;
    height: .875rem
}

.svg-icons--circle-plus {
    background-position: 83.69028006589785% 80.06872852233677%;
    width: 1.875rem;
    height: 1.875rem
}

.svg-icons--circle-tick-blue {
    background-position: 65.02108731466228% 87.80068728522336%;
    width: 1.875rem;
    height: 1.875rem
}

.svg-icons--clients {
    background-position: 65.2991452991453% 60.357142857142854%;
    width: 3.25rem;
    height: 3.25rem
}

.svg-icons--clock-blue-big {
    background-position: 17.279411764705884% 46.40151515151515%;
    width: 5.8125rem;
    height: 5.25rem
}

.svg-icons--clock-fast {
    background-position: 90.11725293132328% 15.14446397188049%;
    width: 2.5rem;
    height: 2.6875rem
}

.svg-icons--clock-red-big {
    background-position: 28.725314183123878% 62.708719851576994%;
    width: 5rem;
    height: 4.5625rem
}

.svg-icons--close-x {
    background-position: 99.02085987261147% 42.78606965174129%;
    width: .5625rem;
    height: .5625rem
}

.svg-icons--close-x-primary {
    background-position: 99.02085987261147% 44.27860696517413%;
    width: .5625rem;
    height: .5625rem
}

.svg-icons--cloud-beige {
    background-position: 72.83142389525368% 71.55025553662692%;
    width: 1.625rem;
    height: 1.5625rem
}

.svg-icons--cloud-download {
    background-position: 19.93243243243243% 74.07407407407408%;
    width: 2.8125rem;
    height: 2.8125rem
}

.svg-icons--compas {
    background-position: 2.9173419773095626% 100%;
    width: 1.25rem;
    height: 1.25rem
}

.svg-icons--compass {
    background-position: 6.158833063209076% 100%;
    width: 1.25rem;
    height: 1.25rem
}

.svg-icons--copy {
    background-position: 99.49616% 33.333333333333336%;
    width: .75rem;
    height: .75rem
}

.svg-icons--credit-card {
    background-position: 9.40032414910859% 100%;
    width: 1.25rem;
    height: 1.25rem
}

.svg-icons--doc-list {
    background-position: 36.71497584541063% 99.32885906040268%;
    width: 1rem;
    height: 1rem
}

.svg-icons--document-blue {
    background-position: 70.45454545454545% 57.38539898132428%;
    width: 1.3125rem;
    height: 1.4375rem
}

.svg-icons--document-scan {
    background-position: 69.96342668863262% 87.80068728522336%;
    width: 1.875rem;
    height: 1.875rem
}

.svg-icons--dollar-bag {
    background-position: 50.414593698175786% 61.231884057971016%;
    width: 2.125rem;
    height: 3.75rem
}

.svg-icons--dollar-blue {
    background-position: 97.34891122278057% 31.672902097902092%;
    width: 2.5rem;
    height: 2.5rem
}

.svg-icons--dollar-sheet {
    background-position: 41.20603015075377% 49.73451327433628%;
    width: 2.5rem;
    height: 2.9375rem
}

.svg-icons--download {
    background-position: 62.97598039215687% 94.19795221843003%;
    width: 1.5625rem;
    height: 1.625rem
}

.svg-icons--e-mail-blue {
    background-position: 90.59877708490856% 0;
    width: 2.6983125rem;
    height: 2.69825rem
}

.svg-icons--email {
    background-position: 48.87459807073955% 75.45909849749583%;
    width: .9375rem;
    height: .8125rem
}

.svg-icons--email-blue-lg {
    background-position: 66.90777576853526% 33.71212121212121%;
    width: 5.25rem;
    height: 5.25rem
}

.svg-icons--envelope-circle {
    background-position: 52.231404958677686% 80.34482758620689%;
    width: 2rem;
    height: 2rem
}

.svg-icons--eye {
    background-position: 25.20193861066236% 99.66329966329967%;
    width: 1.125rem;
    height: 1.125rem
}

.svg-icons--eye-black {
    background-position: 36.96369636963696% 6.418918918918919%;
    width: 1.9375rem;
    height: 1.25rem
}

.svg-icons--eye-blue {
    background-position: 36.46864686468647% 10.641891891891891%;
    width: 1.9375rem;
    height: 1.25rem
}

.svg-icons--eye-slash {
    background-position: 28.109854604200322% 99.66329966329967%;
    width: 1.125rem;
    height: 1.125rem
}

.svg-icons--facebook {
    background-position: 97.20462519936204% 17.089358108108108%;
    width: .625rem;
    height: 1.25rem
}

.svg-icons--facebook-login {
    background-position: 35.7355% 96%;
    width: 2.3125rem;
    height: 2.3125rem
}

.svg-icons--facebook-rounded {
    background-position: 74.90576606260296% 87.80068728522336%;
    width: 1.875rem;
    height: 1.875rem
}

.svg-icons--faktura {
    background-position: 96.061652892562% 38.66590909090909%;
    width: 2rem;
    height: 2.5rem
}

.svg-icons--feature-accountancy {
    background-position: 97.02387312186978% 45.65891608391608%;
    width: 2.375rem;
    height: 2.5rem
}

.svg-icons--feature-advert {
    background-position: 90.26845637583892% 43.40736842105263%;
    width: 2.5625rem;
    height: 2.625rem
}

.svg-icons--feature-advertising {
    background-position: 90.26845637583892% 50.77578947368422%;
    width: 2.5625rem;
    height: 2.625rem
}

.svg-icons--feature-calculator {
    background-position: 88.48684210526316% 80.04430823117339%;
    width: 1.8125rem;
    height: 2.5625rem
}

.svg-icons--feature-dashboard {
    background-position: 0 89.49211908931699%;
    width: 2.5625rem;
    height: 2.5625rem
}

.svg-icons--feature-insurance {
    background-position: 0 74.20494699646643%;
    width: 1.75rem;
    height: 2.875rem
}

.svg-icons--feature-managment {
    background-position: 97.02387312186978% 52.651923076923076%;
    width: 2.375rem;
    height: 2.5rem
}

.svg-icons--feature-ocr {
    background-position: 90.4201680672269% 58.144210526315796%;
    width: 2.625rem;
    height: 2.625rem
}

.svg-icons--feature-panel {
    background-position: 6.879194630872483% 89.49211908931699%;
    width: 2.5625rem;
    height: 2.5625rem
}

.svg-icons--feature-zus {
    background-position: 13.486842105263158% 89.49211908931699%;
    width: 1.8125rem;
    height: 2.5625rem
}

.svg-icons--fiscal-printer {
    background-position: 27.12146422628952% 74.07407407407408%;
    width: 2.25rem;
    height: 2.8125rem
}

.svg-icons--forklift-blue {
    background-position: 90.57239057239057% 22.280638206123328%;
    width: 2.6875rem;
    height: 2.015625rem
}

.svg-icons--globus {
    background-position: 56.99831365935919% 61.231884057971016%;
    width: 2.75rem;
    height: 3.75rem
}

.svg-icons--google-login {
    background-position: 67.17070376432079% 94.19795221843003%;
    width: 1.625rem;
    height: 1.625rem
}

.svg-icons--hand {
    background-position: 80.63380281690141% 58.51851851851852%;
    width: 4.3125rem;
    height: 4.5rem
}

.svg-icons--heart {
    background-position: 99.81556982343498% 4.5%;
    width: .875rem;
    height: .75rem
}

.svg-icons--kalendarz {
    background-position: 97.34891122278057% 59.64493006993007%;
    width: 2.5rem;
    height: 2.5rem
}

.svg-icons--key-black {
    background-position: 39.2914653784219% 99.32885906040268%;
    width: 1rem;
    height: 1rem
}

.svg-icons--laptop {
    background-position: 97.34891122278057% 65.9461937716263%;
    width: 2.5rem;
    height: 2.125rem
}

.svg-icons--laur-l {
    background-position: 0 63.77358490566038%;
    width: 5rem;
    height: 5.125rem
}

.svg-icons--laur-r {
    background-position: 14.362657091561939% 63.77358490566038%;
    width: 5rem;
    height: 5.125rem
}

.svg-icons--linkedin {
    background-position: 97.1633870967742% 92.61744966442953%;
    width: 1.0625rem;
    height: 1rem
}

.svg-icons--linkedin-rounded {
    background-position: 79.84810543657332% 87.80068728522336%;
    width: 1.875rem;
    height: 1.875rem
}

.svg-icons--location {
    background-position: 40.51446945337621% 10.641891891891891%;
    width: .9375rem;
    height: 1.25rem
}

.svg-icons--location-blue {
    background-position: 83.92282958199357% 70.94594594594595%;
    width: .9375rem;
    height: 1.25rem
}

.svg-icons--location-sm-gray {
    background-position: 99.33722044728434% 6.521739130434782%;
    width: .6875rem;
    height: .875rem
}

.svg-icons--logo-pp {
    background-position: 0 10.677966101694915%;
    width: 10.625rem;
    height: 1.375rem
}

.svg-icons--mail-beige {
    background-position: 57.52066115702479% 80.34482758620689%;
    width: 2rem;
    height: 2rem
}

.svg-icons--mail-blue {
    background-position: 62.8099173553719% 80.34482758620689%;
    width: 2rem;
    height: 2rem
}

.svg-icons--mail-primary {
    background-position: 68.09917355371901% 80.34482758620689%;
    width: 2rem;
    height: 2rem
}

.svg-icons--menu-arrow-down {
    background-position: 46.99186991869919% 35%;
    width: 1.375rem;
    height: .75rem
}

.svg-icons--menu-arrow-down-blue {
    background-position: 50.56910569105691% 35%;
    width: 1.375rem;
    height: .75rem
}

.svg-icons--menu-arrow-full {
    background-position: 99.33722044728434% 38.84297520661157%;
    width: .6875rem;
    height: .4375rem
}

.svg-icons--menu-close {
    background-position: 77.08674304418986% 71.55025553662692%;
    width: 1.625rem;
    height: 1.5625rem
}

.svg-icons--menu-hamburger {
    background-position: 63.96694214876033% 71.67235494880546%;
    width: 2rem;
    height: 1.625rem
}

.svg-icons--minus-roundend-white {
    background-position: 71.3093137254902% 94.03747870528109%;
    width: 1.5625rem;
    height: 1.5625rem
}

.svg-icons--modules {
    background-position: 41.90216666666667% 96%;
    width: 2.3125rem;
    height: 2.3125rem
}

.svg-icons--monitor-blue {
    background-position: 25.489584486233948% 89.04533296158505%;
    width: 2.542375rem;
    height: 2.3834375rem
}

.svg-icons--monitor-case {
    background-position: 38.586733001658374% 88.4083044982699%;
    width: 2.125rem;
    height: 2.125rem
}

.svg-icons--ocr-search {
    background-position: 96.54036544850499% 89.75580204778156%;
    width: 2.1875rem;
    height: 1.625rem
}

.svg-icons--offers {
    background-position: 97.34891122278057% 72.58199300699302%;
    width: 2.5rem;
    height: 2.5rem
}

.svg-icons--okejka {
    background-position: 35.98673300165837% 80.48359240069085%;
    width: 2.125rem;
    height: 2.0625rem
}

.svg-icons--okejka-primary {
    background-position: 81.93202146690518% 29.9625468164794%;
    width: 4.875rem;
    height: 4.875rem
}

.svg-icons--okejka-secondary {
    background-position: 90.57239057239057% 28.369420035149382%;
    width: 2.6875rem;
    height: 2.6875rem
}

.svg-icons--okejka-sm {
    background-position: 44.151986754966885% 88.4083044982699%;
    width: 2.0625rem;
    height: 2.125rem
}

.svg-icons--okejka-teritary {
    background-position: 81.93202146690518% 44.56928838951311%;
    width: 4.875rem;
    height: 4.875rem
}

.svg-icons--okejka_old {
    background-position: 97.34891122278057% 79.575%;
    width: 2.5rem;
    height: 2.5rem
}

.svg-icons--partner-bankier {
    background-position: 26.719056974459725% 18.228279386712096%;
    width: 8rem;
    height: 1.5625rem
}

.svg-icons--partner-infor {
    background-position: 0 36.39514731369151%;
    width: 6.125rem;
    height: 2.1875rem
}

.svg-icons--partner-money {
    background-position: 25.757575757575758% 22.602739726027398%;
    width: 6.8125rem;
    height: 1.75rem
}

.svg-icons--partner-rzeczpospolita {
    background-position: 0 6.473594548551959%;
    width: 10.8125rem;
    height: 1.5625rem
}

.svg-icons--payment-blue-big {
    background-position: 0 47.20616570327553%;
    width: 5.875rem;
    height: 5.8125rem
}

.svg-icons--payment-md-blue {
    background-position: 90.3641271211635% 72.83390226327168%;
    width: 2.6019375rem;
    height: 2.6019375rem
}

.svg-icons--payment-red-big {
    background-position: 82.2262118491921% 0;
    width: 5rem;
    height: 5rem
}

.svg-icons--phone {
    background-position: 32.67651888341543% 74.07407407407408%;
    width: 1.75rem;
    height: 2.8125rem
}

.svg-icons--phone-beige {
    background-position: 73.38842975206612% 80.34482758620689%;
    width: 2rem;
    height: 2rem
}

.svg-icons--phone-blue {
    background-position: 78.67768595041322% 80.34482758620689%;
    width: 2rem;
    height: 2rem
}

.svg-icons--plane {
    background-position: 21.753794266441822% 81.61120840630473%;
    width: 2.75rem;
    height: 2.5625rem
}

.svg-icons--play {
    background-position: 99.33722044728434% 8.862876254180602%;
    width: .6875rem;
    height: .875rem
}

.svg-icons--play-brown {
    background-position: 99.33722044728434% 11.20401337792642%;
    width: .6875rem;
    height: .875rem
}

.svg-icons--play-rotated {
    background-position: 99.33722044728434% 13.545150501672241%;
    width: .6875rem;
    height: .875rem
}

.svg-icons--plus-black {
    background-position: 99.81556982343498% 15.88628762541806%;
    width: .875rem;
    height: .875rem
}

.svg-icons--plus-blue {
    background-position: 99.81556982343498% 18.22742474916388%;
    width: .875rem;
    height: .875rem
}

.svg-icons--plus-blue-rounded {
    background-position: 84.79044481054366% 87.80068728522336%;
    width: 1.875rem;
    height: 1.875rem
}

.svg-icons--plus-green-rounded {
    background-position: 89.732784184514% 87.80068728522336%;
    width: 1.875rem;
    height: 1.875rem
}

.svg-icons--poradnik-black-logo {
    background-position: 0 0;
    width: 16.75rem;
    height: 2.375rem
}

.svg-icons--poradnik-przedsiebiorcy {
    background-position: 0 14.40677966101695%;
    width: 10.625rem;
    height: 1.375rem
}

.svg-icons--prawnicy {
    background-position: 47.50830564784053% 49.73451327433628%;
    width: 2.1875rem;
    height: 2.9375rem
}

.svg-icons--prawnicy_old {
    background-position: 97.34891122278057% 85.1976944253269%;
    width: 2.5rem;
    height: 1.925rem
}

.svg-icons--printer {
    background-position: 99.97604501607717% 0;
    width: .9375rem;
    height: .9375rem
}

.svg-icons--printer-blue {
    background-position: 12.641815235008103% 100%;
    width: 1.25rem;
    height: 1.25rem
}

.svg-icons--quote-blue {
    background-position: 52.6578073089701% 72.04116638078902%;
    width: 2.1875rem;
    height: 1.8125rem
}

.svg-icons--quote-light-blue {
    background-position: 58.47176079734219% 72.04116638078902%;
    width: 2.1875rem;
    height: 1.8125rem
}

.svg-icons--rating {
    background-position: 29.17369308600337% 80.48359240069085%;
    width: 2.75rem;
    height: 2.0625rem
}

.svg-icons--register-sheets {
    background-position: 54.90848585690516% 42.46100519930676%;
    width: 2.25rem;
    height: 2.1875rem
}

.svg-icons--responsive {
    background-position: 47.52136752136752% 42.46100519930676%;
    width: 3.25rem;
    height: 2.1875rem
}

.svg-icons--save-invoice {
    background-position: 49.53355371900826% 88.10344827586206%;
    width: 2rem;
    height: 2rem
}

.svg-icons--search {
    background-position: 31.017770597738288% 99.66329966329967%;
    width: 1.125rem;
    height: 1.125rem
}

.svg-icons--search-md-white {
    background-position: 75.39428104575164% 94.03747870528109%;
    width: 1.5625rem;
    height: 1.5625rem
}

.svg-icons--search-sm-white {
    background-position: 33.92568659127625% 99.66329966329967%;
    width: 1.125rem;
    height: 1.125rem
}

.svg-icons--send-paper {
    background-position: 41.48760330578512% 80.48359240069085%;
    width: 2rem;
    height: 2.0625rem
}

.svg-icons--sheet-blue {
    background-position: 18.268988638664094% 96.27039423772858%;
    width: 1.8383125rem;
    height: 2.4134375rem
}

.svg-icons--sheet-blue-big {
    background-position: 67.27272727272727% 17.333333333333332%;
    width: 5.4375rem;
    height: 5.4375rem
}

.svg-icons--sheet-red-big {
    background-position: 82.2262118491921% 15.037593984962406%;
    width: 5rem;
    height: 5rem
}

.svg-icons--shield {
    background-position: 89.81636060100168% 35.926537785588756%;
    width: 2.375rem;
    height: 2.6875rem
}

.svg-icons--shield-check {
    background-position: 0 96.5034965034965%;
    width: 1.9375rem;
    height: 2.5rem
}

.svg-icons--shield-monitor {
    background-position: 38.3445945945946% 74.07407407407408%;
    width: 2.8125rem;
    height: 2.8125rem
}

.svg-icons--star {
    background-position: 99.49616% 35.333333333333336%;
    width: .75rem;
    height: .75rem
}

.svg-icons--star-white {
    background-position: 15.883306320907618% 100%;
    width: 1.25rem;
    height: 1.25rem
}

.svg-icons--star-white-sm {
    background-position: 99.97604501607717% 2.5%;
    width: .9375rem;
    height: .75rem
}

.svg-icons--task {
    background-position: 48.06883333333334% 96%;
    width: 2.3125rem;
    height: 2.3125rem
}

.svg-icons--taxes {
    background-position: 18.624161073825505% 89.49211908931699%;
    width: 2.5625rem;
    height: 2.5625rem
}

.svg-icons--tick-blue {
    background-position: 79.47924836601308% 94.03747870528109%;
    width: 1.5625rem;
    height: 1.5625rem
}

.svg-icons--tick-blue-small {
    background-position: 19.124797406807133% 100%;
    width: 1.25rem;
    height: 1.25rem
}

.svg-icons--tick-green {
    background-position: 83.56421568627451% 94.03747870528109%;
    width: 1.5625rem;
    height: 1.5625rem
}

.svg-icons--tick-green-small {
    background-position: 99.81556982343498% 20.568561872909697%;
    width: .875rem;
    height: .875rem
}

.svg-icons--tick-red {
    background-position: 87.64918300653595% 94.03747870528109%;
    width: 1.5625rem;
    height: 1.5625rem
}

.svg-icons--tick-red-small {
    background-position: 99.81556982343498% 22.909698996655518%;
    width: .875rem;
    height: .875rem
}

.svg-icons--tick-round-blue {
    background-position: 5.192629815745394% 96.5034965034965%;
    width: 2.5rem;
    height: 2.5rem
}

.svg-icons--tick-round-blue-big {
    background-position: 50.09345794392523% 0;
    width: 6.375rem;
    height: 6.375rem
}

.svg-icons--tick-round-blue-md {
    background-position: 46.854304635761586% 80.48359240069085%;
    width: 2.0625rem;
    height: 2.0625rem
}

.svg-icons--tick-round-blue-small {
    background-position: 99.81556982343498% 25.25083612040134%;
    width: .875rem;
    height: .875rem
}

.svg-icons--tick-round-plum-big {
    background-position: 50.09345794392523% 20%;
    width: 6.375rem;
    height: 6.375rem
}

.svg-icons--truck {
    background-position: 45.945945945945944% 72.41379310344827%;
    width: 2.8125rem;
    height: 2rem
}

.svg-icons--twitter {
    background-position: 94.39432739059968% 92.61744966442953%;
    width: 1.25rem;
    height: 1rem
}

.svg-icons--twitter-rounded {
    background-position: 53.61004942339375% 94.84536082474227%;
    width: 1.875rem;
    height: 1.875rem
}

.svg-icons--upload {
    background-position: 89.22056384742952% 65.51263157894738%;
    width: 2.125rem;
    height: 2.625rem
}

.svg-icons--user-check {
    background-position: 54.40677966101695% 49.73451327433628%;
    width: 2.9375rem;
    height: 2.9375rem
}

.svg-icons--wallet {
    background-position: 32.27437185929648% 88.71527777777777%;
    width: 2.5rem;
    height: 2.25rem
}

.svg-icons--warehouse-blue {
    background-position: 97.45959397775027% 0;
    width: 2.542375rem;
    height: 2.542375rem
}

.svg-icons--wfirma-logo {
    background-position: 0 28.469750889679716%;
    width: 7.9375rem;
    height: 3.125rem
}

.svg-icons--wfirma-logo-brown {
    background-position: 0 19.141323792486585%;
    width: 8.5rem;
    height: 3.3125rem
}

.svg-icons--wfirma-logo-md-blue {
    background-position: 80.77601410934744% 66.43835616438356%;
    width: 4.375rem;
    height: 1.75rem
}

.svg-icons--wfirma-logo-md-white {
    background-position: 29.80599647266314% 35.95890410958904%;
    width: 4.375rem;
    height: 1.75rem
}

.svg-icons--wfirma-logo-sm-blue {
    background-position: 29.522184300341298% 6.418918918918919%;
    width: 3.1875rem;
    height: 1.25rem
}

.svg-icons--wfirma-logo-sm-brown {
    background-position: 29.01023890784983% 10.641891891891891%;
    width: 3.1875rem;
    height: 1.25rem
}

.svg-icons--wfirma-logo-sm-white {
    background-position: 40.71550255536627% 35.53299492385787%;
    width: 3.125rem;
    height: 1.3125rem
}

.svg-icons--wfirma-logo-white {
    background-position: 34.24908424908425% 42.53472222222222%;
    width: 5.6875rem;
    height: 2.25rem
}

.svg-icons--wfirma-system {
    background-position: 54.82280991735538% 88.10344827586206%;
    width: 2rem;
    height: 2rem
}

.svg-icons--window-config {
    background-position: 0 82.18694885361552%;
    width: 2.8125rem;
    height: 2.8125rem
}

.svg-icons--wrong {
    background-position: 99.81556982343498% 27.59197324414716%;
    width: .875rem;
    height: .875rem
}

.svg-icons--youtube-rounded {
    background-position: 58.55238879736409% 94.84536082474227%;
    width: 1.875rem;
    height: 1.875rem
}

.svg-icons--zus {
    background-position: 11.892797319932999% 96.5034965034965%;
    width: 2.5rem;
    height: 2.5rem
}

.svg-icons--accounting-office-dims {
    background-repeat: no-repeat;
    background-size: 1.125rem 1.25rem;
    height: 1.25rem;
    width: 1.125rem
}

.svg-icons--add-offer-dims {
    background-repeat: no-repeat;
    background-size: 1.9375rem 1.9375rem;
    height: 1.9375rem;
    width: 1.9375rem
}

.svg-icons--allegro-logo-dims {
    background-repeat: no-repeat;
    background-size: 6.5rem 2.125rem;
    height: 2.125rem;
    width: 6.5rem
}

.svg-icons--arrow-dims {
    background-repeat: no-repeat;
    background-size: 1.375rem .75rem;
    height: .75rem;
    width: 1.375rem
}

.svg-icons--arrow-down-dims {
    background-repeat: no-repeat;
    background-size: .625rem .5rem;
    height: .5rem;
    width: .625rem
}

.svg-icons--arrow-down-light-dims {
    background-repeat: no-repeat;
    background-size: 1.375rem .6875rem;
    height: .6875rem;
    width: 1.375rem
}

.svg-icons--arrow-long-right-dims {
    background-repeat: no-repeat;
    background-size: 4.4375rem 2.0625rem;
    height: 2.0625rem;
    width: 4.4375rem
}

.svg-icons--arrow-next-blue-dims {
    background-repeat: no-repeat;
    background-size: 2.8125rem 2.8125rem;
    height: 2.8125rem;
    width: 2.8125rem
}

.svg-icons--arrow-prev-blue-dims {
    background-repeat: no-repeat;
    background-size: 2.8125rem 2.8125rem;
    height: 2.8125rem;
    width: 2.8125rem
}

.svg-icons--arrow-right-dims {
    background-repeat: no-repeat;
    background-size: .4375rem .6875rem;
    height: .6875rem;
    width: .4375rem
}

.svg-icons--arrow-right-blue-dims {
    background-repeat: no-repeat;
    background-size: .4375rem .6875rem;
    height: .6875rem;
    width: .4375rem
}

.svg-icons--article-dims {
    background-repeat: no-repeat;
    background-size: 1.3125rem 1rem;
    height: 1rem;
    width: 1.3125rem
}

.svg-icons--article-turquoise-dims {
    background-repeat: no-repeat;
    background-size: 1.3125rem 1rem;
    height: 1rem;
    width: 1.3125rem
}

.svg-icons--auto-dims {
    background-repeat: no-repeat;
    background-size: 2.5rem 1.25rem;
    height: 1.25rem;
    width: 2.5rem
}

.svg-icons--bezpieczenstwo-dims {
    background-repeat: no-repeat;
    background-size: 1.76875rem 2.5rem;
    height: 2.5rem;
    width: 1.76875rem
}

.svg-icons--bulb-dims {
    background-repeat: no-repeat;
    background-size: 4rem 4.3125rem;
    height: 4.3125rem;
    width: 4rem
}

.svg-icons--calculator-blue-dims {
    background-repeat: no-repeat;
    background-size: 2.1089375rem 2.5306875rem;
    height: 2.5306875rem;
    width: 2.1089375rem
}

.svg-icons--calendar-dims {
    background-repeat: no-repeat;
    background-size: 1.4375rem 1.375rem;
    height: 1.375rem;
    width: 1.4375rem
}

.svg-icons--calendar-blue-big-dims {
    background-repeat: no-repeat;
    background-size: 5.5rem 5.6875rem;
    height: 5.6875rem;
    width: 5.5rem
}

.svg-icons--calendar-check-dims {
    background-repeat: no-repeat;
    background-size: 2.125rem 2.6875rem;
    height: 2.6875rem;
    width: 2.125rem
}

.svg-icons--calendar-red-big-dims {
    background-repeat: no-repeat;
    background-size: 5rem 4.75rem;
    height: 4.75rem;
    width: 5rem
}

.svg-icons--calendar-with-clock-blue-dims {
    background-repeat: no-repeat;
    background-size: 2.5rem 2.7884375rem;
    height: 2.7884375rem;
    width: 2.5rem
}

.svg-icons--call-dims {
    background-repeat: no-repeat;
    background-size: 1.125rem 1.125rem;
    height: 1.125rem;
    width: 1.125rem
}

.svg-icons--car-dims {
    background-repeat: no-repeat;
    background-size: 3.125rem 1.25rem;
    height: 1.25rem;
    width: 3.125rem
}

.svg-icons--caret-dims {
    background-repeat: no-repeat;
    background-size: .75rem .4375rem;
    height: .4375rem;
    width: .75rem
}

.svg-icons--caret-info-dark-dims {
    background-repeat: no-repeat;
    background-size: .75rem .4375rem;
    height: .4375rem;
    width: .75rem
}

.svg-icons--caret-primary-dims {
    background-repeat: no-repeat;
    background-size: .75rem .4375rem;
    height: .4375rem;
    width: .75rem
}

.svg-icons--caret-small-dims {
    background-repeat: no-repeat;
    background-size: .5rem .3125rem;
    height: .3125rem;
    width: .5rem
}

.svg-icons--cart-dims {
    background-repeat: no-repeat;
    background-size: 2.25rem 2.125rem;
    height: 2.125rem;
    width: 2.25rem
}

.svg-icons--cart-secondary-dims {
    background-repeat: no-repeat;
    background-size: 2.25rem 2.3125rem;
    height: 2.3125rem;
    width: 2.25rem
}

.svg-icons--certify-dims {
    background-repeat: no-repeat;
    background-size: .9375rem .875rem;
    height: .875rem;
    width: .9375rem
}

.svg-icons--chair-dims {
    background-repeat: no-repeat;
    background-size: 2.75rem 2.6875rem;
    height: 2.6875rem;
    width: 2.75rem
}

.svg-icons--chat-dims {
    background-repeat: no-repeat;
    background-size: 3.6875rem 2.9375rem;
    height: 2.9375rem;
    width: 3.6875rem
}

.svg-icons--chat-cloud-dims {
    background-repeat: no-repeat;
    background-size: 1.625rem 1.5625rem;
    height: 1.5625rem;
    width: 1.625rem
}

.svg-icons--chat-cloud-beige-dims {
    background-repeat: no-repeat;
    background-size: 2.5rem 2.5rem;
    height: 2.5rem;
    width: 2.5rem
}

.svg-icons--check-dims {
    background-repeat: no-repeat;
    background-size: 1rem .8125rem;
    height: .8125rem;
    width: 1rem
}

.svg-icons--check-blue-dims {
    background-repeat: no-repeat;
    background-size: 1.5rem .875rem;
    height: .875rem;
    width: 1.5rem
}

.svg-icons--check-green-dims {
    background-repeat: no-repeat;
    background-size: 1.5rem .875rem;
    height: .875rem;
    width: 1.5rem
}

.svg-icons--check-green-secondary-dims {
    background-repeat: no-repeat;
    background-size: 1rem .8125rem;
    height: .8125rem;
    width: 1rem
}

.svg-icons--check-purple-dims {
    background-repeat: no-repeat;
    background-size: 1.5rem .875rem;
    height: .875rem;
    width: 1.5rem
}

.svg-icons--check-rounded-dims {
    background-repeat: no-repeat;
    background-size: 2.375rem 2.3125rem;
    height: 2.3125rem;
    width: 2.375rem
}

.svg-icons--check-rounded-white-dims {
    background-repeat: no-repeat;
    background-size: 1.5625rem 1.5625rem;
    height: 1.5625rem;
    width: 1.5625rem
}

.svg-icons--check-sm-dims {
    background-repeat: no-repeat;
    background-size: .625rem .5rem;
    height: .5rem;
    width: .625rem
}

.svg-icons--check-teritary-dims {
    background-repeat: no-repeat;
    background-size: 1rem .8125rem;
    height: .8125rem;
    width: 1rem
}

.svg-icons--check-yellow-dims {
    background-repeat: no-repeat;
    background-size: 1.5rem .875rem;
    height: .875rem;
    width: 1.5rem
}

.svg-icons--circle-plus-dims {
    background-repeat: no-repeat;
    background-size: 1.875rem 1.875rem;
    height: 1.875rem;
    width: 1.875rem
}

.svg-icons--circle-tick-blue-dims {
    background-repeat: no-repeat;
    background-size: 1.875rem 1.875rem;
    height: 1.875rem;
    width: 1.875rem
}

.svg-icons--clients-dims {
    background-repeat: no-repeat;
    background-size: 3.25rem 3.25rem;
    height: 3.25rem;
    width: 3.25rem
}

.svg-icons--clock-blue-big-dims {
    background-repeat: no-repeat;
    background-size: 5.8125rem 5.25rem;
    height: 5.25rem;
    width: 5.8125rem
}

.svg-icons--clock-fast-dims {
    background-repeat: no-repeat;
    background-size: 2.5rem 2.6875rem;
    height: 2.6875rem;
    width: 2.5rem
}

.svg-icons--clock-red-big-dims {
    background-repeat: no-repeat;
    background-size: 5rem 4.5625rem;
    height: 4.5625rem;
    width: 5rem
}

.svg-icons--close-x-dims {
    background-repeat: no-repeat;
    background-size: .5625rem .5625rem;
    height: .5625rem;
    width: .5625rem
}

.svg-icons--close-x-primary-dims {
    background-repeat: no-repeat;
    background-size: .5625rem .5625rem;
    height: .5625rem;
    width: .5625rem
}

.svg-icons--cloud-beige-dims {
    background-repeat: no-repeat;
    background-size: 1.625rem 1.5625rem;
    height: 1.5625rem;
    width: 1.625rem
}

.svg-icons--cloud-download-dims {
    background-repeat: no-repeat;
    background-size: 2.8125rem 2.8125rem;
    height: 2.8125rem;
    width: 2.8125rem
}

.svg-icons--compas-dims {
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    height: 1.25rem;
    width: 1.25rem
}

.svg-icons--compass-dims {
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    height: 1.25rem;
    width: 1.25rem
}

.svg-icons--copy-dims {
    background-repeat: no-repeat;
    background-size: .75rem .75rem;
    height: .75rem;
    width: .75rem
}

.svg-icons--credit-card-dims {
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    height: 1.25rem;
    width: 1.25rem
}

.svg-icons--doc-list-dims {
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    height: 1rem;
    width: 1rem
}

.svg-icons--document-blue-dims {
    background-repeat: no-repeat;
    background-size: 1.3125rem 1.4375rem;
    height: 1.4375rem;
    width: 1.3125rem
}

.svg-icons--document-scan-dims {
    background-repeat: no-repeat;
    background-size: 1.875rem 1.875rem;
    height: 1.875rem;
    width: 1.875rem
}

.svg-icons--dollar-bag-dims {
    background-repeat: no-repeat;
    background-size: 2.125rem 3.75rem;
    height: 3.75rem;
    width: 2.125rem
}

.svg-icons--dollar-blue-dims {
    background-repeat: no-repeat;
    background-size: 2.5rem 2.5rem;
    height: 2.5rem;
    width: 2.5rem
}

.svg-icons--dollar-sheet-dims {
    background-repeat: no-repeat;
    background-size: 2.5rem 2.9375rem;
    height: 2.9375rem;
    width: 2.5rem
}

.svg-icons--download-dims {
    background-repeat: no-repeat;
    background-size: 1.5625rem 1.625rem;
    height: 1.625rem;
    width: 1.5625rem
}

.svg-icons--e-mail-blue-dims {
    background-repeat: no-repeat;
    background-size: 2.6983125rem 2.69825rem;
    height: 2.69825rem;
    width: 2.6983125rem
}

.svg-icons--email-dims {
    background-repeat: no-repeat;
    background-size: .9375rem .8125rem;
    height: .8125rem;
    width: .9375rem
}

.svg-icons--email-blue-lg-dims {
    background-repeat: no-repeat;
    background-size: 5.25rem 5.25rem;
    height: 5.25rem;
    width: 5.25rem
}

.svg-icons--envelope-circle-dims {
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    height: 2rem;
    width: 2rem
}

.svg-icons--eye-dims {
    background-repeat: no-repeat;
    background-size: 1.125rem 1.125rem;
    height: 1.125rem;
    width: 1.125rem
}

.svg-icons--eye-black-dims {
    background-repeat: no-repeat;
    background-size: 1.9375rem 1.25rem;
    height: 1.25rem;
    width: 1.9375rem
}

.svg-icons--eye-blue-dims {
    background-repeat: no-repeat;
    background-size: 1.9375rem 1.25rem;
    height: 1.25rem;
    width: 1.9375rem
}

.svg-icons--eye-slash-dims {
    background-repeat: no-repeat;
    background-size: 1.125rem 1.125rem;
    height: 1.125rem;
    width: 1.125rem
}

.svg-icons--facebook-dims {
    background-repeat: no-repeat;
    background-size: .625rem 1.25rem;
    height: 1.25rem;
    width: .625rem
}

.svg-icons--facebook-login-dims {
    background-repeat: no-repeat;
    background-size: 2.3125rem 2.3125rem;
    height: 2.3125rem;
    width: 2.3125rem
}

.svg-icons--facebook-rounded-dims {
    background-repeat: no-repeat;
    background-size: 1.875rem 1.875rem;
    height: 1.875rem;
    width: 1.875rem
}

.svg-icons--faktura-dims {
    background-repeat: no-repeat;
    background-size: 2rem 2.5rem;
    height: 2.5rem;
    width: 2rem
}

.svg-icons--feature-accountancy-dims {
    background-repeat: no-repeat;
    background-size: 2.375rem 2.5rem;
    height: 2.5rem;
    width: 2.375rem
}

.svg-icons--feature-advert-dims {
    background-repeat: no-repeat;
    background-size: 2.5625rem 2.625rem;
    height: 2.625rem;
    width: 2.5625rem
}

.svg-icons--feature-advertising-dims {
    background-repeat: no-repeat;
    background-size: 2.5625rem 2.625rem;
    height: 2.625rem;
    width: 2.5625rem
}

.svg-icons--feature-calculator-dims {
    background-repeat: no-repeat;
    background-size: 1.8125rem 2.5625rem;
    height: 2.5625rem;
    width: 1.8125rem
}

.svg-icons--feature-dashboard-dims {
    background-repeat: no-repeat;
    background-size: 2.5625rem 2.5625rem;
    height: 2.5625rem;
    width: 2.5625rem
}

.svg-icons--feature-insurance-dims {
    background-repeat: no-repeat;
    background-size: 1.75rem 2.875rem;
    height: 2.875rem;
    width: 1.75rem
}

.svg-icons--feature-managment-dims {
    background-repeat: no-repeat;
    background-size: 2.375rem 2.5rem;
    height: 2.5rem;
    width: 2.375rem
}

.svg-icons--feature-ocr-dims {
    background-repeat: no-repeat;
    background-size: 2.625rem 2.625rem;
    height: 2.625rem;
    width: 2.625rem
}

.svg-icons--feature-panel-dims {
    background-repeat: no-repeat;
    background-size: 2.5625rem 2.5625rem;
    height: 2.5625rem;
    width: 2.5625rem
}

.svg-icons--feature-zus-dims {
    background-repeat: no-repeat;
    background-size: 1.8125rem 2.5625rem;
    height: 2.5625rem;
    width: 1.8125rem
}

.svg-icons--fiscal-printer-dims {
    background-repeat: no-repeat;
    background-size: 2.25rem 2.8125rem;
    height: 2.8125rem;
    width: 2.25rem
}

.svg-icons--forklift-blue-dims {
    background-repeat: no-repeat;
    background-size: 2.6875rem 2.015625rem;
    height: 2.015625rem;
    width: 2.6875rem
}

.svg-icons--globus-dims {
    background-repeat: no-repeat;
    background-size: 2.75rem 3.75rem;
    height: 3.75rem;
    width: 2.75rem
}

.svg-icons--google-login-dims {
    background-repeat: no-repeat;
    background-size: 1.625rem 1.625rem;
    height: 1.625rem;
    width: 1.625rem
}

.svg-icons--hand-dims {
    background-repeat: no-repeat;
    background-size: 4.3125rem 4.5rem;
    height: 4.5rem;
    width: 4.3125rem
}

.svg-icons--heart-dims {
    background-repeat: no-repeat;
    background-size: .875rem .75rem;
    height: .75rem;
    width: .875rem
}

.svg-icons--kalendarz-dims {
    background-repeat: no-repeat;
    background-size: 2.5rem 2.5rem;
    height: 2.5rem;
    width: 2.5rem
}

.svg-icons--key-black-dims {
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    height: 1rem;
    width: 1rem
}

.svg-icons--laptop-dims {
    background-repeat: no-repeat;
    background-size: 2.5rem 2.125rem;
    height: 2.125rem;
    width: 2.5rem
}

.svg-icons--laur-l-dims {
    background-repeat: no-repeat;
    background-size: 5rem 5.125rem;
    height: 5.125rem;
    width: 5rem
}

.svg-icons--laur-r-dims {
    background-repeat: no-repeat;
    background-size: 5rem 5.125rem;
    height: 5.125rem;
    width: 5rem
}

.svg-icons--linkedin-dims {
    background-repeat: no-repeat;
    background-size: 1.0625rem 1rem;
    height: 1rem;
    width: 1.0625rem
}

.svg-icons--linkedin-rounded-dims {
    background-repeat: no-repeat;
    background-size: 1.875rem 1.875rem;
    height: 1.875rem;
    width: 1.875rem
}

.svg-icons--location-dims {
    background-repeat: no-repeat;
    background-size: .9375rem 1.25rem;
    height: 1.25rem;
    width: .9375rem
}

.svg-icons--location-blue-dims {
    background-repeat: no-repeat;
    background-size: .9375rem 1.25rem;
    height: 1.25rem;
    width: .9375rem
}

.svg-icons--location-sm-gray-dims {
    background-repeat: no-repeat;
    background-size: .6875rem .875rem;
    height: .875rem;
    width: .6875rem
}

.svg-icons--logo-pp-dims {
    background-repeat: no-repeat;
    background-size: 10.625rem 1.375rem;
    height: 1.375rem;
    width: 10.625rem
}

.svg-icons--mail-beige-dims {
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    height: 2rem;
    width: 2rem
}

.svg-icons--mail-blue-dims {
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    height: 2rem;
    width: 2rem
}

.svg-icons--mail-primary-dims {
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    height: 2rem;
    width: 2rem
}

.svg-icons--menu-arrow-down-dims {
    background-repeat: no-repeat;
    background-size: 1.375rem .75rem;
    height: .75rem;
    width: 1.375rem
}

.svg-icons--menu-arrow-down-blue-dims {
    background-repeat: no-repeat;
    background-size: 1.375rem .75rem;
    height: .75rem;
    width: 1.375rem
}

.svg-icons--menu-arrow-full-dims {
    background-repeat: no-repeat;
    background-size: .6875rem .4375rem;
    height: .4375rem;
    width: .6875rem
}

.svg-icons--menu-close-dims {
    background-repeat: no-repeat;
    background-size: 1.625rem 1.5625rem;
    height: 1.5625rem;
    width: 1.625rem
}

.svg-icons--menu-hamburger-dims {
    background-repeat: no-repeat;
    background-size: 2rem 1.625rem;
    height: 1.625rem;
    width: 2rem
}

.svg-icons--minus-roundend-white-dims {
    background-repeat: no-repeat;
    background-size: 1.5625rem 1.5625rem;
    height: 1.5625rem;
    width: 1.5625rem
}

.svg-icons--modules-dims {
    background-repeat: no-repeat;
    background-size: 2.3125rem 2.3125rem;
    height: 2.3125rem;
    width: 2.3125rem
}

.svg-icons--monitor-blue-dims {
    background-repeat: no-repeat;
    background-size: 2.542375rem 2.3834375rem;
    height: 2.3834375rem;
    width: 2.542375rem
}

.svg-icons--monitor-case-dims {
    background-repeat: no-repeat;
    background-size: 2.125rem 2.125rem;
    height: 2.125rem;
    width: 2.125rem
}

.svg-icons--ocr-search-dims {
    background-repeat: no-repeat;
    background-size: 2.1875rem 1.625rem;
    height: 1.625rem;
    width: 2.1875rem
}

.svg-icons--offers-dims {
    background-repeat: no-repeat;
    background-size: 2.5rem 2.5rem;
    height: 2.5rem;
    width: 2.5rem
}

.svg-icons--okejka-dims {
    background-repeat: no-repeat;
    background-size: 2.125rem 2.0625rem;
    height: 2.0625rem;
    width: 2.125rem
}

.svg-icons--okejka-primary-dims {
    background-repeat: no-repeat;
    background-size: 4.875rem 4.875rem;
    height: 4.875rem;
    width: 4.875rem
}

.svg-icons--okejka-secondary-dims {
    background-repeat: no-repeat;
    background-size: 2.6875rem 2.6875rem;
    height: 2.6875rem;
    width: 2.6875rem
}

.svg-icons--okejka-sm-dims {
    background-repeat: no-repeat;
    background-size: 2.0625rem 2.125rem;
    height: 2.125rem;
    width: 2.0625rem
}

.svg-icons--okejka-teritary-dims {
    background-repeat: no-repeat;
    background-size: 4.875rem 4.875rem;
    height: 4.875rem;
    width: 4.875rem
}

.svg-icons--okejka_old-dims {
    background-repeat: no-repeat;
    background-size: 2.5rem 2.5rem;
    height: 2.5rem;
    width: 2.5rem
}

.svg-icons--partner-bankier-dims {
    background-repeat: no-repeat;
    background-size: 8rem 1.5625rem;
    height: 1.5625rem;
    width: 8rem
}

.svg-icons--partner-infor-dims {
    background-repeat: no-repeat;
    background-size: 6.125rem 2.1875rem;
    height: 2.1875rem;
    width: 6.125rem
}

.svg-icons--partner-money-dims {
    background-repeat: no-repeat;
    background-size: 6.8125rem 1.75rem;
    height: 1.75rem;
    width: 6.8125rem
}

.svg-icons--partner-rzeczpospolita-dims {
    background-repeat: no-repeat;
    background-size: 10.8125rem 1.5625rem;
    height: 1.5625rem;
    width: 10.8125rem
}

.svg-icons--payment-blue-big-dims {
    background-repeat: no-repeat;
    background-size: 5.875rem 5.8125rem;
    height: 5.8125rem;
    width: 5.875rem
}

.svg-icons--payment-md-blue-dims {
    background-repeat: no-repeat;
    background-size: 2.6019375rem 2.6019375rem;
    height: 2.6019375rem;
    width: 2.6019375rem
}

.svg-icons--payment-red-big-dims {
    background-repeat: no-repeat;
    background-size: 5rem 5rem;
    height: 5rem;
    width: 5rem
}

.svg-icons--phone-dims {
    background-repeat: no-repeat;
    background-size: 1.75rem 2.8125rem;
    height: 2.8125rem;
    width: 1.75rem
}

.svg-icons--phone-beige-dims {
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    height: 2rem;
    width: 2rem
}

.svg-icons--phone-blue-dims {
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    height: 2rem;
    width: 2rem
}

.svg-icons--plane-dims {
    background-repeat: no-repeat;
    background-size: 2.75rem 2.5625rem;
    height: 2.5625rem;
    width: 2.75rem
}

.svg-icons--play-dims {
    background-repeat: no-repeat;
    background-size: .6875rem .875rem;
    height: .875rem;
    width: .6875rem
}

.svg-icons--play-brown-dims {
    background-repeat: no-repeat;
    background-size: .6875rem .875rem;
    height: .875rem;
    width: .6875rem
}

.svg-icons--play-rotated-dims {
    background-repeat: no-repeat;
    background-size: .6875rem .875rem;
    height: .875rem;
    width: .6875rem
}

.svg-icons--plus-black-dims {
    background-repeat: no-repeat;
    background-size: .875rem .875rem;
    height: .875rem;
    width: .875rem
}

.svg-icons--plus-blue-dims {
    background-repeat: no-repeat;
    background-size: .875rem .875rem;
    height: .875rem;
    width: .875rem
}

.svg-icons--plus-blue-rounded-dims {
    background-repeat: no-repeat;
    background-size: 1.875rem 1.875rem;
    height: 1.875rem;
    width: 1.875rem
}

.svg-icons--plus-green-rounded-dims {
    background-repeat: no-repeat;
    background-size: 1.875rem 1.875rem;
    height: 1.875rem;
    width: 1.875rem
}

.svg-icons--poradnik-black-logo-dims {
    background-repeat: no-repeat;
    background-size: 16.75rem 2.375rem;
    height: 2.375rem;
    width: 16.75rem
}

.svg-icons--poradnik-przedsiebiorcy-dims {
    background-repeat: no-repeat;
    background-size: 10.625rem 1.375rem;
    height: 1.375rem;
    width: 10.625rem
}

.svg-icons--prawnicy-dims {
    background-repeat: no-repeat;
    background-size: 2.1875rem 2.9375rem;
    height: 2.9375rem;
    width: 2.1875rem
}

.svg-icons--prawnicy_old-dims {
    background-repeat: no-repeat;
    background-size: 2.5rem 1.925rem;
    height: 1.925rem;
    width: 2.5rem
}

.svg-icons--printer-dims {
    background-repeat: no-repeat;
    background-size: .9375rem .9375rem;
    height: .9375rem;
    width: .9375rem
}

.svg-icons--printer-blue-dims {
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    height: 1.25rem;
    width: 1.25rem
}

.svg-icons--quote-blue-dims {
    background-repeat: no-repeat;
    background-size: 2.1875rem 1.8125rem;
    height: 1.8125rem;
    width: 2.1875rem
}

.svg-icons--quote-light-blue-dims {
    background-repeat: no-repeat;
    background-size: 2.1875rem 1.8125rem;
    height: 1.8125rem;
    width: 2.1875rem
}

.svg-icons--rating-dims {
    background-repeat: no-repeat;
    background-size: 2.75rem 2.0625rem;
    height: 2.0625rem;
    width: 2.75rem
}

.svg-icons--register-sheets-dims {
    background-repeat: no-repeat;
    background-size: 2.25rem 2.1875rem;
    height: 2.1875rem;
    width: 2.25rem
}

.svg-icons--responsive-dims {
    background-repeat: no-repeat;
    background-size: 3.25rem 2.1875rem;
    height: 2.1875rem;
    width: 3.25rem
}

.svg-icons--save-invoice-dims {
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    height: 2rem;
    width: 2rem
}

.svg-icons--search-dims {
    background-repeat: no-repeat;
    background-size: 1.125rem 1.125rem;
    height: 1.125rem;
    width: 1.125rem
}

.svg-icons--search-md-white-dims {
    background-repeat: no-repeat;
    background-size: 1.5625rem 1.5625rem;
    height: 1.5625rem;
    width: 1.5625rem
}

.svg-icons--search-sm-white-dims {
    background-repeat: no-repeat;
    background-size: 1.125rem 1.125rem;
    height: 1.125rem;
    width: 1.125rem
}

.svg-icons--send-paper-dims {
    background-repeat: no-repeat;
    background-size: 2rem 2.0625rem;
    height: 2.0625rem;
    width: 2rem
}

.svg-icons--sheet-blue-dims {
    background-repeat: no-repeat;
    background-size: 1.8383125rem 2.4134375rem;
    height: 2.4134375rem;
    width: 1.8383125rem
}

.svg-icons--sheet-blue-big-dims {
    background-repeat: no-repeat;
    background-size: 5.4375rem 5.4375rem;
    height: 5.4375rem;
    width: 5.4375rem
}

.svg-icons--sheet-red-big-dims {
    background-repeat: no-repeat;
    background-size: 5rem 5rem;
    height: 5rem;
    width: 5rem
}

.svg-icons--shield-dims {
    background-repeat: no-repeat;
    background-size: 2.375rem 2.6875rem;
    height: 2.6875rem;
    width: 2.375rem
}

.svg-icons--shield-check-dims {
    background-repeat: no-repeat;
    background-size: 1.9375rem 2.5rem;
    height: 2.5rem;
    width: 1.9375rem
}

.svg-icons--shield-monitor-dims {
    background-repeat: no-repeat;
    background-size: 2.8125rem 2.8125rem;
    height: 2.8125rem;
    width: 2.8125rem
}

.svg-icons--star-dims {
    background-repeat: no-repeat;
    background-size: .75rem .75rem;
    height: .75rem;
    width: .75rem
}

.svg-icons--star-white-dims {
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    height: 1.25rem;
    width: 1.25rem
}

.svg-icons--star-white-sm-dims {
    background-repeat: no-repeat;
    background-size: .9375rem .75rem;
    height: .75rem;
    width: .9375rem
}

.svg-icons--task-dims {
    background-repeat: no-repeat;
    background-size: 2.3125rem 2.3125rem;
    height: 2.3125rem;
    width: 2.3125rem
}

.svg-icons--taxes-dims {
    background-repeat: no-repeat;
    background-size: 2.5625rem 2.5625rem;
    height: 2.5625rem;
    width: 2.5625rem
}

.svg-icons--tick-blue-dims {
    background-repeat: no-repeat;
    background-size: 1.5625rem 1.5625rem;
    height: 1.5625rem;
    width: 1.5625rem
}

.svg-icons--tick-blue-small-dims {
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    height: 1.25rem;
    width: 1.25rem
}

.svg-icons--tick-green-dims {
    background-repeat: no-repeat;
    background-size: 1.5625rem 1.5625rem;
    height: 1.5625rem;
    width: 1.5625rem
}

.svg-icons--tick-green-small-dims {
    background-repeat: no-repeat;
    background-size: .875rem .875rem;
    height: .875rem;
    width: .875rem
}

.svg-icons--tick-red-dims {
    background-repeat: no-repeat;
    background-size: 1.5625rem 1.5625rem;
    height: 1.5625rem;
    width: 1.5625rem
}

.svg-icons--tick-red-small-dims {
    background-repeat: no-repeat;
    background-size: .875rem .875rem;
    height: .875rem;
    width: .875rem
}

.svg-icons--tick-round-blue-dims {
    background-repeat: no-repeat;
    background-size: 2.5rem 2.5rem;
    height: 2.5rem;
    width: 2.5rem
}

.svg-icons--tick-round-blue-big-dims {
    background-repeat: no-repeat;
    background-size: 6.375rem 6.375rem;
    height: 6.375rem;
    width: 6.375rem
}

.svg-icons--tick-round-blue-md-dims {
    background-repeat: no-repeat;
    background-size: 2.0625rem 2.0625rem;
    height: 2.0625rem;
    width: 2.0625rem
}

.svg-icons--tick-round-blue-small-dims {
    background-repeat: no-repeat;
    background-size: .875rem .875rem;
    height: .875rem;
    width: .875rem
}

.svg-icons--tick-round-plum-big-dims {
    background-repeat: no-repeat;
    background-size: 6.375rem 6.375rem;
    height: 6.375rem;
    width: 6.375rem
}

.svg-icons--truck-dims {
    background-repeat: no-repeat;
    background-size: 2.8125rem 2rem;
    height: 2rem;
    width: 2.8125rem
}

.svg-icons--twitter-dims {
    background-repeat: no-repeat;
    background-size: 1.25rem 1rem;
    height: 1rem;
    width: 1.25rem
}

.svg-icons--twitter-rounded-dims {
    background-repeat: no-repeat;
    background-size: 1.875rem 1.875rem;
    height: 1.875rem;
    width: 1.875rem
}

.svg-icons--upload-dims {
    background-repeat: no-repeat;
    background-size: 2.125rem 2.625rem;
    height: 2.625rem;
    width: 2.125rem
}

.svg-icons--user-check-dims {
    background-repeat: no-repeat;
    background-size: 2.9375rem 2.9375rem;
    height: 2.9375rem;
    width: 2.9375rem
}

.svg-icons--wallet-dims {
    background-repeat: no-repeat;
    background-size: 2.5rem 2.25rem;
    height: 2.25rem;
    width: 2.5rem
}

.svg-icons--warehouse-blue-dims {
    background-repeat: no-repeat;
    background-size: 2.542375rem 2.542375rem;
    height: 2.542375rem;
    width: 2.542375rem
}

.svg-icons--wfirma-logo-dims {
    background-repeat: no-repeat;
    background-size: 7.9375rem 3.125rem;
    height: 3.125rem;
    width: 7.9375rem
}

.svg-icons--wfirma-logo-brown-dims {
    background-repeat: no-repeat;
    background-size: 8.5rem 3.3125rem;
    height: 3.3125rem;
    width: 8.5rem
}

.svg-icons--wfirma-logo-md-blue-dims {
    background-repeat: no-repeat;
    background-size: 4.375rem 1.75rem;
    height: 1.75rem;
    width: 4.375rem
}

.svg-icons--wfirma-logo-md-white-dims {
    background-repeat: no-repeat;
    background-size: 4.375rem 1.75rem;
    height: 1.75rem;
    width: 4.375rem
}

.svg-icons--wfirma-logo-sm-blue-dims {
    background-repeat: no-repeat;
    background-size: 3.1875rem 1.25rem;
    height: 1.25rem;
    width: 3.1875rem
}

.svg-icons--wfirma-logo-sm-brown-dims {
    background-repeat: no-repeat;
    background-size: 3.1875rem 1.25rem;
    height: 1.25rem;
    width: 3.1875rem
}

.svg-icons--wfirma-logo-sm-white-dims {
    background-repeat: no-repeat;
    background-size: 3.125rem 1.3125rem;
    height: 1.3125rem;
    width: 3.125rem
}

.svg-icons--wfirma-logo-white-dims {
    background-repeat: no-repeat;
    background-size: 5.6875rem 2.25rem;
    height: 2.25rem;
    width: 5.6875rem
}

.svg-icons--wfirma-system-dims {
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    height: 2rem;
    width: 2rem
}

.svg-icons--window-config-dims {
    background-repeat: no-repeat;
    background-size: 2.8125rem 2.8125rem;
    height: 2.8125rem;
    width: 2.8125rem
}

.svg-icons--wrong-dims {
    background-repeat: no-repeat;
    background-size: .875rem .875rem;
    height: .875rem;
    width: .875rem
}

.svg-icons--youtube-rounded-dims {
    background-repeat: no-repeat;
    background-size: 1.875rem 1.875rem;
    height: 1.875rem;
    width: 1.875rem
}

.svg-icons--zus-dims {
    background-repeat: no-repeat;
    background-size: 2.5rem 2.5rem;
    height: 2.5rem;
    width: 2.5rem
}


.custom-switch .custom-control-label::before {
    background-color: #c1c5d0;
    height: 1.375rem;
    margin-top: -.1875rem
}

.custom-switch .custom-control-label::after {
    left: calc(-3rem + 5px);
    top: calc(.25rem + 1px)
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    transform: translateX(1rem)
}

.custom-radio .custom-control-label::before {
    border: .0625rem solid #000;
    border-radius: 50%;
    height: 1.25rem;
    margin-top: -.1875rem;
    width: 1.25rem
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background: #fff;
    border: .0625rem solid #000
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background: #000;
    border-radius: 50%;
    height: .625rem;
    left: -1.1875rem;
    top: .375rem;
    width: .625rem
}

.custom-checkbox .custom-control-label::before {
    border: .0625rem solid #000;
    border-radius: .125rem;
    height: 1.25rem;
    margin-top: -.1875rem;
    width: 1.25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background: #000 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='13' fill='none' viewBox='0 0 16 13'%3e%3cpath d='M1 4.5L7 11.5L14.5 1' stroke='white' stroke-width='2' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;
    height: 1.25rem;
    top: 0;
    width: 1.25rem
}

.custom-input {
    position: relative
}

    .custom-input .custom-input-field {
        border: .0625rem solid #000;
        border-radius: .375rem;
        color: #181818;
        font-size: 1.125rem;
        height: 3.75rem;
        padding: 1.375rem
    }

        .custom-input .custom-input-field:active, .custom-input .custom-input-field:focus {
            border: 2px solid #00bfe8;
            box-shadow: none;
            outline: 0
        }

        .custom-input .custom-input-field:placeholder-shown + .custom-input-label {
            display: none
        }

    .custom-input .custom-input-field-validated:valid {
        background: #fdfff3 url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--tick-green) no-repeat 94%;
        background-size: .875rem .875rem;
        padding-right: 2.1875rem
    }

        .custom-input .custom-input-field-validated:valid[data-error] {
            background-color: transparent;
            background-image: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--wrong)
        }

    .custom-input .custom-input-field[data-error] {
        border-color: #ff3b30 !important
    }

    .custom-input .custom-input-field:focus + label {
        color: #00bfe8
    }

    .custom-input .custom-input-field.with-toggle-password {
        padding-right: 2.125rem
    }

    .custom-input .toggle-password {
        position: absolute;
        right: .625rem;
        top: 1.0625rem
    }

        .custom-input .toggle-password i {
            transition: none
        }

    .custom-input .custom-textarea-field[data-error] {
        border-color: #ff3b30 !important
    }

    .custom-input .custom-input-label {
        background-color: #fff;
        color: #000;
        display: inline-block;
        font-family: "Nunito Sans",sans-serif;
        font-size: .6875rem;
        font-weight: 700;
        left: .75rem;
        padding: 0 .1875rem;
        position: absolute;
        top: -.375rem
    }

.custom-search .custom-search-field {
    border: .0625rem solid #000;
    border-radius: .375rem;
    color: #181818;
    font-size: 1.125rem;
    height: 3.75rem;
    padding: 1.375rem;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3e%3cpath d='M12.2879 11.3093C13.8015 9.4577 14.2527 6.95602 13.4816 4.6922C12.7097 2.42749 10.8244 0.721984 8.49481 0.179817C6.16438 -0.36131 3.72064 0.337143 2.02886 2.02883C0.337075 3.72052 -0.361325 6.16435 0.179846 8.49478C0.721837 10.8243 2.4273 12.7097 4.69223 13.4816C6.95605 14.2527 9.45777 13.8015 11.3093 12.2879L16.82 17.7985C17.0905 18.0673 17.5279 18.0673 17.7976 17.7976C18.0673 17.5279 18.0673 17.0905 17.7985 16.82L12.2879 11.3093ZM10.4121 11.2341V11.235C8.92614 12.4365 6.92583 12.7883 5.11831 12.1659C3.31165 11.5435 1.95271 10.0334 1.52318 8.17138C1.09356 6.30854 1.65371 4.35673 3.0048 3.00463C4.35677 1.65353 6.30871 1.09339 8.17155 1.52301C10.0335 1.95263 11.5436 3.3115 12.1661 5.11814C12.7885 6.92566 12.4367 8.92592 11.2351 10.4119C10.9896 10.7136 10.7139 10.9893 10.4122 11.2348L10.4121 11.2341Z' fill='%23181818'/%3e%3c/svg%3e") no-repeat -1.25rem;
    background-origin: content-box;
    border: none;
    box-shadow: .25rem .25rem .9375rem rgba(0,0,0,.1);
    padding-left: 3rem;
    text-indent: 1.875rem
}

    .custom-search .custom-search-field:active, .custom-search .custom-search-field:focus {
        border: 2px solid #00bfe8;
        box-shadow: none;
        outline: 0
    }

    .custom-search .custom-search-field::placeholder {
        color: #b5b5b5
    }

    .custom-search .custom-search-field:placeholder-shown {
        background-origin: content-box;
        text-indent: 1.875rem
    }

    .custom-search .custom-search-field ::-webkit-search-results-button, .custom-search .custom-search-field ::-webkit-search-results-decoration, .custom-search .custom-search-field::-webkit-search-cancel-button {
        display: none
    }

    .custom-search .custom-search-field ::-ms-reveal, .custom-search .custom-search-field::-ms-clear {
        display: none;
        height: 0;
        width: 0
    }

    .custom-search .custom-search-field:focus {
        box-shadow: .25rem .25rem .9375rem rgba(0,0,0,.1)
    }

        .custom-search .custom-search-field:focus::placeholder {
            visibility: hidden
        }

.login {
    overflow-x: hidden
}

@media (min-width:1200px) {
    .login .container-fluid, .login .container-lg, .login .container-md, .login .container-sm, .login .container-xl {
        background-image: url(/_public/wf/img/blob-6.svg);
        background-position: -21.375rem 45.3125rem;
        background-repeat: no-repeat;
        background-size: cover
    }
}

@media (min-width:768px) {
    .login .container-fluid, .login .container-lg, .login .container-md, .login .container-sm, .login .container-xl {
        background-color: #f7f8fa;
        height: 100vh
    }
}

@media (max-width:1366px) {
    .login .container-fluid, .login .container-lg, .login .container-md, .login .container-sm, .login .container-xl {
        background-size: auto
    }
}

.login .container-login {
    margin: 0 auto;
    max-width: 82.5rem
}

.login-banner-container-allegro:after {
    background: url(/_public/wf/img/login-banners/integracja-wfirmy-z-allegro.png) no-repeat;
    content: "";
    height: 38.5625rem;
    left: -5.1875rem;
    position: absolute;
    top: 0;
    width: 53.1875rem
}

.login-banner-container-assistant:after {
    background: url(/_public/wf/img/login-banners/wfirma-asystent-ksiegowy.png) no-repeat;
    content: "";
    height: 40.8125rem;
    left: -5.1875rem;
    position: absolute;
    top: -1.5625rem;
    width: 51.0625rem
}

.login-banner-container-idosell-webinar:after {
    background: url(/_public/wf/img/login-banners/baner-idosell-wfirma.svg) no-repeat;
    content: '';
    height: 46rem;
    left: -8.125rem;
    position: absolute;
    top: -5rem;
    width: 52.9375rem
}

.login-banner-container-factoring:after {
    background: url(/_public/wf/img/login-banners/wfirma-faktoring.png) no-repeat;
    content: '';
    height: 45.5rem;
    left: -10.9375rem;
    position: absolute;
    top: -1.875rem;
    width: 57.6875rem
}

.login-banner-container-integration .btn {
    background-color: #ff6712;
    font-size: 1.25rem;
    left: 2rem;
    padding: 1rem 2.625rem;
    position: absolute;
    text-decoration: none;
    top: 30.9375rem
}

    .login-banner-container-integration .btn:focus {
        background-color: #ff6712;
        box-shadow: none;
        color: #fff
    }

.login-banner-container-integration:after {
    background: url(/_public/wf/img/login-banners/integracje-z-wfirma.svg) no-repeat;
    content: '';
    height: 45.5rem;
    left: -10rem;
    position: absolute;
    top: -3.125rem;
    width: 57.6875rem
}

.login-banner-container-idosell-webinar .btn {
    font-size: 1.25rem;
    left: 3.25rem;
    padding: 1rem 2.625rem;
    position: absolute;
    text-decoration: none;
    top: 34.5625rem
}

    .login-banner-container-idosell-webinar .btn:focus {
        box-shadow: none;
        color: #fff
    }

.login-banner-container-idosell-webinar:after {
    background: url(/_public/wf/img/login-banners/banner-webiner-amazon.svg) no-repeat;
    content: '';
    height: 45.5rem;
    left: -7.1875rem;
    position: absolute;
    top: -1.25rem;
    width: 57.6875rem
}

.login-banner-container-job-offers:after {
    background: url(/_public/wf/img/login-banners/ogloszenia-o-prace.svg) no-repeat;
    content: '';
    height: 42.75rem;
    left: -12.1875rem;
    position: absolute;
    top: -1.875rem;
    width: 58.1875rem
}

.login-banner-container-system-update:after {
    background: url(/_public/wf/img/login-banners/aktualizacja-systemu.svg) no-repeat;
    background-size: contain;
    content: '';
    height: 57.125rem;
    left: -9.375rem;
    position: absolute;
    top: 0;
    width: 51.5625rem
}

.login-banner-container-polish-order:after {
    background: url(/_public/wf/img/login-banners/polish_order_booklet.svg) no-repeat;
    content: '';
    height: 45.5rem;
    left: -10rem;
    position: absolute;
    top: -3.125rem;
    width: 57.6875rem
}

.login-banner-container-help-ukraine:after {
    background: url(/_public/wf/img/login-banners/pomoc-dla-ukrainy.svg) no-repeat;
    background-size: contain;
    content: '';
    height: 57.125rem;
    left: -9.375rem;
    position: absolute;
    top: -5.625rem;
    width: 56.25rem
}

.login-banner-container-system-update-2:after {
    background: url(/_public/wf/img/login-banners/system-update-2.svg) no-repeat;
    background-size: contain;
    content: '';
    height: 57.125rem;
    left: -9.375rem;
    position: absolute;
    top: -5.625rem;
    width: 56.25rem
}

.login-banner-content {
    color: #fff;
    z-index: 1
}

    .login-banner-content a {
        color: #fff;
        text-decoration: underline
    }

    .login-banner-content h1 {
        font-size: 3.125rem;
        line-height: 3.125rem
    }

    .login-banner-content .lead {
        font-size: 1.3125rem;
        font-weight: 600
    }

.login-banner-content-allegro {
    margin-left: 2.5rem;
    margin-top: 11.125rem
}

.login-banner-content-assistant {
    margin-left: 24.875rem;
    margin-top: 15rem
}

.login-banner-content-idosell-webinar {
    margin-left: 2.1875rem
}

.login-banner-content-idosell-webinar-left {
    position: absolute;
    top: 17.1875rem
}

    .login-banner-content-idosell-webinar-left p {
        font-size: 1.1875rem;
        letter-spacing: .125rem
    }

        .login-banner-content-idosell-webinar-left p:first-child {
            font-size: 1rem;
            letter-spacing: .25rem
        }

    .login-banner-content-idosell-webinar-left h5 {
        letter-spacing: .1875rem
    }

    .login-banner-content-idosell-webinar-left .btn {
        border: .125rem solid #fff;
        border-radius: .25rem;
        font-size: 1.25rem;
        font-weight: 600;
        margin-top: 1.125rem;
        padding: .75rem 1.875rem;
        text-decoration: none
    }

.login-banner-content-idosell-webinar-right {
    left: 18.8125rem;
    position: absolute;
    top: 22.125rem
}

    .login-banner-content-idosell-webinar-right p {
        font-size: 1.375rem;
        font-weight: 600
    }

.login-banner-content-factoring {
    color: #181818;
    left: 22.1875rem;
    top: 21.1875rem;
    width: 22.5rem
}

    .login-banner-content-factoring h1 {
        font-size: 2.625rem
    }

    .login-banner-content-factoring .btn {
        font-size: 1.1875rem;
        padding: .8125rem 2.0625rem;
        text-decoration: none
    }

.login-banner-content-job-offers {
    height: 42.75rem
}

    .login-banner-content-job-offers .btn {
        bottom: 4.375rem;
        color: #181818;
        font-size: 1.3125rem;
        left: 1.5625rem;
        padding: 1.1875rem 5.8125rem;
        position: absolute;
        text-decoration: none
    }

        .login-banner-content-job-offers .btn:hover {
            border-color: transparent
        }

.login-banner-content-system-update {
    height: 42.75rem;
    width: 40.625rem
}

.login-banner-content-system-update-text {
    font-size: 1.3125rem;
    position: absolute;
    right: 12.25rem;
    text-align: center;
    top: 3.25rem;
    width: 13.5rem
}

@media (min-width:1305px) and (max-width:1356px) {
    .login-banner-content-system-update-text {
        right: 11.4375rem
    }
}

@media (min-width:1271px) and (max-width:1304px) {
    .login-banner-content-system-update-text {
        right: 10rem
    }
}

@media (min-width:1200px) and (max-width:1270px) {
    .login-banner-content-system-update-text {
        right: 8.125rem
    }
}

.login-banner-content-system-update-text span {
    display: block;
    margin-top: .625rem
}

.login-banner-content-system-update .btn {
    bottom: 7.1875rem;
    color: #fff;
    font-size: 1.3125rem;
    padding: 1.1875rem 1.25rem;
    position: absolute;
    right: 6.75rem;
    text-decoration: none
}

    .login-banner-content-system-update .btn:hover {
        border-color: transparent
    }

.login-banner-content-polish-order {
    height: 42.75rem
}

    .login-banner-content-polish-order .btn {
        background-color: #6b72b3;
        color: #fff;
        font-size: 1.25rem;
        left: 12.625rem;
        border: none;
        padding: 1.1875rem 2.125rem;
        position: absolute;
        text-decoration: none;
        top: 33.125rem
    }

        .login-banner-content-polish-order .btn:focus, .login-banner-content-polish-order .btn:hover {
            background-color: #7c82bc
        }

        .login-banner-content-polish-order .btn:focus {
            box-shadow: none;
            color: #fff
        }

        .login-banner-content-polish-order .btn i {
            border-color: transparent transparent transparent #fff;
            border-style: solid;
            border-width: .5625rem 0 .5625rem .6875rem;
            height: 0;
            margin-left: .625rem;
            width: 0
        }

.login-banner-content-help-ukraine {
    height: 42.75rem
}

    .login-banner-content-help-ukraine .btn {
        bottom: 6.6875rem;
        font-size: 1.3125rem;
        right: 7.125rem;
        position: absolute;
        text-decoration: none
    }

        .login-banner-content-help-ukraine .btn i {
            border-color: transparent transparent transparent #fff;
            border-style: solid;
            border-width: .5625rem 0 .5625rem .6875rem;
            height: 0;
            margin-left: .625rem;
            width: 0
        }

        .login-banner-content-help-ukraine .btn:hover {
            border-color: transparent
        }

        .login-banner-content-help-ukraine .btn:focus {
            box-shadow: none;
            color: #fff
        }

.login-banner-content-system-update-2 {
    height: 42.75rem;
    width: 48.125rem
}

    .login-banner-content-system-update-2 .btn {
        bottom: 13.75rem;
        font-size: 1.3125rem;
        right: 6.25rem;
        position: absolute;
        text-decoration: none
    }

        .login-banner-content-system-update-2 .btn i {
            border-color: transparent transparent transparent #fff;
            border-style: solid;
            border-width: .5625rem 0 .5625rem .6875rem;
            height: 0;
            margin-left: .625rem;
            width: 0
        }

        .login-banner-content-system-update-2 .btn:hover {
            border-color: transparent
        }

        .login-banner-content-system-update-2 .btn:focus {
            box-shadow: none;
            color: #fff
        }

@media (max-width:1199.98px) {
    .login-social-buttons > div {
        width: 47%
    }
}

.login-error-lock {
    display: none
}

.login-error-lock-main-block {
    background-color: #fdedec;
    border-radius: .625rem;
    padding: 2.1875rem
}

.login-register-text {
    font-size: .9375rem
}

    .login-register-text a {
        font-size: 1.0625rem;
        letter-spacing: .125rem;
        text-transform: uppercase
    }

@media (min-width:576px) and (max-width:1199.98px) {
    .register .container {
        padding-top: 7.1875rem
    }

    .webp .register .container {
        background: url(/_public/wf/img/wfirma-rejestracja-tablet.png) no-repeat top center;
        background-image: image-set(url(/_public/wf/img/wfirma-rejestracja-tablet.webp) 1x,url(/_public/wf/img/wfirma-rejestracja-tablet-2x.webp) 2x);
        background-image: -webkit-image-set(url(/_public/wf/img/wfirma-rejestracja-tablet.webp) 1x,url(/_public/wf/img/wfirma-rejestracja-tablet-2x.webp) 2x)
    }

    .no-webp .register .container {
        background: url(/_public/wf/img/wfirma-rejestracja-tablet.png) no-repeat top center
    }
}

@media (min-width:576px) and (max-width:1199.98px) {
    .webp .register .container-promotion-code {
        background: url(/_public/wf/img/wfirma-rejestracja-przez-kody-tablet.png) no-repeat top center;
        background-image: image-set(url(/_public/wf/img/wfirma-rejestracja-przez-kody-tablet.webp) 1x,url(/_public/wf/img/wfirma-rejestracja-przez-kody-tablet-2x.webp) 2x);
        background-image: -webkit-image-set(url(/_public/wf/img/wfirma-rejestracja-przez-kody-tablet.webp) 1x,url(/_public/wf/img/wfirma-rejestracja-przez-kody-tablet-2x.webp) 2x)
    }

    .no-webp .register .container-promotion-code {
        background: url(/_public/wf/img/wfirma-rejestracja-przez-kody-tablet.png) no-repeat top center
    }
}

@media (min-width:576px) and (max-width:1199.98px) and (min-width:992px) and (max-width:1199.98px) {
    .register .container-promotion-code .register-home-link {
        margin-left: 7.8125rem
    }
}

@media (min-width:576px) and (max-width:1199.98px) and (min-width:576px) and (max-width:767.98px) {
    .register .container-promotion-code {
        background-position: initial
    }
}

.register-home-link {
    text-align: left
}

.register-main-photo {
    position: relative
}

    .register-main-photo p {
        color: #fff;
        font-size: 1.25rem;
        font-weight: 700;
        letter-spacing: .125rem;
        line-height: 1.5625rem;
        position: absolute
    }

        .register-main-photo p span {
            font-size: 1.125rem;
            font-weight: 400
        }

.register-main-photo-codes-text {
    align-items: center;
    background: url(/_public/wf/img/blob-zielony-desktop.svg) no-repeat;
    bottom: 0;
    color: #fff;
    font-size: 1.3125rem;
    font-weight: 700;
    height: 11.0625rem;
    justify-content: center;
    padding: 0 3.125rem;
    position: absolute;
    right: 0;
    width: 13.1875rem
}

@media (max-width:575.98px) {
    .register-main-photo-codes-text {
        font-size: 1rem;
        height: auto;
        padding: 1.25rem 3.125rem;
        width: 10.125rem
    }
}

.register-main-photo-mobile-link {
    left: 1.4375rem;
    position: absolute;
    top: 1.4375rem
}

.register-main-photo-mobile-link-code {
    left: 1.0625rem;
    position: absolute;
    top: 1.0625rem
}

@media (min-width:1200px) {
    .register-main-photo {
        background-size: cover !important;
        border-bottom-left-radius: .625rem
    }

    .webp .register-main-photo {
        background: url(/_public/wf/img/wfirma-rejestracja.png) no-repeat;
        background-image: image-set(url(/_public/wf/img/wfirma-rejestracja.webp) 1x,url(/_public/wf/img/wfirma-rejestracja-2x.webp) 2x);
        background-image: -webkit-image-set(url(/_public/wf/img/wfirma-rejestracja.webp) 1x,url(/_public/wf/img/wfirma-rejestracja-2x.webp) 2x)
    }

    .no-webp .register-main-photo {
        background: url(/_public/wf/img/wfirma-rejestracja.png) no-repeat
    }

    .register-main-photo img {
        left: 1.25rem;
        position: relative;
        top: 2.3125rem;
        transform: scale(.7)
    }

    .register-main-photo p {
        bottom: 1.625rem;
        left: 2.0625rem
    }

    .register-main-photo.register-with-code {
        background-size: cover !important;
        border-bottom-left-radius: .625rem;
        border-top-left-radius: .625rem;
        min-height: 44.3125rem
    }

    .webp .register-main-photo.register-with-code {
        background: url(/_public/wf/img/wfirma-rejestracja-przez-kody.png) no-repeat;
        background-image: image-set(url(/_public/wf/img/wfirma-rejestracja-przez-kody.webp) 1x,url(/_public/wf/img/wfirma-rejestracja-przez-kody-2x.webp) 2x);
        background-image: -webkit-image-set(url(/_public/wf/img/wfirma-rejestracja-przez-kody.webp) 1x,url(/_public/wf/img/wfirma-rejestracja-przez-kody-2x.webp) 2x)
    }

    .no-webp .register-main-photo.register-with-code {
        background: url(/_public/wf/img/wfirma-rejestracja-przez-kody.png) no-repeat
    }
}

@media (max-width:575.98px) {
    .register-main-photo p {
        left: 20%;
        margin-left: -1.25rem;
        margin-top: -3.125rem;
        top: 50%
    }
}

.register h5 {
    font-size: 2rem
}

@media (max-width:767.98px) {
    .register h5 {
        font-size: 1.3125rem
    }
}

.register h4 span:first-child:after {
    background-color: #7bdbf1;
    bottom: .3125rem;
    content: "";
    height: .5625rem;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

.register form .custom-input {
    width: 48%
}

@media (max-width:767.98px) {
    .register form .custom-input {
        width: 100%
    }
}

.register form .custom-input-field.validated {
    background-color: #fdfff3
}

.register form .form-group .error {
    margin-bottom: -1.9375rem
}

@media (max-width:991.98px) {
    .register form .form-group .error {
        margin-bottom: -1.5625rem
    }
}

.register form input[type=tel] {
    background-color: #f7f8fa;
    border: .0625rem solid #c3c7d2;
    border-radius: .125rem;
    font-size: 1.125rem;
    height: 2.1875rem;
    margin: 0 .125rem;
    outline: 0;
    text-align: center;
    width: 1.875rem
}

@media (min-width:1200px) {
    .register form input[type=tel] {
        margin: 0 .25rem
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .register form input[type=tel] {
        margin: 0 .1875rem
    }
}

@media (max-width:450px) {
    .register form input[type=tel] {
        padding: .0625rem;
        width: 1.3125rem
    }
}

.register form input[type=tel]:first-child {
    margin-left: 0
}

.register form input[type=tel]:last-child {
    margin-right: 0
}

.register form input[type=tel]:focus, .register form input[type=tel]:valid {
    background-color: transparent;
    border: .125rem solid #00bfe8;
    border-radius: .375rem
}

.register form input[type=tel]:valid {
    background-color: #fdfff3;
    border: .0625rem solid #000
}

.register form input[type=tel].invalid {
    border: .0625rem solid #ff3b30
}

.register form input[type=checkbox] + .radiohtml {
    display: none
}

@media (max-width:575.98px) {
    .register form .hr-text:before {
        left: 5.3125rem;
        padding-left: .75rem
    }
}

.register form .select-offer {
    position: relative;
    width: 100%
}

    .register form .select-offer select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-color: #181818;
        border-bottom: solid .0625rem #181818;
        border-radius: .375rem;
        border-top: solid .0625rem #181818;
        color: #fff;
        font-weight: 700;
        height: 3.75rem
    }

        .register form .select-offer select:focus {
            box-shadow: none;
            outline: 0
        }

    .register form .select-offer .select-side {
        background-color: #fff;
        background-image: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--arrow-down);
        background-position: center;
        background-repeat: no-repeat;
        background-size: .625rem .5rem;
        border-bottom: solid .0625rem #181818;
        border-radius: 0 .375rem .375rem 0;
        border-right: solid .0625rem #181818;
        border-top: solid .0625rem #181818;
        height: 100%;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 2rem
    }

        .register form .select-offer .select-side:before {
            bottom: 0;
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            width: .0625rem
        }

.register form .custom-control-label {
    padding: .125rem 0 0 .5rem
}

    .register form .custom-control-label.invalid::before {
        border: .0625rem solid #ff3b30
    }

@media (max-width:1199.98px) {
    .register-content {
        padding-bottom: 3.125rem
    }
}

@media (max-width:1199.98px) {
    .register-social-buttons div {
        width: 100%
    }
}

.register-step-one form .custom-input:first-child {
    margin-bottom: 2rem
}

.register-step-one form .grecaptcha-badge {
    z-index: 1
}

@media (min-width:768px) and (max-width:1199.98px) {
    .register-step-one form {
        padding: 0 .4375rem
    }

        .register-step-one form input[type=tel] {
            margin: 0 .25rem
        }
}

@media (max-width:767.98px) {
    .register-step-one form {
        padding-top: 1.875rem
    }
}

.register-step-two input {
    padding: 1.375rem .75rem !important
}

.register-step-two-name .error {
    margin-bottom: -1.25rem !important
}

.register-step-two-building, .register-step-two-flat {
    width: 24% !important
}

@media (max-width:767.98px) {
    .register-step-two-building, .register-step-two-flat {
        width: 49% !important
    }
}

@media (max-width:575.98px) {
    .register-step-two-building, .register-step-two-flat {
        width: 48% !important
    }
}

.register-step-two-building {
    margin-right: 2%
}

@media (max-width:575.98px) {
    .register-step-two-building {
        margin-right: 4%
    }
}

.register-step-two-zip {
    width: 38% !important
}

@media (max-width:767.98px) {
    .register-step-two-zip {
        width: 100% !important
    }
}

.register-step-two-city {
    width: 60% !important
}

@media (max-width:767.98px) {
    .register-step-two-city {
        width: 100% !important
    }
}

@media (min-width:576px) and (max-width:1199.98px) {
    .webp .register-step-two .container {
        background: url(/_public/wf/img/wfirma-rejestracja-krok-2-tablet.png) no-repeat top center;
        background-image: image-set(url(/_public/wf/img/wfirma-rejestracja-krok-2-tablet.webp) 1x,url(/_public/wf/img/wfirma-rejestracja-krok-2-tablet-2x.webp) 2x);
        background-image: -webkit-image-set(url(/_public/wf/img/wfirma-rejestracja-krok-2-tablet.webp) 1x,url(/_public/wf/img/wfirma-rejestracja-krok-2-tablet-2x.webp) 2x)
    }

    .no-webp .register-step-two .container {
        background: url(/_public/wf/img/wfirma-rejestracja-krok-2-tablet.png) no-repeat top center
    }
}

@media (min-width:1200px) {
    .register-step-two .register-main-photo {
        background-size: cover !important;
        border-bottom-left-radius: .625rem;
        min-height: 42.1875rem
    }

    .webp .register-step-two .register-main-photo {
        background: url(/_public/wf/img/wfirma-rejestracja-krok-2.png) no-repeat;
        background-image: image-set(url(/_public/wf/img/wfirma-rejestracja-krok-2.webp) 1x,url(/_public/wf/img/wfirma-rejestracja-krok-2-2x.webp) 2x);
        background-image: -webkit-image-set(url(/_public/wf/img/wfirma-rejestracja-krok-2.webp) 1x,url(/_public/wf/img/wfirma-rejestracja-krok-2-2x.webp) 2x)
    }

    .no-webp .register-step-two .register-main-photo {
        background: url(/_public/wf/img/wfirma-rejestracja-krok-2.png) no-repeat
    }
}

.register-step-three .card-register-content {
    padding: 2.5rem .625rem 1.25rem .625rem !important
}

.register-step-three .nav-tabs {
    border-bottom: none
}

    .register-step-three .nav-tabs .nav-link {
        border: none
    }

@media (max-width:1199.98px) {
    .register-step-three .card-body {
        padding: 1.25rem 5rem
    }
}

@media (max-width:767.98px) {
    .register-step-three .card-body {
        padding: 1.25rem .75rem
    }
}

@media (max-width:575.98px) {
    .register-step-three .card-body {
        padding: 1.25rem .5rem
    }
}

.register-step-three .card-offer-buttons {
    background-color: #f7f8fa;
    border-radius: .375rem .375rem 0 0
}

    .register-step-three .card-offer-buttons a:first-child {
        border-top-left-radius: .375rem
    }

    .register-step-three .card-offer-buttons a:last-child {
        border-top-right-radius: .375rem
    }

@media (min-width:576px) and (max-width:1199.98px) {
    .webp .register-step-three .container {
        background: url(/_public/wf/img/wfirma-rejestracja-krok-3-tablet.png) no-repeat top center;
        background-image: image-set(url(/_public/wf/img/wfirma-rejestracja-krok-3-tablet.webp) 1x,url(/_public/wf/img/wfirma-rejestracja-krok-3-tablet-2x.webp) 2x);
        background-image: -webkit-image-set(url(/_public/wf/img/wfirma-rejestracja-krok-3-tablet.webp) 1x,url(/_public/wf/img/wfirma-rejestracja-krok-3-tablet-2x.webp) 2x)
    }

    .no-webp .register-step-three .container {
        background: url(/_public/wf/img/wfirma-rejestracja-krok-3-tablet.png) no-repeat top center
    }
}

@media (min-width:1200px) {
    .register-step-three .register-main-photo {
        background-size: cover !important;
        border-bottom-left-radius: .625rem;
        min-height: 42.1875rem
    }

    .webp .register-step-three .register-main-photo {
        background: url(/_public/wf/img/wfirma-rejestracja-krok-3.png) no-repeat;
        background-image: image-set(url(/_public/wf/img/wfirma-rejestracja-krok-3.webp) 1x,url(/_public/wf/img/wfirma-rejestracja-krok-3-2x.webp) 2x);
        background-image: -webkit-image-set(url(/_public/wf/img/wfirma-rejestracja-krok-3.webp) 1x,url(/_public/wf/img/wfirma-rejestracja-krok-3-2x.webp) 2x)
    }

    .no-webp .register-step-three .register-main-photo {
        background: url(/_public/wf/img/wfirma-rejestracja-krok-3.png) no-repeat
    }
}

.register-step-three .list-bullet.green-light {
    padding-left: .9375rem
}

    .register-step-three .list-bullet.green-light li {
        margin: .75rem 0;
        padding-left: .625rem
    }

.btn {
    line-height: 100%
}

    .btn:focus {
        box-shadow: none
    }

.btn-light {
    color: #212529;
    background-color: #fff;
    border-color: #fff;
    color: #00bfe8
}

    .btn-light:hover {
        color: #fff;
        background-color: #00bfe8;
        border-color: #e6e5e5
    }

    .btn-light.focus, .btn-light:focus {
        color: #fff;
        background-color: #00bfe8;
        border-color: #e6e5e5;
        box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #fff;
        border-color: #fff
    }

    .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #e6e5e5;
        border-color: #dfdfdf
    }

        .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
        }

    .btn-light [class*=svg-icons--] {
        filter: invert(0)
    }

    .btn-light:hover [class*=svg-icons--] {
        filter: brightness(0) invert(1)
    }

    .btn-light:focus {
        background-color: #fff !important;
        border: .0625rem solid transparent;
        color: #00bfe8 !important
    }

        .btn-light:focus [class*=svg-icons--] {
            filter: invert(0)
        }

.btn-light-danger {
    color: #212529;
    background-color: #fff;
    border-color: #fff;
    color: #00bfe8
}

    .btn-light-danger:hover {
        color: #fff;
        background-color: #00bfe8;
        border-color: #e6e5e5
    }

    .btn-light-danger.focus, .btn-light-danger:focus {
        color: #fff;
        background-color: #00bfe8;
        border-color: #e6e5e5;
        box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
    }

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

    .btn-light-danger:not(:disabled):not(.disabled).active, .btn-light-danger:not(:disabled):not(.disabled):active, .show > .btn-light-danger.dropdown-toggle {
        color: #212529;
        background-color: #e6e5e5;
        border-color: #dfdfdf
    }

        .btn-light-danger:not(:disabled):not(.disabled).active:focus, .btn-light-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-light-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
        }

    .btn-light-danger [class*=svg-icons--] {
        filter: invert(0)
    }

    .btn-light-danger:hover {
        background-color: #ff3b30
    }

        .btn-light-danger:hover [class*=svg-icons--] {
            filter: brightness(0) invert(1)
        }

.btn-primary {
    color: #fff;
    background-color: #00bfe8;
    border-color: #00bfe8
}

    .btn-primary:hover {
        color: #fff;
        background-color: #00abd0;
        border-color: #0095b5
    }

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #00abd0;
        border-color: #0095b5;
        box-shadow: 0 0 0 .2rem rgba(38,201,235,.5)
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #00bfe8;
        border-color: #00bfe8
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0095b5;
        border-color: #008ba8
    }

        .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(38,201,235,.5)
        }

.btn-tertiary {
    color: #fff;
    background-color: #3a2cd4;
    border-color: #3a2cd4
}

    .btn-tertiary:hover {
        color: #fff;
        background-color: #0c0090;
        border-color: #2e23aa
    }

    .btn-tertiary.focus, .btn-tertiary:focus {
        color: #fff;
        background-color: #0c0090;
        border-color: #2e23aa;
        box-shadow: 0 0 0 .2rem rgba(88,76,218,.5)
    }

    .btn-tertiary.disabled, .btn-tertiary:disabled {
        color: #fff;
        background-color: #3a2cd4;
        border-color: #3a2cd4
    }

    .btn-tertiary:not(:disabled):not(.disabled).active, .btn-tertiary:not(:disabled):not(.disabled):active, .show > .btn-tertiary.dropdown-toggle {
        color: #fff;
        background-color: #2e23aa;
        border-color: #2b21a0
    }

        .btn-tertiary:not(:disabled):not(.disabled).active:focus, .btn-tertiary:not(:disabled):not(.disabled):active:focus, .show > .btn-tertiary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(88,76,218,.5)
        }

.btn-secondary {
    color: #fff;
    background-color: #181818;
    border-color: #181818
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #000;
        border-color: #000
    }

    .btn-secondary.focus, .btn-secondary:focus {
        color: #fff;
        background-color: #000;
        border-color: #000;
        box-shadow: 0 0 0 .2rem rgba(59,59,59,.5)
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #181818;
        border-color: #181818
    }

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

        .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(59,59,59,.5)
        }

.btn-quaternary {
    color: #fff;
    background-color: #2dac00;
    border-color: #2dac00
}

    .btn-quaternary:hover {
        color: #fff;
        background-color: #2dac00;
        border-color: #207900
    }

    .btn-quaternary.focus, .btn-quaternary:focus {
        color: #fff;
        background-color: #2dac00;
        border-color: #207900;
        box-shadow: 0 0 0 .2rem rgba(77,184,38,.5)
    }

    .btn-quaternary.disabled, .btn-quaternary:disabled {
        color: #fff;
        background-color: #2dac00;
        border-color: #2dac00
    }

    .btn-quaternary:not(:disabled):not(.disabled).active, .btn-quaternary:not(:disabled):not(.disabled):active, .show > .btn-quaternary.dropdown-toggle {
        color: #fff;
        background-color: #207900;
        border-color: #1c6c00
    }

        .btn-quaternary:not(:disabled):not(.disabled).active:focus, .btn-quaternary:not(:disabled):not(.disabled):active:focus, .show > .btn-quaternary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(77,184,38,.5)
        }

.btn-success {
    color: #212529;
    background-color: #abcf02;
    border-color: #abcf02
}

    .btn-success:hover {
        color: #fff;
        background-color: #2dac00;
        border-color: #819c02
    }

    .btn-success.focus, .btn-success:focus {
        color: #fff;
        background-color: #2dac00;
        border-color: #819c02;
        box-shadow: 0 0 0 .2rem rgba(150,182,8,.5)
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #212529;
        background-color: #abcf02;
        border-color: #abcf02
    }

    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #819c02;
        border-color: #779001
    }

        .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(150,182,8,.5)
        }

.btn-warning {
    color: #212529;
    background-color: #f7b801;
    border-color: #f7b801
}

    .btn-warning:hover {
        color: #212529;
        background-color: #ef9e00;
        border-color: #c49201
    }

    .btn-warning.focus, .btn-warning:focus {
        color: #212529;
        background-color: #ef9e00;
        border-color: #c49201;
        box-shadow: 0 0 0 .2rem rgba(215,162,7,.5)
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #f7b801;
        border-color: #f7b801
    }

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

        .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(215,162,7,.5)
        }

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

    .btn-danger:hover {
        color: #fff;
        background-color: #eb1004;
        border-color: #fc0d00
    }

    .btn-danger.focus, .btn-danger:focus {
        color: #fff;
        background-color: #eb1004;
        border-color: #fc0d00;
        box-shadow: 0 0 0 .2rem rgba(255,88,79,.5)
    }

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

    .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #fc0d00;
        border-color: #ef0d00
    }

        .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,88,79,.5)
        }

.btn-info {
    color: #fff;
    background-color: #7678ed;
    border-color: #7678ed
}

    .btn-info:hover {
        color: #fff;
        background-color: #3a2cd4;
        border-color: #494ce7
    }

    .btn-info.focus, .btn-info:focus {
        color: #fff;
        background-color: #3a2cd4;
        border-color: #494ce7;
        box-shadow: 0 0 0 .2rem rgba(139,140,240,.5)
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #7678ed;
        border-color: #7678ed
    }

    .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #494ce7;
        border-color: #3e40e6
    }

        .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(139,140,240,.5)
        }

.btn-outline-light {
    color: #212529;
    background-color: #fff;
    border-color: #00bfe8;
    color: #00bfe8
}

    .btn-outline-light:hover {
        color: #fff;
        background-color: #00bfe8;
        border-color: #0095b5
    }

    .btn-outline-light.focus, .btn-outline-light:focus {
        color: #fff;
        background-color: #00bfe8;
        border-color: #0095b5;
        box-shadow: 0 0 0 .2rem rgba(5,168,203,.5)
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #212529;
        background-color: #fff;
        border-color: #00bfe8
    }

    .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #e6e5e5;
        border-color: #008ba8
    }

        .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(5,168,203,.5)
        }

.btn-outline-tertiary {
    color: #fff;
    background-color: transparent;
    border-color: #3a2cd4;
    color: #3a2cd4
}

    .btn-outline-tertiary:hover {
        color: #fff;
        background-color: #0c0090;
        border-color: #2e23aa
    }

    .btn-outline-tertiary.focus, .btn-outline-tertiary:focus {
        color: #fff;
        background-color: #0c0090;
        border-color: #2e23aa;
        box-shadow: 0 0 0 .2rem rgba(88,76,218,.5)
    }

    .btn-outline-tertiary.disabled, .btn-outline-tertiary:disabled {
        color: #fff;
        background-color: transparent;
        border-color: #3a2cd4
    }

    .btn-outline-tertiary:not(:disabled):not(.disabled).active, .btn-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-outline-tertiary.dropdown-toggle {
        color: #fff;
        background-color: rgba(0,0,0,0);
        border-color: #2b21a0
    }

        .btn-outline-tertiary:not(:disabled):not(.disabled).active:focus, .btn-outline-tertiary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-tertiary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(88,76,218,.5)
        }

.btn-brown-dashed {
    background-color: #f5f5f5;
    border: .03125rem dashed #8ea2ab;
    color: #181818
}

.btn-outline-warning-secondary {
    border: .125rem solid #f7b801;
    color: #181818
}

.btn-outline-primary-secondary {
    border: .125rem solid #00bfe8;
    color: #181818
}

.btn-dropdown-primary {
    background-color: #f7f8fa;
    border: .03125rem solid #e3e4e7;
    color: #181818;
    padding: .75rem .9375rem;
    text-align: left
}

    .btn-dropdown-primary[aria-expanded=true] {
        border-bottom-color: transparent;
        border-radius: .375rem .375rem 0 0
    }

    .btn-dropdown-primary::after {
        border: none;
        content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 7 5'%3e%3cpath d='M3.5 4L0.468911 0.249999L6.53109 0.25L3.5 4Z' fill='%23000000'/%3e%3c/svg%3e");
        float: right;
        vertical-align: -.09em
    }

@media (max-width:575.98px) {
    .btn-dropdown-primary::after {
        transform: scale(1) !important
    }
}

.btn-dropdown-primary:active, .btn-dropdown-primary:focus {
    box-shadow: none;
    outline: 0
}

.btn-dropdown-primary + .custom-dropdown-menu {
    background-color: #f7f8fa;
    border: .03125rem solid #e3e4e7;
    border-radius: 0 0 .375rem .375rem;
    border-top: transparent;
    margin-top: 0;
    width: 100%
}

    .btn-dropdown-primary + .custom-dropdown-menu .dropdown-item {
        color: #181818
    }

        .btn-dropdown-primary + .custom-dropdown-menu .dropdown-item:hover {
            color: #00bfe8
        }

.btn-dropdown-secondary {
    color: #181818;
    padding: .75rem .9375rem;
    transition: none
}

    .btn-dropdown-secondary[aria-expanded=true] {
        color: #00bfe8
    }

        .btn-dropdown-secondary[aria-expanded=true]::after {
            content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 12 7'%3e%3cpath d='M1 1L6 6L11 1' stroke='%2300BFE8'/%3e%3c/svg%3e")
        }

    .btn-dropdown-secondary::after {
        border: none;
        content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 12 7'%3e%3cpath d='M1 1L6 6L11 1' stroke='%23000000'/%3e%3c/svg%3e");
        margin-left: 1.5625rem;
        vertical-align: -.16em
    }

    .btn-dropdown-secondary:active, .btn-dropdown-secondary:focus {
        box-shadow: none;
        outline: 0
    }

.btn-tag {
    background-color: #fff;
    border-color: #e3e4e7;
    border-radius: 6.25rem;
    color: #181818
}

    .btn-tag.active {
        background-color: #181818;
        border-color: #181818;
        color: #fff
    }

        .btn-tag.active:hover {
            border-color: #181818;
            color: #fff
        }

    .btn-tag:hover:not(.btn-tag-offer) {
        border-color: #00bfe8;
        color: #00bfe8
    }

.btn-tag-offer {
    padding: .625rem .875rem .625rem 2.8125rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.btn-tag-offer-green {
    background: #abcf02 url(/_public/wf/icons/check-rounded-white.svg) no-repeat .4375rem center;
    color: #fff;
    font-weight: 400;
    text-shadow: 0 0 .0625rem
}

    .btn-tag-offer-green:hover:not(.btn-tag-offer-green-disabled) {
        color: #fff
    }

@media (hover:hover) and (pointer:fine) {
    .btn-tag-offer-green:hover:not(.btn-tag-offer-green-disabled) {
        background-image: url(/_public/wf/icons/minus-roundend-white.svg);
        color: #fff
    }
}

.btn-tag-offer-green-disabled:hover {
    color: #fff
}

.btn-tag-offer-white {
    background: url(/_public/wf/icons/plus-black.svg) no-repeat .625rem center;
    background-size: 1.1875rem 1.5625rem;
    font-weight: 400
}

@media (hover:hover) and (pointer:fine) {
    .btn-tag-offer-white:hover {
        background-image: url(/_public/wf/icons/plus-blue.svg);
        border-color: #00bfe8;
        color: #00bfe8
    }
}

.btn-tag-simple {
    border-radius: 6.25rem;
    cursor: default;
    padding: .5625rem 1.5rem
}

.btn-tag-simple-white {
    background-color: #fff;
    border-color: #e3e4e7;
    color: #000
}

.btn-offer {
    color: #5d5c69;
    font-size: .8125rem;
    font-weight: 400;
    padding: .875rem .75rem
}

    .btn-offer.active {
        background-color: #fff;
        border-bottom: .25rem solid #00bfe8 !important;
        border-radius: 0;
        font-weight: 700;
        position: relative;
        top: 2px
    }

    .btn-offer:focus {
        outline: 0
    }

    .btn-offer:hover:not(.active) {
        border-color: transparent;
        color: #00bfe8
    }

.btn-primary-brighter {
    color: #212529;
    background-color: #f1f0fd;
    border-color: #f1f0fd
}

    .btn-primary-brighter:hover {
        color: #212529;
        background-color: #f7f8fa;
        border-color: #c7c3f7
    }

    .btn-primary-brighter.focus, .btn-primary-brighter:focus {
        color: #212529;
        background-color: #f7f8fa;
        border-color: #c7c3f7;
        box-shadow: 0 0 0 .2rem rgba(210,210,221,.5)
    }

    .btn-primary-brighter.disabled, .btn-primary-brighter:disabled {
        color: #212529;
        background-color: #f1f0fd;
        border-color: #f1f0fd
    }

    .btn-primary-brighter:not(:disabled):not(.disabled).active, .btn-primary-brighter:not(:disabled):not(.disabled):active, .show > .btn-primary-brighter.dropdown-toggle {
        color: #212529;
        background-color: #c7c3f7;
        border-color: #bdb8f6
    }

        .btn-primary-brighter:not(:disabled):not(.disabled).active:focus, .btn-primary-brighter:not(:disabled):not(.disabled):active:focus, .show > .btn-primary-brighter.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(210,210,221,.5)
        }

.btn-outline-success:hover, .btn-outline-warning:hover, .btn-success, .btn-warning, .btn-warning:hover {
    color: #fff
}

.btn [class*=ico-] {
    display: inline-flex
}

.btn small {
    color: #e6f9fd;
    display: block;
    font-size: .75rem;
    margin-top: .4375rem
}

.btn-big-text {
    font-size: 2rem !important
}

.btn-xl {
    padding: 1.375rem 2.875rem;
    font-size: 1.3125rem;
    line-height: 1.5;
    border-radius: .375rem
}

.btn-circle {
    height: 3.1875rem;
    width: 3.1875rem;
    border-radius: 100%;
    padding: 0
}

    .btn-circle.btn-sm, .btn-group-sm > .btn-circle.btn {
        height: 2.5625rem;
        width: 2.5625rem
    }

        .btn-circle.btn-sm [class*=ico-], .btn-group-sm > .btn-circle.btn [class*=ico-] {
            height: .8125rem;
            width: .8125rem
        }

    .btn-circle.btn-lg, .btn-group-lg > .btn-circle.btn {
        height: 4.4375rem;
        width: 4.4375rem
    }

        .btn-circle.btn-lg [class*=ico-], .btn-group-lg > .btn-circle.btn [class*=ico-] {
            height: 2.1875rem;
            width: 2.1875rem
        }

    .btn-circle [class*=ico-] {
        height: 1.125rem;
        width: 1.125rem;
        align-content: center;
        display: inline-flex;
        justify-content: center
    }

.btn-small-radius {
    border-radius: .1875rem
}

.btn-md-radius {
    border-radius: .625rem
}

.btn-lg-radius {
    border-radius: 1.25rem
}

.btn-anchor {
    font-size: 1rem;
    font-weight: 400;
    padding: .25rem .75rem;
    width: 19%
}

    .btn-anchor.active, .btn-anchor:hover {
        background-color: #3a2cd4;
        color: #fff;
        font-weight: 700
    }

.btn-login {
    height: 4.0625rem;
    padding: .625rem
}

.btn-login-facebook, .btn-login-google {
    height: 3.4375rem;
    padding: .625rem .9375rem .625rem 4.0625rem;
    position: relative;
    width: 100%
}

    .btn-login-facebook:before, .btn-login-google:before {
        content: "";
        left: .9375rem;
        position: absolute
    }

@media (max-width:1199.98px) {
    .btn-login-facebook:not(.btn-register-facebook), .btn-login-google:not(.btn-register-google) {
        background-color: #f7f8fa;
        border-color: #f7f8fa !important;
        box-shadow: none !important;
        font-size: .8125rem
    }
}

@media (max-width:767.98px) {
    .btn-login-facebook.btn-register-facebook, .btn-login-google.btn-register-google {
        height: auto;
        padding: 1.5625rem .9375rem 1.5625rem 4.6875rem !important
    }
}

@media (max-width:575.98px) {
    .btn-login-facebook.btn-register-facebook, .btn-login-google.btn-register-google {
        font-size: .875rem
    }
}

@media (max-width:767.98px) {
    .btn-login-facebook.btn-register-facebook:before {
        left: 1.125rem;
        top: .8125rem
    }
}

@media (max-width:767.98px) {
    .btn-login-google.btn-register-google:before {
        left: 1.4375rem !important;
        top: 1.125rem
    }
}

.btn-login-facebook {
    border: .0625rem solid #1877f2;
    color: #1877f2
}

@media (max-width:767.98px) {
    .btn-login-facebook {
        padding-left: 3.5625rem
    }
}

.btn-login-facebook:hover {
    background-color: #1877f2;
    color: #fff
}

    .btn-login-facebook:hover:before {
        filter: brightness(0) invert(1)
    }

.btn-login-facebook:focus {
    background-color: #fff;
    color: #1877f2
}

    .btn-login-facebook:focus:before {
        filter: none
    }

.btn-login-facebook:before {
    background-image: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--facebook-login);
    background-size: 2.3125rem 2.3125rem;
    height: 2.3125rem;
    top: .5rem;
    width: 2.3125rem
}

@media (max-width:767.98px) {
    .btn-login-facebook:before {
        left: .5625rem
    }
}

.btn-login-facebook-round, .btn-login-google-round {
    padding: 0
}

    .btn-login-facebook-round:hover, .btn-login-google-round:hover {
        opacity: .8
    }

.btn-login-google {
    box-shadow: 0 .0625rem .25rem rgba(0,0,0,.3);
    color: grey
}

    .btn-login-google:hover {
        background-color: #e9f1fc;
        color: grey
    }

    .btn-login-google:before {
        background-image: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--google-login);
        background-size: 1.625rem 1.625rem;
        height: 1.625rem;
        top: .8125rem;
        width: 1.625rem;
        left: 1.625rem
    }

@media (max-width:767.98px) {
    .btn-login-google.btn-register-google {
        padding-left: 3.5625rem
    }

        .btn-login-google.btn-register-google:before {
            left: .875rem
        }
}

.btn-login-return {
    border-radius: .1875rem;
    box-shadow: none;
    color: #c3c7d2;
    font-size: .875rem;
    padding: .6875rem 1rem
}

@media (min-width:1200px) {
    .btn-login-return {
        position: absolute;
        right: 3.125rem;
        top: 0;
        z-index: 1
    }
}

.btn-login-return:hover {
    border-color: transparent;
    text-decoration: none
}

@media (max-width:767.98px) {
    .btn-register {
        height: auto;
        padding: 1.5625rem
    }
}

.custom-dropdown-menu {
    border-color: transparent;
    box-shadow: 0 0 .1875rem rgba(0,0,0,.2)
}

    .custom-dropdown-menu .dropdown-item {
        color: #181818
    }

        .custom-dropdown-menu .dropdown-item:hover {
            background-color: transparent;
            color: #00bfe8
        }

    .custom-dropdown-menu .dropdown-item-split {
        background-color: #f7f8fa;
        border-radius: 0 0 .375rem .375rem;
        border-top: .0625rem solid #e3e4e7;
        margin-bottom: -.5rem;
        margin-top: .5rem;
        padding-bottom: .625rem;
        padding-top: .625rem
    }

        .custom-dropdown-menu .dropdown-item-split:hover {
            background-color: #f7f8fa
        }

strong {
    font-weight: 700
}

small.lead {
    font-size: 1rem;
    font-weight: 400
}

h1 + small, h2 + small, h3 + small, h4 + small, h5 + small {
    font-size: 1.125rem;
    display: block;
    margin-top: -.3125rem
}

h3.header-lead {
    font-size: 2.75rem !important
}

p.small {
    font-size: .8125rem
}

p.small-md {
    font-size: .875rem
}

.lead-sm {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6
}

.lead-lg {
    font-size: 2.25rem;
    font-weight: 300
}

.lead-xl {
    font-size: 2.75rem;
    font-weight: 700
}

.lead-md {
    font-size: 2rem;
    font-weight: 700
}

.lead-h5 {
    font-size: 1.3125rem;
    font-weight: 700
}

ul.check {
    list-style-image: url(/_public/wf/icons/check.svg);
    padding-left: 1.5rem
}

    ul.check li {
        margin: .75rem 0;
        padding-left: .625rem
    }

        ul.check li.no-image {
            list-style: none;
            list-style-image: none
        }

ul.check-sm {
    list-style-image: url(/_public/wf/icons/check-sm.svg)
}

ul.check-teritary {
    list-style-image: url(/_public/wf/icons/check-teritary.svg)
}

ul.check-green {
    list-style-image: url(/_public/wf/icons/check-green-secondary.svg)
}

ul.list-bullet {
    list-style: none
}

    ul.list-bullet li::before {
        /*color: #1E4C9A;
        content: "\2713";
        display: inline-block;
        font-weight: 700;
        margin-left: -1em;
        width: 1.5625rem*/
        content: "\2713";
        display: inline-block;
        left: 0;
        top: 2px;
        width: 20px;
        height: 20px;
        text-align: center;
        background: #1E4C9A;
        border-radius: 50%;
        color: #fff;
        box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
        margin-right: 10px;
        
    }

    ul.list-bullet.red li::before {
        color: #f04755
    }

    ul.list-bullet.green li::before {
        color: #2dac00
    }

    ul.list-bullet.green-light li::before {
        color: #abcf02
    }

    ul.list-bullet.yellow li::before {
        color: #f7b801
    }

    ul.list-bullet.purple li::before {
        color: #3a2cd4
    }

ul.square-sm {
    list-style: none;
    padding-left: 0
}

    ul.square-sm li {
        border-bottom: .0625rem solid #c1c5d0;
        padding: 1.125rem 0 .9375rem 1rem;
        position: relative
    }

        ul.square-sm li::before {
            content: "�";
            display: inline-block;
            left: 0;
            position: absolute;
            width: .9375rem
        }

        ul.square-sm li:last-child {
            border-bottom: none
        }

ul.lg li {
    font-size: 1.3125rem
}

ul.rectangle {
    list-style: none;
    padding-left: 1.125rem
}

    ul.rectangle li {
        font-size: 1.3125rem;
        margin: .75rem 0
    }

        ul.rectangle li::before {
            background-color: #ff3b30;
            content: '';
            display: inline-block;
            height: .4375rem;
            margin-left: -1em;
            margin-right: 1.5625rem;
            vertical-align: middle;
            width: .5625rem
        }

@media (max-width:991.98px) {
    ul.rectangle {
        padding-left: 0
    }

        ul.rectangle li {
            font-size: 1.125rem
        }

            ul.rectangle li:before {
                display: none
            }
}

ul.tab {
    list-style: none;
    padding-left: 0
}

    ul.tab li {
        background-color: #f7f8fa;
        border: .0625rem solid #e3e7f1;
        border-radius: .1875rem;
        margin-bottom: .375rem;
        padding: .625rem 1rem
    }

ul.cloud {
    list-style: none;
    padding-left: 0
}

    ul.cloud > li {
        border-bottom: .0625rem solid #c1c5d0;
        cursor: pointer;
        font-weight: 700;
        margin-bottom: 2rem;
        padding: 0 7.1875rem 1.875rem 4.375rem;
        position: relative
    }

        ul.cloud > li p {
            font-size: 1rem;
            font-weight: 400;
            margin: 1rem 0 0 0
        }

        ul.cloud > li:before {
            background: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--chat-cloud-beige) no-repeat;
            background-size: 1.5625rem 1.5625rem;
            content: '';
            height: 1.5625rem;
            left: 0;
            position: absolute;
            top: .125rem;
            width: 1.5625rem
        }

        ul.cloud > li:after {
            background: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--arrow-down-light) no-repeat;
            background-size: 1.375rem .6875rem;
            content: '';
            height: .6875rem;
            position: absolute;
            right: 0;
            top: .5625rem;
            transition: transform .2s ease-in-out;
            width: 1.375rem
        }

        ul.cloud > li:last-child {
            border-bottom: none;
            margin-bottom: 0
        }

        ul.cloud > li[aria-expanded=true]:after {
            transform: rotate(180deg)
        }

        ul.cloud > li .disc li {
            font-weight: 300
        }

    ul.cloud.border-top-first-child > li:first-child {
        padding-top: 1.875rem;
        border-top: .0625rem solid #c1c5d0
    }

        ul.cloud.border-top-first-child > li:first-child:before {
            top: 2rem
        }

        ul.cloud.border-top-first-child > li:first-child:after {
            top: 2.375rem
        }

ul.cloud-secondary > li {
    padding-right: 2.1875rem
}

@media (max-width:575.98px) {
    ul.cloud-secondary > li {
        padding-left: 2.375rem
    }
}

ul.disc {
    list-style: disc
}

    ul.disc li {
        font-weight: 400
    }

ul.marginalized li:not(:last-child) {
    margin-bottom: 1.5625rem
}

ol.icon-list {
    font-size: 2rem
}

    ol.icon-list li {
        padding: .5rem 0 .5rem 1.875rem;
        position: relative
    }

        ol.icon-list li :first-child {
            padding-top: 0
        }

        ol.icon-list li :last-child {
            padding-bottom: 0
        }

        ol.icon-list li span:first-child {
            display: inline-block;
            width: 3.75rem
        }

        ol.icon-list li span:last-child {
            font-size: 1rem
        }

@media (max-width:767.98px) {
    ol.icon-list li {
        padding-left: .625rem
    }

        ol.icon-list li span:first-child {
            width: 2.5rem
        }
}

.laur {
    color: #a09065;
    position: relative;
    text-align: center
}

@media (max-width:767.98px) {
    .laur div {
        padding: 0
    }
}

.laur::after, .laur::before {
    content: '';
    height: 5.125rem;
    position: absolute;
    top: .875rem;
    width: 4rem
}

@media (max-width:1199.98px) {
    .laur::after, .laur::before {
        top: -.3125rem
    }
}

@media (max-width:767.98px) {
    .laur::after, .laur::before {
        content: none
    }
}

.laur::before {
    background: url(/_public/wf/img/laur-l.svg) no-repeat;
    left: -1.125rem
}

.laur::after {
    background: url(/_public/wf/img/laur-r.svg) no-repeat;
    right: 0
}

.laur > div:not(:last-child)::after {
    border-right: .0625rem solid rgba(160,144,101,.2);
    content: '';
    height: 3.3125rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .0625rem
}

@media (max-width:767.98px) {
    .laur > div:not(:last-child)::after {
        content: none
    }
}

.laur > div > div {
    font-size: 3.125rem;
    font-weight: 200;
    margin-bottom: -.625rem;
    position: relative
}

@media (max-width:1199.98px) {
    .laur > div > div {
        font-size: 2.25rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .laur > div > div {
        line-height: 2.25rem
    }
}

@media (max-width:767.98px) {
    .laur > div > div {
        font-size: 2rem
    }
}

.laur > div > small {
    font-size: .8125rem;
    font-weight: 400
}

@media (max-width:1199.98px) {
    .laur > div > small {
        font-size: .75rem
    }
}

@media (max-width:767.98px) {
    .laur > div > small {
        font-size: .875rem
    }
}

hr.hr-text {
    background: #c3c7d2;
    border: none;
    height: .0625rem;
    position: relative
}

    hr.hr-text::before {
        background: #fff;
        border-radius: 30rem;
        color: #5d5c69;
        content: attr(data-content);
        display: inline-block;
        left: 50%;
        padding: .2rem 2rem;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%)
    }

.error {
    color: #ff3b30;
    display: none
}

.color-acc-assistant {
    color: #3a2cd4
}

.tick-underline {
    box-shadow: inset 0 -.3125rem 0 transparent,inset 0 -1.375rem 0 rgba(58,44,212,.3)
}

.font-size-normal {
    font-size: 1rem !important
}

.font-size-big-one {
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 1.2;
    font-size: 3.4375rem !important
}

.font-size-big-two {
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 1.2;
    font-size: 2.75rem !important
}

.font-size-big-three {
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 1.2;
    font-size: 2rem !important
}

.font-size-big-four {
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 1.2;
    font-size: 1.625rem !important
}

.font-size-big-five {
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 1.2;
    font-size: 1.3125rem !important
}

.font-size-nomal-five {
    font-size: 1.3125rem !important
}

.lead-tick-icon {
    display: flex;
    padding-left: 1.875rem;
    position: relative
}

    .lead-tick-icon:before {
        background: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--tick-round-blue-small) no-repeat center center;
        background-size: .875rem .875rem;
        content: '';
        display: inline-block;
        height: .875rem;
        margin: .375rem .9375rem 0 0;
        left: 0;
        position: absolute;
        width: .875rem
    }

    .lead-tick-icon.green-icon:before {
        background-image: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--tick-green-small)
    }

.text-decoration-line-through {
    text-decoration: line-through
}


.card {
    box-sizing: border-box
}

    .card .small-header, .card h6.card-title {
        font-size: 1.125rem;
        line-height: 1.5625rem
    }

    .card h3.card-title, .card h5.card-title {
        font-size: 1.3125rem;
        line-height: 1.8125rem
    }

    .card h4.card-title {
        font-size: 1.75rem;
        line-height: 2.4375rem
    }

    .card .card-text-info {
        font-size: .75rem
    }

        .card .card-text-info i {
            margin-right: .875rem
        }

    .card .card-text-bigger {
        font-size: 1.125rem
    }

    .card .card-img-logo {
        background-image: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--wfirma-logo-sm-brown);
        height: 1.3125rem;
        width: 3.1875rem
    }

    .card .list-dot-xs {
        line-height: 2rem
    }

        .card .list-dot-xs li {
            display: inline-block
        }

            .card .list-dot-xs li:before {
                background-color: #000;
                content: '';
                display: inline-block;
                height: .125rem;
                margin-right: .9375rem;
                position: relative;
                top: -.25rem;
                width: .125rem
            }

            .card .list-dot-xs li a {
                color: #000
            }

            .card .list-dot-xs li:hover:before {
                background-color: #00bfe8
            }

            .card .list-dot-xs li:hover a {
                color: #00bfe8;
                text-decoration: none
            }

    .card .card-header {
        background: 0 0;
        border: none;
        padding: 0
    }

    .card.card-shadow {
        box-shadow: 0 .375rem 1.25rem rgba(0,0,0,.1)
    }

        .card.card-shadow:hover:not(.hover-shadow-none) {
            box-shadow: 0 .375rem 1.875rem rgba(0,0,0,.2)
        }

    .card.card-shadow-sm {
        box-shadow: 0 .625rem 2.5rem rgba(0,0,0,.1)
    }

    .card.card-rounded-lg {
        border-radius: .625rem
    }

    .card.card-rounded-md {
        border-radius: .375rem
    }

    .card.card-rounded-none {
        border-radius: 0
    }

    .card.bg-beige .card-body .card-title, .card.bg-white .card-body .card-title {
        font-weight: 600;
        color: #181818
    }

    .card.bg-beige {
        background-color: #f6edd3
    }

        .card.bg-beige .card-text-info {
            color: #a09065;
            font-weight: 700
        }

    .card.bg-gray {
        background-color: #f7f8fa;
        border-color: #e3e7f1
    }

    .card.bg-beige-light {
        background-color: #fdf7e7
    }

        .card.bg-beige-light .card-title {
            font-weight: 400
        }

        .card.bg-beige-light .card-link {
            font-size: .75rem
        }

    .card.bg-white .card-text-info {
        color: #3a2cd4;
        font-weight: 700
    }

    .card.bg-danger-bright {
        background-color: #fdedec
    }

    .card.card-hover:hover {
        border-color: transparent
    }

        .card.card-hover:hover .card-img-logo {
            background-image: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--wfirma-logo-sm-blue);
            background-size: 3.1875rem 1.25rem
        }

        .card.card-hover:hover.hover-shadow {
            box-shadow: 0 0 .9375rem rgba(0,0,0,.1)
        }

        .card.card-hover:hover.bg-beige .card-title, .card.card-hover:hover.bg-beige .card-title a {
            color: #a09065 !important
        }

        .card.card-hover:hover.bg-white .card-title, .card.card-hover:hover.bg-white .card-title a {
            color: #3a2cd4 !important
        }

        .card.card-hover:hover.bg-beige-light {
            background-color: #fff;
            border: .0625rem solid #00bfe8
        }

            .card.card-hover:hover.bg-beige-light .card-title {
                color: #00bfe8
            }

    .card.hover-blue {
        background-color: #fff;
        border: .0625rem solid #dadee8;
        padding: .125rem
    }

        .card.hover-blue .card-body {
            background-color: #fff
        }

        .card.hover-blue.card-hover:hover {
            border-color: #fff;
            border-radius: .375rem
        }

            .card.hover-blue.card-hover:hover .card-body {
                background-color: #e6fbff
            }

    .card.card-comment {
        position: relative
    }

        .card.card-comment:after {
            background-color: transparent;
            border: .625rem solid;
            border-bottom-color: transparent;
            border-left-color: transparent;
            bottom: -.75rem;
            content: '';
            display: block;
            height: 0;
            left: 0;
            position: absolute;
            transform: rotateZ(-90deg);
            width: 0
        }

        .card.card-comment.bg-beige:after {
            border-right-color: #f6edd3;
            border-top-color: #f6edd3
        }

        .card.card-comment.bg-beige.card-hover:hover {
            background-color: #fff
        }

            .card.card-comment.bg-beige.card-hover:hover .card-title {
                color: #000
            }

            .card.card-comment.bg-beige.card-hover:hover:after {
                border-right-color: #fff;
                border-top-color: #fff
            }

        .card.card-comment.card-comment-right:after {
            border-top-color: transparent;
            border-left-color: transparent;
            left: auto;
            right: 0
        }

        .card.card-comment.card-comment-right.bg-beige:after {
            border-bottom-color: #f6edd3
        }

        .card.card-comment.card-comment-right.bg-beige.card-hover:hover:after {
            border-bottom-color: #fff;
            border-top-color: transparent
        }

    .card.card-price {
        box-shadow: 0 .25rem 1.25rem rgba(0,0,0,.2);
        width: 100%
    }

        .card.card-price .card-body {
            padding: 2rem 1rem 1.4375rem 1rem
        }

        .card.card-price .card-big-number {
            font-size: 3.75rem;
            line-height: 4.875rem;
            margin-right: -.3125rem
        }

        .card.card-price.card-price-secondary {

        }

            .card.card-price.card-price-secondary .card-header {
                color: #c4c4c4;
                letter-spacing: .1875rem;
                padding: 1.5625rem 0 0 0
            }

    .card.card-event {
        width: 100%
    }

    .card.card-simple {
        font-size: 1.3125rem;
        width: 20rem
    }

        .card.card-simple .card-body {
            padding: 1.875rem 1.4375rem
        }

            .card.card-simple .card-body .card-text {
                font-weight: 700
            }

        .card.card-simple:hover {
            background-color: #fff;
            box-shadow: 4px 4px 15px rgba(0,0,0,.1)
        }

    .card.card-offer {
        padding: 0 2.25rem 2.9375rem 2.25rem;
        width: 38.875rem
    }

        .card.card-offer .card-body .card-title {
            margin-top: 1.4375rem
        }

        .card.card-offer .card-body .card-offer-buttons :first-child {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
            margin-right: .125rem
        }

        .card.card-offer .card-body .card-offer-buttons :last-child {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            margin-left: .125rem
        }

    .card.card-login {
        max-width: 31.9375rem;
        padding: 1.875rem 5.3125rem 3.75rem 5.3125rem;
        z-index: 1
    }

@media (max-width:767.98px) {
    .card.card-login {
        padding: 1.875rem 1.25rem
    }
}

.card.card-login .card-header {
    margin-bottom: 2.1875rem
}

.card.card-login-reset {
    height: 37.8125rem;
    padding: 1.875rem 0 0
}

    .card.card-login-reset input {
        padding: 22px 15px
    }

@media (max-width:767.98px) {
    .card.card-login-reset input {
        font-size: 1rem;
        text-align: center
    }
}

.card.card-login-reset .login-back-link a {
    color: #000;
    text-decoration: underline
}

.card.card-login-reset .card-login-reset-container {
    padding: 0 5.3125rem
}

@media (max-width:767.98px) {
    .card.card-login-reset .card-login-reset-container {
        padding: 1.875rem 1.25rem
    }
}

.card.card-login-reset .card-footer {
    background-color: #fef8e6;
    border-radius: .375rem;
    border-top: none;
    padding: 2.5rem 4.375rem 1.25rem 4.375rem
}

.card.card-login-error {
    padding: 1.875rem 2.1875rem 3.75rem 2.1875rem
}

.card.card-info {
    background-color: #f1f0fd;
    border: .0625rem solid #e3e7f1;
    padding: 1.25rem 1.5625rem
}

.card.card-info-beige {
    background-color: #f8fce6;
    border: .0625rem solid #e4edb6
}

.card.card-info-bisque {
    background-color: #ffefdd;
    border: .0625rem solid #d5d5d5
}

.card.card-info-black {
    background-color: #181818;
    border: .0625rem solid #181818;
    color: #fff;
    font-size: 1.3125rem;
    padding: 1.25rem .625rem
}

.card-circle {
    border-radius: 100%;
    background-color: transparent;
    padding: 2.1875rem;
    width: 16.25rem;
    height: 16.25rem
}

    .card-circle .card-body {
        background-color: #4dd2ef;
        border-radius: 100%;
        color: #fff;
        padding: 2.1875rem;
        text-align: center
    }

.card .card-text {
    color: #000
}

.card-register {
    width: 100%
}

@media (min-width:1200px) {
    .card-register {
        width: 62.25rem
    }

    .card-register-content {
        padding: 0 4.375rem 3rem 5.3125rem !important
    }
}

a.no-decoration:hover {
    text-decoration: none
}

#public-error, #public-success {
    background-color: #ff3b30;
    color: #fff;
    display: none;
    height: auto;
    left: 0;
    opacity: .9;
    padding: .625rem;
    position: fixed;
    text-align: center;
    top: 5.4375rem;
    width: 100%;
    z-index: 10000
}

@media (max-width:767.98px) {
    #public-error br, #public-success br {
        display: none
    }
}

#public-success {
    background-color: #abcf02
}

.online-accounting-promo .owl-carousel-oap {
    background-color: transparent
}

    .online-accounting-promo .owl-carousel-oap .owl-dot:not(:last-child) {
        margin-right: 2rem !important
    }

    .online-accounting-promo .owl-carousel-oap .owl-nav {
        position: absolute;
        width: 100%
    }

    .online-accounting-promo .owl-carousel-oap .owl-next, .online-accounting-promo .owl-carousel-oap .owl-prev {
        height: 2.8125rem;
        width: 2.8125rem
    }

    .online-accounting-promo .owl-carousel-oap .owl-prev {
        background: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--arrow-prev-blue) no-repeat !important;
        background-size: 2.8125rem 2.8125rem !important
    }

    .online-accounting-promo .owl-carousel-oap .owl-next {
        background: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--arrow-next-blue) no-repeat !important;
        background-size: 2.8125rem 2.8125rem !important
    }

@media (max-width:991.98px) {
    .online-accounting-promo .owl-carousel-oap .owl-oap-col:last-child {
        margin-top: 1.25rem
    }
}

.online-accounting-promo .lead-xl {
    font-size: 2.25rem;
    font-weight: 700;
    margin: 4rem 0 3rem;
    text-align: center
}

.online-accounting-promo .menu-oap {
    margin-top: .5rem
}

@media (max-width:991.98px) {
    .online-accounting-promo .menu-oap .btn-secondary {
        display: none
    }

    .online-accounting-promo .menu-oap .btn-primary {
        border-radius: .375rem !important;
        justify-content: center;
        margin-right: 0 !important;
        cursor: default
    }

        .online-accounting-promo .menu-oap .btn-primary:active, .online-accounting-promo .menu-oap .btn-primary:focus, .online-accounting-promo .menu-oap .btn-primary:hover {
            background-color: #00bfe8;
            box-shadow: none !important
        }
}

@media (max-width:575.98px) {
    .online-accounting-promo .menu-oap {
        margin-top: 6.25rem;
        width: 90%
    }
}

.online-accounting-promo .card-oap {
    align-items: center;
    background-color: #f7f8fa;
    border-radius: .625rem;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 3.4375rem
}

    .online-accounting-promo .card-oap .card-oap-title {
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: 2rem
    }

    .online-accounting-promo .card-oap .card-oap-body img {
        margin-bottom: 2rem
    }

    .online-accounting-promo .card-oap .card-oap-body .bullet-oap {
        display: flex;
        margin-bottom: 2rem;
        margin-left: 1.5rem
    }

        .online-accounting-promo .card-oap .card-oap-body .bullet-oap:last-child {
            margin-bottom: 0
        }

        .online-accounting-promo .card-oap .card-oap-body .bullet-oap div:last-child {
            bottom: .1875rem
        }

.online-accounting-promo .card-oap-transparent {
    background-color: transparent
}

.online-accounting-promo .card-oap-success {
    background-color: #f8fce6
}

.online-accounting-promo .card-oap-warning {
    background-color: #fef8e6
}

.online-accounting-promo .card-oap-info-brighter {
    background-color: #f1f2fd
}

.online-accounting-promo .card-oap-border-green {
    border: .125rem solid #abcf02
}

.online-accounting-promo .card-oap-border-info {
    border: .125rem solid #adaef4
}

.online-accounting-promo .card-oap-img-only {
    padding: 0
}

    .online-accounting-promo .card-oap-img-only .card-oap-body img {
        margin-bottom: 0
    }

.online-accounting-promo .card-oap-img-fit-content {
    width: auto !important
}

.online-accounting-promo .btn-oap {
    align-items: center;
    border: none;
    border-radius: .375rem;
    box-shadow: none;
    display: flex;
    font-weight: 400;
    height: 4rem
}

    .online-accounting-promo .btn-oap > * {
        font-size: inherit;
        font-weight: inherit;
        margin: 0
    }

    .online-accounting-promo .btn-oap:not(:last-child) {
        margin-right: .25rem
    }

    .online-accounting-promo .btn-oap.btn-primary {
        background-color: #00bfe8;
        font-weight: 700
    }

    .online-accounting-promo .btn-oap.btn-secondary {
        background-color: #f7f8fa;
        color: #181818
    }

.online-accounting-promo .owl-carousel .owl-dots {
    background-color: transparent;
    position: relative
}

    .online-accounting-promo .owl-carousel .owl-dots .owl-dot button {
        background-color: #999;
        border-color: #999;
        border-radius: 50%;
        box-sizing: border-box;
        height: .75rem;
        padding: 0;
        width: .75rem
    }

    .online-accounting-promo .owl-carousel .owl-dots .owl-dot.active button {
        background-color: #00bfe8;
        border-color: #00bfe8
    }

@media (max-width:767.98px) {
    .online-accounting-promo .card-oap {
        padding: 1rem
    }
}

.hero.bg-computer {
    position: relative
}

    .hero.bg-computer:before {
        background: url(/_public/wf/img/heros/hero-computer.png) no-repeat right top;
        content: '';
        height: 45.75rem;
        position: absolute;
        right: 17.1875rem;
        top: -8.4375rem;
        width: 65.3125rem
    }

@media (max-width:767.98px) {
    .hero h1 {
        font-size: 2.25rem;
        text-align: center
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .hero h1 {
        font-size: 3.125rem;
        line-height: 3.4375rem
    }
}

@media (max-width:767.98px) {
    .hero .btn {
        width: 100%
    }
}

.hero .hero-text-lead {
    font-size: 1.3125rem;
    line-height: 2.0625rem
}

@media (max-width:767.98px) {
    .hero .hero-text-lead {
        font-size: 1.125rem;
        line-height: 1.6875rem;
        padding: 0 1.875rem;
        text-align: center
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .hero .hero-text-lead {
        margin-top: 6.25rem
    }
}

@media (min-width:992px) {
    .hero .hero-text {
        margin-top: -13.1875rem
    }
}

.hero-secondary h1 {
    font-size: 2.625rem
}

.hero-secondary .btn {
    font-size: 1.5rem
}

@media (min-width:992px) and (max-width:1199.98px) {
    .hero-secondary h1 {
        font-size: 2.125rem
    }

    .hero-secondary h4 {
        font-size: 1.375rem
    }
}

@media (max-width:991.98px) {
    .hero-secondary h1 {
        font-size: 1.5rem;
        line-height: normal
    }

    .hero-secondary h4 {
        font-size: 1rem
    }

    .hero-secondary .btn {
        font-size: 1rem
    }
}

@media (max-width:767.98px) {
    .hero-secondary h1 {
        font-size: 1.5rem;
        line-height: normal;
        text-align: left
    }

    .hero-secondary .btn {
        padding: 1rem 1.25rem;
        width: auto
    }
}

@media (min-width:1200px) {
    .hero.hero-sm-company .hero-text {
        margin-top: -14.0625rem
    }
}

@media (max-width:1199.98px) {
    .hero-teritary h5 {
        margin-top: 0
    }
}

.hero-tablet .hero-img-container img {
    width: 79%
}

    .hero-tablet .hero-img-container img:last-child {
        left: 47%;
        position: absolute;
        top: 6%;
        transform: translateX(-50%);
        width: 91%
    }

.hero-tablet .hero-text-lead {
    margin-top: 0 !important
}

.hero-laptop .hero-img-container img {
    width: 74%
}

    .hero-laptop .hero-img-container img:last-child {
        left: 47%;
        position: absolute;
        top: .6875rem;
        transform: translateX(-50%);
        width: 100%
    }

.hero-laptop .hero-text-lead {
    margin-top: 0 !important
}

.hero-mac .hero-img-container img {
    width: 90%
}

    .hero-mac .hero-img-container img:last-child {
        left: 47%;
        position: absolute;
        top: 4.25rem;
        transform: translateX(-50%);
        width: 80%
    }

@media (max-width:575.98px) {
    .hero-mac .hero-img-container img:last-child {
        top: 2.25rem
    }
}

.hero-mac .hero-text-lead {
    margin-top: 0 !important
}

@media (max-width:1199.98px) {
    .hero-senary h1 {
        font-size: 2.625rem
    }

    .hero-senary .hero-text-lead {
        margin-top: 0
    }
}

@media (max-width:767.98px) {
    .hero-senary h1 {
        font-size: 2.25rem
    }

    .hero-senary .hero-text-lead {
        font-size: 1.125rem;
        padding: 0
    }
}

.product-diagram-container {
    background-color: #f1ebdf;
    background-image: url(/_public/wf/img/blob-left-bg.svg),url(/_public/wf/img/blob-right-bg-short.svg);
    background-position: top left,right 5.4375rem;
    background-repeat: no-repeat no-repeat;
    border-radius: .625rem;
    padding-bottom: 2.5rem
}

@media (max-width:1199.98px) {
    .product-diagram-container {
        background-image: url(/_public/wf/img/blob-left-bg.svg),url(/_public/wf/img/blob-right-bg.svg);
        background-position: top left,23.75rem 18.75rem
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .product-diagram-container {
        background-position: top left,23.75rem 9.375rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .product-diagram-container {
        background-position: -15.5rem 0,11.875rem 4.1875rem
    }
}

@media (max-width:767.98px) {
    .product-diagram-container {
        background-image: none
    }
}

@media (max-width:767.98px) {
    .product-diagram-container .lead-lg {
        font-size: 1.3125rem;
        padding: 0 1.25rem
    }
}

.product-diagram-blob {
    background: url(/_public/wf/img/diagrams/offer-diagram.svg) no-repeat;
    background-size: contain;
    margin-top: 2.1875rem;
    max-width: 56.3125rem;
    min-height: 31.0625rem
}

@media (min-width:768px) and (max-width:991.98px) {
    .product-diagram-blob {
        background-origin: content-box;
        padding: 0 1.5625rem
    }
}

@media (max-width:767.98px) {
    .product-diagram-blob {
        background-image: none;
        position: relative
    }

        .product-diagram-blob:before {
            background-image: url(/_public/wf/img/offer-blob.svg);
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            height: 31.0625rem;
            transform: scale(1.1);
            width: 100%
        }
}

@media (min-width:768px) and (max-width:1199.98px) {
    .product-diagram-content {
        padding: 0 1.875rem
    }
}

.product-diagram-content p:last-child {
    font-size: .75rem;
    line-height: 1.125rem;
    padding: 0 3.125rem
}

@media (min-width:768px) and (max-width:1199.98px) {
    .product-diagram-content p:last-child {
        padding: 0
    }
}

@media (max-width:767.98px) {
    .product-diagram-content p:last-child {
        padding: 0 1.875rem
    }
}

@media (min-width:768px) and (max-width:1199.98px) {
    .product-diagram-content .lead-md {
        font-size: 1.3125rem
    }
}

@media (min-width:768px) and (max-width:1199.98px) {
    .product-diagram-content .lead-sm {
        font-size: 1rem
    }
}

.product-diagram-tags {
    justify-content: center;
    margin-top: calc(100% - 588px);
    padding-left: .4375rem
}

    .product-diagram-tags span {
        z-index: 1;
        margin: .375rem
    }

.product-diagram img {
    left: 5.0625rem;
    position: relative;
    top: 7.9375rem
}

@media (max-width:991.98px) {
    .product-diagram img {
        left: 2.125rem;
        top: 5.1875rem;
        transform: scale(.89)
    }
}

@media (max-width:767.98px) {
    .product-diagram img {
        left: .75rem;
        top: -26.875rem;
        transform: scale(.89);
        position: absolute
    }
}

@media (max-width:575.98px) {
    .product-diagram img {
        left: -.125rem;
        top: -29.1875rem;
        transform: scale(.89);
        position: absolute
    }
}

.product-diagram-self-employing img {
    left: 3.0625rem;
    position: relative;
    top: 6.1875rem
}

@media (max-width:991.98px) {
    .product-diagram-self-employing img {
        left: .75rem;
        top: 3.875rem;
        transform: scale(.89)
    }
}

.product-diagram-sm-company .product-diagram-container {
    background-color: #f8fce6
}

.product-diagram-sm-company .product-diagram-blob {
    background: url(/_public/wf/img/diagrams/offer-diagram-small-company.svg) no-repeat;
    background-size: contain
}

@media (min-width:768px) and (max-width:991.98px) {
    .product-diagram-sm-company .product-diagram-blob {
        background-origin: content-box;
        padding: 0 1.5625rem
    }
}

@media (max-width:767.98px) {
    .product-diagram-sm-company .product-diagram-blob {
        background-image: none;
        position: relative
    }

        .product-diagram-sm-company .product-diagram-blob:before {
            background-image: url(/_public/wf/img/offer-blob-green.png)
        }
}

.product-diagram-sm-company .product-diagram-tags {
    justify-content: space-between
}

.product-diagram-sm-company img {
    left: 4.875rem;
    position: relative;
    top: 7.625rem
}

@media (max-width:991.98px) {
    .product-diagram-sm-company img {
        left: 1.8125rem;
        top: 4.9375rem;
        transform: scale(.89)
    }
}

.product-diagram-partnership .product-diagram-container {
    background-color: #f1f4fa
}

.product-diagram-partnership .product-diagram-blob {
    background: url(/_public/wf/img/diagrams/offer-diagram-partnership.png) no-repeat;
    background-size: contain
}

@media (min-width:768px) and (max-width:991.98px) {
    .product-diagram-partnership .product-diagram-blob {
        background-origin: content-box;
        padding: 0 1.5625rem
    }
}

@media (max-width:767.98px) {
    .product-diagram-partnership .product-diagram-blob {
        background-image: none;
        position: relative
    }

        .product-diagram-partnership .product-diagram-blob:before {
            background-image: url(/_public/wf/img/offer-blob-brown.png)
        }
}

@media (max-width:991.98px) {
    .feature-box-header {
        padding: 0 7.8125rem;
        text-align: center
    }
}

@media (max-width:767.98px) {
    .feature-box-header {
        font-size: 2.25rem;
        padding: 0
    }
}

@media (max-width:767.98px) {
    .feature-box-header-tag-new {
        position: relative
    }
}

.feature-box-header-tag-new:before {
    background-color: #3a2cd4;
    border: .0625rem solid #3a2cd4;
    border-radius: .9375rem;
    color: #fff;
    content: "NOWO��";
    font-size: .625rem;
    font-weight: 800;
    letter-spacing: .0625rem;
    padding: .4375rem .625rem .3125rem .625rem;
    position: absolute;
    top: -2.375rem
}

.feature-box-header-tag-new.book-assistant:before {
    background-color: #00a7cb;
    border-color: #00a7cb
}

.feature-box-header-tag-new.staff-assistant:before {
    background-color: #2dac00;
    border-color: #2dac00
}

.feature-box-header-blob:after {
    background-image: url(/_public/wf/img/blob-3.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    height: 100%;
    left: -5.375rem;
    position: absolute;
    top: -7.5rem;
    width: 34.8125rem;
    z-index: -1
}

@media (max-width:1199.98px) {
    .feature-box-header-blob:after {
        content: none
    }
}

.feature-box-header-blob-help:after {
    background-image: url(/_public/wf/img/blob-our-support.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    height: 18.125rem;
    left: -7.625rem;
    position: absolute;
    top: -6.125rem;
    width: 24.5625rem;
    z-index: -1
}

@media (max-width:1199.98px) {
    .feature-box-header-blob-help:after {
        content: none
    }
}

.feature-box-text-left-align-center .feature-box-text-left-content {
    align-items: center;
    display: flex
}

.feature-box-lead {
    font-size: 1.3125rem;
    margin-bottom: 3.375rem;
    margin-top: 2.25rem;
    padding-right: 2.5rem
}

@media (max-width:991.98px) {
    .feature-box-lead {
        padding: 0 4.375rem;
        text-align: center
    }
}

@media (max-width:767.98px) {
    .feature-box-lead {
        padding: 0
    }
}

.feature-box-button {
    font-weight: 900
}

@media (max-width:991.98px) {
    .feature-box-button {
        text-align: center
    }
}

@media (max-width:767.98px) {
    .feature-box-button {
        width: 100%
    }
}

.feature-box-left-image {
    position: relative
}

    .feature-box-left-image:before {
        background-image: url(/_public/wf/img/blob-2.svg);
        background-repeat: no-repeat;
        background-size: contain;
        content: " ";
        height: 22.5rem;
        left: -8rem;
        position: absolute;
        top: 7.375rem;
        width: 100%;
        z-index: -1
    }

@media (max-width:991.98px) {
    .feature-box-left-image:before {
        content: none
    }
}

.feature-box-search-header {
    font-size: 1.3125rem
}

.feature-box-search-container {
    background-color: #f0f4d8;
    border-radius: .375rem;
    padding: 2.5625rem 4.8125rem 3.4375rem 4.8125rem
}

@media (max-width:767.98px) {
    .feature-box-search-container {
        padding: 2.1875rem !important
    }
}

.feature-box-search-container form {
    margin-top: 2.1875rem
}

.feature-box-search-container .btn, .feature-box-search-container input {
    border: .125rem solid #abcf02;
    box-sizing: border-box;
    font-size: 1.125rem;
    padding: .75rem 2rem
}

.feature-box-search-container input {
    border-radius: .375rem 0 0 .375rem;
    border-right: none;
    color: #565656;
    width: 21.6875rem
}

@media (max-width:767.98px) {
    .feature-box-search-container input {
        border-radius: .375rem;
        border-right: .125rem solid #abcf02;
        margin-top: .3125rem;
        width: 100%
    }
}

.feature-box-search-container input:focus {
    outline: 0
}

.feature-box-search-container .btn {
    border-left: none;
    border-radius: 0 .375rem .375rem 0;
    font-size: 1rem;
    line-height: 1.6875rem
}

@media (max-width:767.98px) {
    .feature-box-search-container .btn {
        border-left: .125rem solid #abcf02;
        border-radius: .375rem;
        margin-top: 1.25rem;
        width: 100%
    }
}

.feature-box-list-left-container {
    background-color: #f7f8fa;
    border-radius: .375rem;
    padding: 4.5rem 0
}

@media (max-width:991.98px) {
    .feature-box-list-left-container {
        padding: 4.5rem 0 2.5rem 0
    }
}

@media (max-width:767.98px) {
    .feature-box-list-left-container {
        padding: 2.5rem 0 1.125rem 0
    }
}

@media (max-width:767.98px) {
    .feature-box-list-left-container h2 {
        font-size: 2.25rem
    }
}

@media (max-width:767.98px) {
    .feature-box-list-left-container .lead {
        padding: 0 1.25rem
    }
}

@media (max-width:991.98px) {
    .feature-box-list-left-container .card {
        height: 24.125rem !important;
        max-width: 21.5rem;
        width: 100%
    }

        .feature-box-list-left-container .card .card-body {
            padding-top: .9375rem
        }

        .feature-box-list-left-container .card .card-big-number {
            font-size: 7.5rem
        }

        .feature-box-list-left-container .card .card-text-currency {
            font-size: 2.5rem
        }
}

@media (max-width:767.98px) {
    .feature-box-list-left-container .card {
        height: 23rem !important;
        max-width: 18.375rem;
        width: 100%
    }

        .feature-box-list-left-container .card .card-body {
            padding-top: 1.875rem
        }

        .feature-box-list-left-container .card .card-big-number {
            font-size: 3.75rem
        }

        .feature-box-list-left-container .card .card-text-currency {
            font-size: 1.625rem
        }
}

@media (max-width:767.98px) {
    .feature-box-image-center h2 {
        font-size: 2.25rem
    }
}

.feature-box-image-center h3 {
    font-size: 1.625rem
}

.feature-box-image-center a {
    font-size: .875rem
}

@media (max-width:991.98px) {
    .feature-box-image-center-container {
        margin: 0 -1.25rem
    }

        .feature-box-image-center-container > [class*=col-] {
            padding-left: 1.25rem !important;
            padding-right: 1.25rem !important
        }
}

.feature-box-image-center-container .w-100 {
    width: 105%
}

@media (min-width:992px) and (max-width:1199.98px) {
    .feature-box-image-center-container .text-nowrap {
        white-space: normal !important
    }
}

.feature-box-image-center-assistants .color-acc-assistant {
    color: #00a7cb
}

.feature-box-image-center-assistants .color-acc-staff-assistant {
    color: #2dac00
}

@media (max-width:767.98px) {
    .feature-box-support-adviser h2 {
        font-size: 2.25rem
    }
}

.feature-box-price-list-left-container {
    background-color: #f1f0fd;
    border-radius: .625rem;
    padding: 4.375rem 0
}

    .feature-box-price-list-left-container .card {
        height: auto !important
    }

@media (max-width:767.98px) {
    .feature-box-price-list-left-container {
        margin: 0
    }
}

@media (max-width:575.98px) {
    .feature-box-price-list-left h2 {
        font-size: 2.25rem
    }
}

.feature-box-single-lead-container {
    background: url(/_public/wf/img/blob-consulting.svg) no-repeat center;
    background-size: auto;
    padding: 13.75rem 0
}

    .feature-box-single-lead-container .title {
        font-size: 2.75rem;
        margin-bottom: .5rem
    }

@media (min-width:992px) and (max-width:1199.98px) {
    .feature-box-single-lead-container .title {
        font-size: 2.5rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .feature-box-single-lead-container .title {
        font-size: 2.25rem
    }
}

@media (max-width:767.98px) {
    .feature-box-single-lead-container {
        background-size: contain;
        padding: 7.5rem 0
    }

        .feature-box-single-lead-container .title {
            font-size: 1.5rem
        }
}

.feature-box-single-lead-beige .feature-box-single-lead-container {
    background: url(/_public/wf/img/blobl-single-lead-beige.svg) no-repeat center;
    background-size: 58%
}

@media (min-width:992px) and (max-width:1199.98px) {
    .feature-box-single-lead-beige h2 {
        font-size: 2.625rem
    }

    .feature-box-single-lead-beige .feature-box-single-lead-container {
        background-size: auto
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .feature-box-single-lead-beige h2 {
        font-size: 2rem
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .feature-box-single-lead-beige h2 {
        font-size: 1.875rem
    }

    .feature-box-single-lead-beige .feature-box-single-lead-container {
        background-size: 76%;
        padding: 10.625rem 0
    }
}

@media (max-width:575.98px) {
    .feature-box-single-lead-beige h2 {
        font-size: 1.25rem
    }

    .feature-box-single-lead-beige .feature-box-single-lead-container {
        background-size: 76%;
        padding: 10.625rem 0
    }
}

.feature-box-entrepreneur-guide {
    position: relative
}

@media (max-width:767.98px) {
    .feature-box-entrepreneur-guide h2 {
        font-size: 1.75rem
    }
}

.feature-box-entrepreneur-guide-lead {
    font-size: 2.25rem;
    font-weight: 300
}

    .feature-box-entrepreneur-guide-lead.smaller-font {
        font-size: 2rem
    }

@media (max-width:767.98px) {
    .feature-box-entrepreneur-guide-lead {
        font-size: 1.5rem
    }
}

.feature-box-entrepreneur-guide-blob-center h2 {
    position: relative
}

    .feature-box-entrepreneur-guide-blob-center h2:after {
        background: url(/_public/wf/img/blob-7.svg) no-repeat;
        background-size: contain;
        content: '';
        height: 23.5625rem;
        left: 15.6875rem;
        position: absolute;
        top: -7.375rem;
        width: 34.875rem
    }

@media (max-width:1199.98px) {
    .feature-box-entrepreneur-guide-blob-center h2 {
        font-size: 2.25rem
    }

        .feature-box-entrepreneur-guide-blob-center h2:after {
            display: none
        }
}

@media (max-width:1199.98px) {
    .feature-box-entrepreneur-guide-blob-center h2 {
        font-size: 1.75rem
    }
}

.feature-box-entrepreneur-guide-blob-right:after {
    background: url(/_public/wf/img/blob-pricing-2.png) no-repeat;
    bottom: 0;
    content: '';
    display: block;
    height: 15.3125rem;
    left: auto;
    position: absolute;
    right: 0;
    top: -2rem;
    width: 13rem
}

@media (max-width:991.98px) {
    .feature-box-entrepreneur-guide-blob-right:after {
        display: none
    }
}

.feature-box-entrepreneur-guide-partners {
    background-color: #f7f8fa;
    border-radius: .625rem;
    padding: 2.1875rem 2.8125rem
}

@media (max-width:991.98px) {
    .feature-box-entrepreneur-guide-partners {
        padding-bottom: 0
    }

        .feature-box-entrepreneur-guide-partners i {
            margin-bottom: 2.1875rem
        }
}

.feature-box-single-lead-container {
    background: url(/_public/wf/img/blob-consulting.svg) no-repeat center;
    background-size: auto;
    padding: 13.75rem 0
}

@media (max-width:767.98px) {
    .feature-box-single-lead-container {
        background-size: contain;
        padding: 7.5rem 0
    }

        .feature-box-single-lead-container .title {
            font-size: 1.1875rem
        }
}

.feature-box-single-lead-beige .feature-box-single-lead-container {
    background: url(/_public/wf/img/blobl-single-lead-beige.svg) no-repeat center;
    background-size: 58%
}

@media (min-width:992px) and (max-width:1199.98px) {
    .feature-box-single-lead-beige h2 {
        font-size: 2.625rem
    }

    .feature-box-single-lead-beige .feature-box-single-lead-container {
        background-size: auto
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .feature-box-single-lead-beige h2 {
        font-size: 2rem
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .feature-box-single-lead-beige h2 {
        font-size: 1.875rem
    }

    .feature-box-single-lead-beige .feature-box-single-lead-container {
        background-size: 76%;
        padding: 10.625rem 0
    }
}

@media (max-width:575.98px) {
    .feature-box-single-lead-beige h2 {
        font-size: 1.25rem
    }

    .feature-box-single-lead-beige .feature-box-single-lead-container {
        background-size: 76%;
        padding: 10.625rem 0
    }
}

@media (max-width:767.98px) {
    .feature-box-diagram .container {
        background-color: #f7f8fa
    }
}

.feature-box-diagram-container {
    background-color: #f7f8fa;
    border-radius: .625rem;
    padding: 4.375rem
}

@media (max-width:767.98px) {
    .feature-box-diagram-container {
        padding: 1.25rem
    }
}

.feature-box-diagram-header {
    font-size: 2.25rem;
    font-weight: 300
}

@media (min-width:576px) and (max-width:767.98px) {
    .feature-box-diagram-header {
        font-size: 1.75rem
    }
}

@media (max-width:575.98px) {
    .feature-box-diagram-header {
        font-size: 1.5rem
    }
}

.feature-box-diagram-lead-text {
    font-size: 1.125rem;
    font-weight: 300
}

.icon-header {
    padding-left: 6.25rem
}

    .icon-header span {
        display: block
    }

@media (max-width:767.98px) {
    .icon-header span:first-child {
        font-size: 2rem
    }
}

.icon-header span:last-child {
    font-size: 1.625rem;
    font-weight: 400
}

@media (max-width:767.98px) {
    .icon-header span:last-child {
        font-size: 1.3125rem
    }
}

@media (max-width:767.98px) {
    .icon-header:before {
        left: 1.25rem
    }
}

.icon-header-hand:before {
    background-image: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--hand);
    background-repeat: no-repeat;
    background-size: 4.3125rem 4.5rem;
    content: "";
    height: 4.5rem;
    left: 0;
    position: absolute;
    top: .375rem;
    width: 4.3125rem
}

.icon-header-bulb:before {
    background-image: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--bulb);
    background-repeat: no-repeat;
    background-size: 4rem 4.3125rem;
    content: "";
    height: 4.3125rem;
    left: 0;
    position: absolute;
    top: .375rem;
    width: 4rem
}

@media (max-width:767.98px) {
    .icon-header:before {
        left: 1.25rem
    }
}

.page-header {
    padding: 7.375rem 0 0 0;
}

    .page-header h1 {
        font-size: 2.5rem;
        font-weight: 600
    }

@media (max-width:767.98px) {
    .page-header h1 {
        font-size: 2.25rem
    }
}

.advice a {
    color: #181818
}

    .advice a:hover {
        text-decoration: none
    }

.advice-slider {
    position: relative
}

    .advice-slider:before {
        background: url(/_public/wf/img/blob-4.svg) no-repeat;
        background-size: contain;
        content: '';
        height: 27.125rem;
        position: absolute;
        right: 2.1875rem;
        top: -.5625rem;
        width: 33.875rem;
        z-index: -1
    }

@media (max-width:991.98px) {
    .advice-slider:before {
        display: none
    }
}

.advice-slider .owl-stage-outer {
    padding: .4375rem
}

.advice-slider .owl-stage {
    display: flex
}

.advice-slider .owl-item {
    margin: 36px
}

.advice-slider-no-blob:before {
    display: none
}

.related-articles-container {
    position: relative
}

.related-articles-container-header {
    font-size: 2.25rem;
    font-weight: 300
}

.related-articles-container h2 {
    font-size: 1.3125rem
}

    .related-articles-container h2 .card-link {
        color: inherit
    }

        .related-articles-container h2 .card-link:hover {
            color: inherit
        }

@media (max-width:767.98px) {
    .related-articles-container .card h2 {
        font-size: 1.25rem
    }
}

.related-articles-container:before {
    background-image: url(/_public/wf/img/blob-related-articles.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    height: 54.0625rem;
    position: absolute;
    right: -1.0625rem;
    top: -2.375rem;
    width: 73.75rem;
    z-index: -1
}

@media (min-width:992px) and (max-width:1199.98px) {
    .related-articles-container:before {
        right: -7.0625rem;
        top: -4.375rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .related-articles-container:before {
        display: none
    }
}

@media (max-width:767.98px) {
    .related-articles-container:before {
        height: 42.0625rem;
        right: -26.0625rem;
        top: 11.625rem
    }
}

@media (max-width:575.98px) {
    .related-articles-container:before {
        height: 45.0625rem
    }
}

.related-articles-other {
    margin-top: 15.625rem
}

@media (max-width:1199.98px) {
    .related-articles-other {
        margin-top: 3.125rem
    }
}

.related-articles-other h3 {
    font-size: 2.75rem
}

@media (max-width:991.98px) {
    .related-articles-other h3 {
        font-size: 2.25rem
    }
}

.related-articles-other h4 {
    font-size: 1.3125rem !important
}

.related-articles-other-blob-header {
    position: relative
}

    .related-articles-other-blob-header:before {
        background-image: url(/_public/wf/img/blob-related-other.svg);
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        height: 22rem;
        left: -20.5rem;
        position: absolute;
        top: -9.5rem;
        width: 22.625rem;
        z-index: -1
    }

@media (max-width:1199.98px) {
    .related-articles-other-blob-header:before {
        display: none
    }
}

.related-articles-other .square-sm li a {
    color: #181818
}

@media (max-width:991.98px) {
    .testimonial-single-photo {
        display: flex;
    }
}

@media (max-width:767.98px) {
    .testimonial-single-photo {
        display: block
    }
}

.testimonial-single-photo-wrapper {
    border: .0625rem solid #c1c5d0;
    border-radius: 50%;
    height: 6.25rem;
    min-width: 6.25rem;
    width: 6.25rem
}

    .testimonial-single-photo-wrapper img {
        border-radius: 50%
    }

.testimonial-single-client {
    margin-top: 1.375rem
}

    .testimonial-single-client p {
        margin: 0
    }

.testimonial-single-content {
    background-color: #fff;
    padding: 20px;
    font-size: 2rem;
    font-weight: 300;
    width: 25vw;
}

@media (max-width:767.98px) {
    .testimonial-single-content {
        font-size: 1.625rem;
        width: 90vw;
    }
}

.testimonial-single-content :before {
    background: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--quote-blue) no-repeat;
    background-size: 2.1875rem 1.8125rem;
    content: '';
    height: 1.8125rem;
    left: -3.5625rem;
    position: absolute;
    top: 0;
    width: 4.3125rem
}

@media (max-width:1199.98px) {
    .testimonial-single-content :before {
        left: -2.625rem
    }
}

@media (max-width:767.98px) {
    .testimonial-single-content :before {
        left: 1.25rem;
        top: -3.5625rem
    }
}

.paginator {
    align-items: center;
    display: flex
}

    .paginator .paginator-item {
        align-items: center;
        display: flex;
        height: 2.625rem;
        justify-content: center;
        width: 2.625rem
    }

        .paginator .paginator-item:not(:last-child) {
            margin-right: .375rem
        }

        .paginator .paginator-item .paginator-link {
            color: #181818;
            font-size: 1rem;
            font-weight: 700;
            text-decoration: none
        }

            .paginator .paginator-item .paginator-link:hover {
                color: #00bfe8
            }

        .paginator .paginator-item.next, .paginator .paginator-item.previous {
            background-color: #f8f8f8;
            border-radius: 1.3125rem;
            padding: 0 1rem;
            width: auto
        }

            .paginator .paginator-item.next .paginator-link, .paginator .paginator-item.previous .paginator-link {
                font-weight: 400
            }

            .paginator .paginator-item.next:hover, .paginator .paginator-item.previous:hover {
                background-color: #00bfe8
            }

                .paginator .paginator-item.next:hover .paginator-link, .paginator .paginator-item.previous:hover .paginator-link {
                    color: #fff
                }

        .paginator .paginator-item.active {
            background-color: #181818;
            border-radius: 50%
        }

            .paginator .paginator-item.active .paginator-link {
                color: #fff
            }

.faq .container-fluid, .faq .container-lg, .faq .container-md, .faq .container-sm, .faq .container-xl {
    background-color: #fef8e6;
    padding: 3.125rem 0
}

@media (min-width:768px) and (max-width:991.98px) {
    .faq .container-fluid h2, .faq .container-lg h2, .faq .container-md h2, .faq .container-sm h2, .faq .container-xl h2 {
        font-size: 2rem
    }

    .faq .container-fluid .cloud li, .faq .container-lg .cloud li, .faq .container-md .cloud li, .faq .container-sm .cloud li, .faq .container-xl .cloud li {
        padding-right: 2.8125rem
    }

        .faq .container-fluid .cloud li h5, .faq .container-lg .cloud li h5, .faq .container-md .cloud li h5, .faq .container-sm .cloud li h5, .faq .container-xl .cloud li h5 {
            font-size: 1rem
        }

        .faq .container-fluid .cloud li p, .faq .container-lg .cloud li p, .faq .container-md .cloud li p, .faq .container-sm .cloud li p, .faq .container-xl .cloud li p {
            font-size: .875rem
        }
}

@media (max-width:767.98px) {
    .faq .container-fluid h2, .faq .container-lg h2, .faq .container-md h2, .faq .container-sm h2, .faq .container-xl h2 {
        font-size: 1.25rem
    }

    .faq .container-fluid .cloud li, .faq .container-lg .cloud li, .faq .container-md .cloud li, .faq .container-sm .cloud li, .faq .container-xl .cloud li {
        margin-bottom: 1rem;
        padding: 2.25rem 1.875rem .75rem 2rem
    }

        .faq .container-fluid .cloud li h5, .faq .container-lg .cloud li h5, .faq .container-md .cloud li h5, .faq .container-sm .cloud li h5, .faq .container-xl .cloud li h5 {
            font-size: .8125rem
        }

        .faq .container-fluid .cloud li p, .faq .container-lg .cloud li p, .faq .container-md .cloud li p, .faq .container-sm .cloud li p, .faq .container-xl .cloud li p {
            font-size: .6875rem
        }
}

.faq-title {
    font-size: 1.3125rem
}

.assistant .card {
    background-color: #f1f0fd
}

.full-bgc {
    background-color: #e6fbff;
    min-width: 19.375rem
}

    .full-bgc.light-green {
        background-color: #eff8c6
    }

    .full-bgc .hero-title-wrapper {
        align-items: center;
        background-image: url(/_public/wf/img/heros/hero-function-blob.svg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
        display: flex;
        height: 19.6875rem;
        max-width: 36.8125rem;
        width: 21.375rem
    }

@media (max-width:991.98px) {
    .full-bgc .hero-title-wrapper {
        background-position: center;
        justify-content: center;
        max-width: 25.9375rem
    }
}

@media (max-width:575.98px) {
    .full-bgc .hero-title-wrapper {
        background-position: center;
        height: 14.375rem;
        width: 15.625rem
    }
}

.full-bgc .hero-title-wrapper .title {
    font-size: 2.75rem;
    margin: 0;
    max-width: 26.25rem;
    padding-left: 1.25rem;
    position: static;
    text-align: left;
    top: 3.75rem
}

@media (max-width:991.98px) {
    .full-bgc .hero-title-wrapper .title {
        font-size: 2.25rem
    }
}

@media (max-width:575.98px) {
    .full-bgc .hero-title-wrapper .title {
        font-size: 1.75rem;
        max-width: 14.0625rem;
        padding-left: 0
    }
}

.full-bgc .hero-text-right {
    font-size: 1.3125rem;
    font-weight: 400
}

    .full-bgc .hero-text-right p {
        line-height: 2.0625rem;
        margin: 0;
        padding: 0;
        text-align: left
    }

@media (max-width:767.98px) {
    .full-bgc .hero-text-right p {
        font-size: 1.3125rem;
        margin-bottom: 1.25rem
    }
}

.video-banner.accountancy .video-banner-content {
    background-color: #7678ed
}

.video-banner-content {
    background: url(/_public/wf/img/slider-blob-1.png) no-repeat,url(/_public/wf/img/slider-blob-2.png) no-repeat;
    background-color: #00bfe8;
    background-position: -.25rem -10.875rem,12.3125rem bottom;
    border-radius: .875rem;
    color: #fff;
    height: 100%;
    padding: 2.5rem 1rem
}

@media (min-width:576px) {
    .video-banner-content {
        background-position: -.6875rem,13.9375rem bottom;
        padding: 2.25rem 4.375rem 3.75rem
    }
}

@media (min-width:992px) {
    .video-banner-content {
        background-position: -1.1875rem -.9375rem,15.4375rem 22.25rem
    }
}

@media (min-width:1200px) {
    .video-banner-content {
        background-position: 6.25rem,20.8125rem 18.5625rem;
        padding: 5.25rem 3.125rem
    }
}

.video-banner-content-text {
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 2rem
}

@media (min-width:1200px) {
    .video-banner-content-text {
        padding: 1.5rem 0 0
    }
}

@media (min-width:1200px) {
    .video-banner-content-wrapper {
        padding: 0 2.5rem
    }
}

.video-banner-content-wrapper .player {
    border-radius: .375rem;
    overflow: hidden;
    padding: 56.25% 0 0 0;
    position: relative
}

    .video-banner-content-wrapper .player iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.product-functions-lead-text {
    font-size: 1.125rem;
    font-weight: 300
}

.product-functions .card:not(:last-child) {
    margin-bottom: .375rem
}

.product-functions .card-body {
    padding: .625rem 1.25rem
}

    .product-functions .card-body a {
        color: initial
    }

        .product-functions .card-body a:hover {
            text-decoration: none;
            text-shadow: .03125rem 0 0 #181818
        }

.product-functions .card:hover {
    box-shadow: 0 0 0 2px #00bfe8
}

.product-functions-empty-header {
    padding-top: 4.5625rem
}

@media (max-width:767.98px) {
    .product-functions-empty-header {
        padding-top: 0
    }
}

@media (max-width:767.98px) {
    .product-functions h2 {
        font-size: 2rem
    }
}

footer {
    background-color: #f2f3f5
}

    footer .banner {
        padding: 3.125rem 0 0
    }

        footer .banner img {
            margin-bottom: 2rem;
            width: 9rem
        }

        footer .banner .footer-banner-title {
            color: #181818;
            font-size: 2rem;
            font-weight: 300;
            line-height: 2.1875rem;
            margin: 0;
            padding: 0
        }

@media (min-width:576px) and (max-width:991.98px) {
    footer .banner .footer-banner-title {
        font-size: 1.4375rem
    }
}

footer .banner .btn {
    font-size: .8125rem;
    font-weight: 700;
    margin-top: 2rem;
    margin-left: .625rem;
    padding: .6875rem 1.0625rem;
    width: 100%
}

@media (max-width:991.98px) {
    footer .banner .btn {
        margin-left: 0
    }
}

@media (min-width:576px) {
    footer .banner .btn {
        width: auto
    }
}

@media (min-width:992px) {
    footer .banner .btn {
        margin-top: 0
    }
}

footer .banner .banner-col-right {
    margin-top: .625rem
}

    footer .banner .banner-col-right .btn-primary {
        border-radius: .1875rem;
        padding-bottom: .75rem
    }

@media (max-width:1199.98px) {
    footer .banner .banner-col-right {
        margin-top: 0
    }
}

footer section {
    border-top: .0625rem solid #c6cad5;
    padding: 3.125rem 0
}

    footer section .navigation-title {
        color: #181818;
        font-size: .8125rem;
        font-weight: 700;
        line-height: 1.0625rem
    }

    footer section .more, footer section .small-title {
        color: #5d5c69;
        font-size: .75rem;
        font-weight: 600
    }

    footer section li a {
        color: #565656;
        font-size: .8125rem;
        font-weight: 400;
        line-height: .625rem
    }

    footer section.navigation {
        border: 0;
        padding-bottom: 0
    }

        footer section.navigation .navigation-title {
            margin-bottom: 2.1875rem
        }

        footer section.navigation .col {
            margin-bottom: 4.375rem
        }

        footer section.navigation li a {
            line-height: 2.0625rem
        }

@media (max-width:575.98px) {
    footer section.navigation {
        padding-bottom: 1.875rem;
        padding-top: 0
    }

        footer section.navigation .navigation-title {
            font-size: 1.3125rem;
            display: block;
            margin: 0;
            padding: 1.125rem 0;
            position: relative
        }

            footer section.navigation .navigation-title::after {
                background: url(/_public/wf/icons/arrow.svg) no-repeat center right;
                content: '';
                display: block;
                height: 1.25rem;
                position: absolute;
                right: 0;
                transform: rotate(180deg);
                transition: transform .5s;
                top: 1rem;
                width: 1.25rem
            }

            footer section.navigation .navigation-title.collapsed::after {
                transform: rotate(0)
            }

        footer section.navigation .col {
            margin-bottom: .3125rem
        }

            footer section.navigation .col li {
                display: block
            }

                footer section.navigation .col li a {
                    display: block;
                    padding: .5rem 0;
                    line-height: .625rem
                }
}

@media (min-width:576px) {
    footer section.navigation .collapse {
        display: block;
        height: auto !important;
        visibility: visible
    }
}

footer section.articles ul {
    list-style: none
}

    footer section.articles ul li {
        display: inline;
        font-size: .75rem;
        line-height: 1.1875rem;
        margin-right: .25rem
    }

        footer section.articles ul li a {
            color: #5d5c69;
            font-weight: 600
        }

        footer section.articles ul li:not(:first-child):before {
            color: #5d5c69;
            padding-right: .5rem
        }

@media (max-width:991.98px) {
    footer section.articles ul li {
        line-height: 2.8125rem;
        margin-right: .625rem
    }
}

footer section.articles ul.list-dotted li:not(:first-child):before {
    content: '�'
}

footer section.articles ul.list-dashed li:not(:first-child):before {
    content: '|'
}

footer section.our-services .services-row {
    align-items: flex-end;
    display: flex
}

    footer section.our-services .services-row .services-logos {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

        footer section.our-services .services-row .services-logos .cert-container, footer section.our-services .services-row .services-logos a, footer section.our-services .services-row .services-logos-self-img {
            margin-top: 1.875rem
        }

            footer section.our-services .services-row .services-logos .cert-container:not(:last-child), footer section.our-services .services-row .services-logos a:not(:last-child), footer section.our-services .services-row .services-logos-self-img:not(:last-child) {
                margin-right: .625rem
            }

    footer section.our-services .services-row .services-logos-odd-svg {
        width: 7.0625rem
    }

    footer section.our-services .services-row .mb24-footer-logo {
        height: 1.875rem
    }

@media (min-width:1200px) {
    footer section.our-services .img-sm {
        width: 10.625rem
    }
}

@media (min-width:576px) and (max-width:1199.98px) {
    footer section.our-services .cert-container {
        position: relative
    }

        footer section.our-services .cert-container .small-title {
            bottom: -2.5rem;
            position: absolute
        }
}

@media (max-width:575.98px) {
    footer section.our-services .cert-container {
        align-items: center;
        display: flex !important
    }

        footer section.our-services .cert-container .small-title {
            margin-left: .5rem;
            margin-top: .5rem
        }
}

footer section.copyright .small-title {
    line-height: 2.3125rem;
    margin-right: 1rem
}

footer section.copyright .copyright-row {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

    footer section.copyright .copyright-row > div a:not(:last-child) {
        margin-right: 1rem
    }

@media (max-width:767.98px) {
    footer section.copyright .small-title {
        line-height: 1rem
    }
}

#our-experts {
    background-color: #f7f8fa;
    color: #181818;
    padding: 4.0625rem 0
}

    #our-experts .container {
        overflow: visible
    }

    #our-experts .expert-description {
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.375rem
    }

    #our-experts .expert-sign strong {
        display: block;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.375rem
    }

    #our-experts .expert-sign span {
        display: block;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.1875rem
    }

    #our-experts .expert-sign img {
        display: block;
        margin-top: 2.1875rem
    }

    #our-experts .expert-photo img {
        bottom: -4.0625rem;
        position: absolute
    }

@media (min-width:992px) and (max-width:1199.98px) {
    #our-experts .expert-sign {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
}

@media (max-width:991.98px) {
    #our-experts .expert-photo img {
        position: relative
    }
}

@media (min-width:576px) and (max-width:991.98px) {
    #our-experts .expert-sign {
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }

        #our-experts .expert-sign img {
            width: 50%
        }

    #our-experts .expert-photo img {
        width: 100%
    }
}

@media (max-width:575.98px) {
    #our-experts .expert-sign {
        margin-top: 2.5rem
    }

        #our-experts .expert-sign img {
            margin-top: 1.875rem
        }

    #our-experts .expert-photo img {
        width: 100%
    }
}

.owl-carousel {
    background-color: #fbdc80
}

    .owl-carousel .owl-nav {
        bottom: 20.625rem;
        display: flex;
        justify-content: space-between;
        margin: auto;
        position: relative
    }

@media (max-width:575.98px) {
    .owl-carousel .owl-nav {
        max-width: 826px
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .owl-carousel .owl-nav {
        max-width: 826px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .owl-carousel .owl-nav {
        max-width: 1018px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .owl-carousel .owl-nav {
        max-width: 1242px
    }
}

@media (min-width:1200px) {
    .owl-carousel .owl-nav {
        max-width: 1390px
    }
}

.owl-carousel .owl-nav button {
    background-color: rgba(255,255,255,.3) !important;
    border-radius: 2.8125rem;
    color: #fff !important;
    font-size: 1.6875rem !important;
    font-weight: 700 !important;
    height: 5.625rem;
    outline: 0;
    width: 5.625rem
}

    .owl-carousel .owl-nav button:hover {
        background-color: rgba(255,255,255,.5) !important
    }

.owl-carousel .owl-stage-outer {
    margin: 0 auto
}

    .owl-carousel .owl-stage-outer .owl-carousel-content .container {
        margin: 8.125rem auto
    }

        .owl-carousel .owl-stage-outer .owl-carousel-content .container .screenshoot-container {
            background-color: #f5f7fb;
            border-radius: .375rem;
            box-shadow: 0 .375rem .9375rem rgba(0,0,0,.2);
            margin-bottom: 1.25rem;
            padding: .375rem
        }

        .owl-carousel .owl-stage-outer .owl-carousel-content .container h4 {
            color: #181818;
            font-size: 1.3125rem;
            font-weight: 600;
            line-height: 1.875rem;
            margin-bottom: 1.875rem
        }

        .owl-carousel .owl-stage-outer .owl-carousel-content .container p {
            font-size: 1.125rem;
            font-weight: 400;
            line-height: 1.8125rem
        }

            .owl-carousel .owl-stage-outer .owl-carousel-content .container p span {
                display: block;
                font-family: monospace;
                font-size: .875rem;
                font-weight: 700;
                line-height: 1.375rem;
                margin-top: 1.875rem
            }

.owl-carousel .owl-dots {
    background-color: #efd075;
    bottom: 0;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 1.25rem 0;
    position: absolute;
    width: 100%
}

    .owl-carousel .owl-dots .owl-dot {
        background-color: transparent;
        font-size: 1.625rem;
        line-height: 2.25rem;
        margin-right: 5rem;
        text-align: center
    }

        .owl-carousel .owl-dots .owl-dot:last-child {
            margin-right: 0
        }

        .owl-carousel .owl-dots .owl-dot button {
            background: 0 0;
            border: .0625rem solid #fff;
            border-radius: 1.25rem;
            color: #fff;
            font-weight: 600;
            height: 2.625rem;
            outline: 0;
            width: 2.625rem
        }

        .owl-carousel .owl-dots .owl-dot.active button {
            background-color: #181818;
            border-color: #181818
        }

@media (min-width:992px) {
    .owl-carousel .owl-dots .owl-dot:hover button {
        background-color: rgba(0,0,0,.7);
        border-color: transparent
    }
}

.owl-carousel.owl-carousel-video {
    background-color: transparent
}

    .owl-carousel.owl-carousel-video:before {
        background: url(/_public/wf/img/slider-blob-1.png) no-repeat 100px,url(/_public/wf/img/slider-blob-2.png) no-repeat bottom right;
        background-color: #7678ed;
        border-radius: .875rem;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        top: 0
    }

@media (min-width:576px) and (max-width:767.98px) {
    .owl-carousel.owl-carousel-video:before {
        left: calc((100vw - 540px + 2.5rem / 2)/ 2);
        width: calc(540px - 2.5rem)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .owl-carousel.owl-carousel-video:before {
        left: calc((100vw - 720px + 2.5rem / 2)/ 2);
        width: calc(720px - 2.5rem)
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .owl-carousel.owl-carousel-video:before {
        left: calc((100vw - 960px + 2.5rem / 2)/ 2);
        width: calc(960px - 2.5rem)
    }
}

@media (min-width:1200px) {
    .owl-carousel.owl-carousel-video:before {
        left: calc((100vw - 1195px + 2.5rem / 2)/ 2);
        width: calc(1195px - 2.5rem)
    }
}

@media (max-width:1199.98px) {
    .owl-carousel.owl-carousel-video:before {
        background-size: auto 170%,45% auto
    }
}

@media (max-width:575.98px) {
    .owl-carousel.owl-carousel-video:before {
        background-position: bottom,15.625rem 100%;
        background-size: 50%,100%;
        left: 0;
        width: 100%
    }
}

@media (max-width:575.98px) {
    .owl-carousel.owl-carousel-video {
        height: 23.375rem
    }
}

.owl-carousel.owl-carousel-video .owl-nav {
    bottom: 18.125rem;
    height: 0
}

    .owl-carousel.owl-carousel-video .owl-nav button {
        height: 4.375rem;
        width: 4.375rem
    }

@media (max-width:575.98px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        max-width: 406px
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        max-width: 406px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        max-width: 598px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        max-width: 822px
    }
}

@media (min-width:1200px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        max-width: 970px
    }
}

@media (max-width:1199.98px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        bottom: 16.25rem
    }
}

@media (max-width:991.98px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        bottom: 15rem
    }
}

@media (max-width:767.98px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        bottom: 13.75rem
    }
}

@media (max-width:767.98px) and (max-width:575.98px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        max-width: 466px
    }
}

@media (max-width:767.98px) and (min-width:576px) and (max-width:767.98px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        max-width: 466px
    }
}

@media (max-width:767.98px) and (min-width:768px) and (max-width:991.98px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        max-width: 658px
    }
}

@media (max-width:767.98px) and (min-width:992px) and (max-width:1199.98px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        max-width: 882px
    }
}

@media (max-width:767.98px) and (min-width:1200px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        max-width: 1030px
    }
}

@media (max-width:767.98px) {
    .owl-carousel.owl-carousel-video .owl-nav button {
        font-size: 1.125rem !important;
        height: 3.125rem;
        width: 3.125rem
    }
}

@media (max-width:575.98px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        bottom: 15.625rem
    }
}

@media (max-width:575.98px) and (max-width:575.98px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        max-width: 393px
    }
}

@media (max-width:575.98px) and (min-width:576px) and (max-width:767.98px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        max-width: 393px
    }
}

@media (max-width:575.98px) and (min-width:768px) and (max-width:991.98px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        max-width: 585px
    }
}

@media (max-width:575.98px) and (min-width:992px) and (max-width:1199.98px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        max-width: 809px
    }
}

@media (max-width:575.98px) and (min-width:1200px) {
    .owl-carousel.owl-carousel-video .owl-nav {
        max-width: 957px
    }
}

.owl-carousel.owl-carousel-video .owl-stage-outer:before {
    content: attr(data-text);
    color: #fff;
    display: block;
    font-size: 1.3125rem;
    font-weight: 700;
    height: 6.75rem;
    line-height: 1.6875rem;
    position: absolute;
    top: 5rem;
    width: 11.25rem
}

@media (min-width:576px) and (max-width:767.98px) {
    .owl-carousel.owl-carousel-video .owl-stage-outer:before {
        left: calc((100vw - 540px + 2.5rem / 2)/ 2 + 55px)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .owl-carousel.owl-carousel-video .owl-stage-outer:before {
        left: calc((100vw - 720px + 2.5rem / 2)/ 2 + 55px)
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .owl-carousel.owl-carousel-video .owl-stage-outer:before {
        left: calc((100vw - 960px + 2.5rem / 2)/ 2 + 55px)
    }
}

@media (min-width:1200px) {
    .owl-carousel.owl-carousel-video .owl-stage-outer:before {
        left: calc((100vw - 1195px + 2.5rem / 2)/ 2 + 55px)
    }
}

@media (max-width:1199.98px) {
    .owl-carousel.owl-carousel-video .owl-stage-outer:before {
        font-size: 1.25rem;
        height: auto;
        width: 10rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .owl-carousel.owl-carousel-video .owl-stage-outer:before {
        left: 0;
        position: relative;
        text-align: center;
        top: 2.5rem;
        width: auto
    }
}

@media (max-width:767.98px) {
    .owl-carousel.owl-carousel-video .owl-stage-outer:before {
        text-align: center;
        top: 1.25rem;
        width: 25rem
    }
}

@media (max-width:575.98px) {
    .owl-carousel.owl-carousel-video .owl-stage-outer:before {
        align-items: center;
        display: flex;
        height: 6.25rem;
        padding: 0 1.5625rem;
        width: 100%
    }
}

.owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage {
    margin: 5.3125rem auto
}

    .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item {
        display: flex;
        justify-content: center
    }

        .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item .item-video {
            display: flex;
            height: 21.875rem;
            justify-content: center;
            width: 38.75rem
        }

            .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item .item-video iframe {
                border-radius: .5rem;
                width: 100%
            }

            .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item .item-video .owl-video-wrapper {
                background: 0 0;
                box-shadow: .375rem .375rem 1.6875rem .375rem rgba(0,0,0,.16);
                transition: width 1s,box-shadow 1s;
                overflow: hidden;
                width: 100%
            }

                .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item .item-video .owl-video-wrapper .owl-video-tn {
                    background-size: 100%;
                    border-radius: .375rem;
                    transition: filter 2s
                }

                .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item .item-video .owl-video-wrapper .owl-video-play-icon {
                    align-items: center;
                    background: 0 0;
                    border: .125rem solid #fff;
                    border-radius: 2.5rem;
                    display: flex;
                    justify-content: center;
                    top: 10.625rem
                }

                    .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item .item-video .owl-video-wrapper .owl-video-play-icon:after {
                        content: '\25B7';
                        color: #fff;
                        font-size: 2.5rem;
                        height: 3.75rem;
                        text-align: right;
                        width: 2.5rem
                    }

                    .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item .item-video .owl-video-wrapper .owl-video-play-icon:hover {
                        background: #7678ed;
                        border-color: #7678ed;
                        transform: none
                    }

                        .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item .item-video .owl-video-wrapper .owl-video-play-icon:hover:after {
                            content: '\25B6'
                        }

@media (max-width:1199.98px) {
    .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item .item-video {
        height: 17.5rem;
        width: 31.25rem
    }

        .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item .item-video .owl-video-play-icon {
            top: 9.0625rem !important
        }
}

@media (max-width:991.98px) {
    .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item .item-video {
        height: 12.5rem;
        width: 23.125rem
    }

        .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item .item-video .owl-video-play-icon {
            top: 6.25rem !important
        }
}

@media (max-width:575.98px) {
    .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item .item-video {
        height: 9rem;
        width: 16rem
    }

        .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item .item-video .owl-video-play-icon {
            top: 4.6875rem !important
        }
}

.owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item.owl-video-playing .owl-video-wrapper .owl-video-play-icon {
    display: none
}

@media (min-width:768px) {
    .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item:not(.center) .item-video .owl-video-wrapper {
        box-shadow: none;
        width: 60%
    }

        .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item:not(.center) .item-video .owl-video-wrapper .owl-video-tn {
            box-shadow: none;
            filter: brightness(20%)
        }

        .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage .owl-item:not(.center) .item-video .owl-video-wrapper .owl-video-play-icon {
            display: none
        }
}

@media (max-width:575.98px) {
    .owl-carousel.owl-carousel-video .owl-stage-outer .owl-stage {
        margin: 8.75rem auto
    }
}

.owl-carousel.owl-carousel-video .owl-dots {
    background-color: transparent;
    padding: 2.5rem 0
}

    .owl-carousel.owl-carousel-video .owl-dots .owl-dot {
        background-color: #5f62ea;
        border-radius: .25rem;
        height: .5625rem;
        margin-right: .6875rem;
        width: .5625rem
    }

        .owl-carousel.owl-carousel-video .owl-dots .owl-dot.active {
            background-color: #fff
        }

.owl-carousel.owl-carousel-video.owl-video-bg-primary:before {
    background-color: #00bfe8
}

.owl-carousel.owl-carousel-video.owl-video-bg-primary .owl-dots .owl-dot {
    background-color: #00aacf
}

    .owl-carousel.owl-carousel-video.owl-video-bg-primary .owl-dots .owl-dot.active {
        background-color: #fff
    }

.owl-carousel.owl-carousel-advice {
    background-color: transparent
}

    .owl-carousel.owl-carousel-advice a {
        color: #181818;
        text-decoration: none
    }

.owl-carousel.owl-carousel-testimonials {
    background-color: transparent
}

    .owl-carousel.owl-carousel-testimonials .owl-nav {
        display: none
    }

    .owl-carousel.owl-carousel-testimonials .owl-dots {
        background-color: transparent;
        height: 1.25rem;
        justify-content: start;
        left: 6rem;
        position: absolute;
        top: 16.1875rem
    }

@media (max-width:991.98px) {
    .owl-carousel.owl-carousel-testimonials .owl-dots {
        justify-content: center;
        left: 0;
        top: initial;
        bottom: -3.4375rem
    }
}

.owl-carousel.owl-carousel-testimonials .owl-dots .owl-dot button {
    background-color: #dadee8;
    border-color: #dadee8;
    border-radius: 50%;
    box-sizing: border-box;
    height: .9375rem;
    padding: 0;
    width: .9375rem
}

.owl-carousel.owl-carousel-testimonials .owl-dots .owl-dot.active button {
    background-color: #7678ed;
    border-color: #7678ed
}

.owl-carousel.owl-carousel-testimonials .owl-dots .owl-dot:not(:last-child) {
    margin-right: .9375rem !important
}

.pre-menu {
    display: block;
    height: 5.4375rem
}

.second-menu {
    background: #f7f8fa
}

    .second-menu nav a {
        color: #bbb;
        font-size: .875rem;
        font-weight: 600;
        line-height: 1.1875rem
    }

        .second-menu nav a:hover {
            color: #888
        }

    .second-menu .dropdown {
        position: relative
    }

        .second-menu .dropdown .nav-link::after {
            background: url(/_public/wf/icons/caret-small.svg) no-repeat;
            background-size: cover;
            content: '';
            display: inline-block;
            height: .3125rem;
            position: absolute;
            right: .1875rem;
            top: .875rem;
            transition: transform .2s ease-in-out;
            width: .5rem
        }

        .second-menu .dropdown .dropdown-menu {
            border: 0;
            border-radius: .1875rem;
            box-shadow: .1875rem .1875rem .625rem rgba(0,0,0,.1);
            margin: 0 0 0 -13%;
            min-width: unset
        }

            .second-menu .dropdown .dropdown-menu .dropdown-item {
                font-size: .625rem;
                font-weight: 600;
                padding: .4375rem .6875rem
            }

                .second-menu .dropdown .dropdown-menu .dropdown-item:focus, .second-menu .dropdown .dropdown-menu .dropdown-item:hover {
                    background: 0 0;
                    color: #181818
                }

.main-menu {
    background: #fff;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .5s ease-in-out;
    width: 100%;
    z-index: 50
}

    .main-menu small {
        color: #565656;
        font-size: .75rem;
        line-height: 1rem
    }

.main-menu-accountancy {
    box-shadow: 0 .25rem 1.25rem rgba(0,0,0,.1);
    position: sticky
}

    .main-menu-accountancy a:not(.btn):focus, .main-menu-accountancy a:not(.btn):hover {
        color: #3a2cd4 !important
    }

        .main-menu-accountancy a:not(.btn):focus .item-title, .main-menu-accountancy a:not(.btn):hover .item-title {
            color: #3a2cd4 !important
        }

        .main-menu-accountancy a:not(.btn):focus small, .main-menu-accountancy a:not(.btn):hover small {
            color: #565656
        }

    .main-menu-accountancy .company-type .btn-dropdown-primary {
        background: 0 0;
        border: .03125rem solid #3a2cd4;
        border-radius: .1875rem;
        color: #3a2cd4;
        padding: .5625rem .9375rem .4375rem
    }

        .main-menu-accountancy .company-type .btn-dropdown-primary[aria-expanded=true] {
            border-bottom-color: transparent;
            border-radius: .1875rem .1875rem 0 0
        }

        .main-menu-accountancy .company-type .btn-dropdown-primary + .custom-dropdown-menu {
            background: #fff;
            border-color: #3a2cd4;
            border-radius: 0 0 .1875rem .1875rem
        }

    .main-menu-accountancy .btn-start {
        background-color: #3a2cd4;
        border-radius: .1875rem;
        color: #fff
    }

    .main-menu-accountancy .btn-help {
        color: #3a2cd4
    }

        .main-menu-accountancy .btn-help:hover {
            color: #0c0090
        }

            .main-menu-accountancy .btn-help:hover > i {
                filter: brightness(87%)
            }

@media (min-width:992px) {
    .main-menu-accountancy .mega-menu .menu-content {
        padding: 1.6875rem 10% !important
    }
}

@media (max-width:991.98px) {
    .main-menu-accountancy {
        padding-bottom: 3.125rem
    }
}

.main-menu-accountancy .mega-menu .nav-link:active::after, .main-menu-accountancy .mega-menu .nav-link:focus::after, .main-menu-accountancy .mega-menu .nav-link:hover::after {
    background-image: url(/_public/wf/icons/caret-info-dark.svg)
}

.main-menu.blue-theme:not(.fixed) {
    background-color: #e6fbff
}

    .main-menu.blue-theme:not(.fixed) .navbar {
        background-color: #e6fbff
    }

.main-menu.green-theme:not(.fixed) {
    background-color: #eff8c6
}

    .main-menu.green-theme:not(.fixed) .navbar {
        background-color: #eff8c6
    }

@media (min-width:576px) and (max-width:991.98px) {
    .main-menu.nfg-theme #try-button {
        position: absolute;
        right: 3.4375rem
    }
}

@media (max-width:575.98px) {
    .main-menu.nfg-theme #try-button {
        display: none !important
    }
}

.main-menu.nfg-theme #mainMenu {
    width: auto
}

@media (min-width:992px) {
    .main-menu .fixed-show {
        display: none
    }

    .main-menu.fixed {
        animation: slide 1s;
        box-shadow: 0 .875rem 1.25rem .25rem rgba(0,0,0,.15);
        position: fixed !important;
        top: 0
    }

    @keyframes slide {
        from {
            top: -9.375rem
        }

        to {
            top: 0
        }
    }

    .main-menu.fixed .fixed-show {
        display: inline
    }
}

.main-menu #company-type-sm .btn, .main-menu #company-type-sm .dropdown-item, .main-menu #login-button, .main-menu #try-button {
    font-size: .75rem !important
}

    .main-menu #company-type-sm .btn.dropdown-toggle, .main-menu #company-type-sm .dropdown-item.dropdown-toggle, .main-menu #login-button.dropdown-toggle, .main-menu #try-button.dropdown-toggle {
        white-space: normal
    }

@media (min-width:576px) {
    .main-menu #try-button span {
        display: inline
    }
}

@media (min-width:576px) and (max-width:637px) {
    .main-menu #try-button span {
        display: none
    }
}

@media (max-width:439px) {
    .main-menu #try-button span {
        display: none
    }
}

@media (max-width:422px) {
    .main-menu #try-button {
        display: none !important
    }
}

@media (min-width:576px) and (max-width:637px) {
    .main-menu #login-button span {
        display: none
    }
}

@media (max-width:991.98px) {
    .main-menu.opened .navbar {
        background: #f7f8fa
    }

    .main-menu.opened #try-button {
        display: none !important
    }
}

/* .navbar {
    background: #fff;
    height: 5.4375rem;
    padding: 0;
    /* width: 100vw; 
    z-index: 50;
} */

@media (max-width:991.98px) {
    .navbar #mega-menu {
        width: 100%
    }

        .navbar #mega-menu .nav-item:not(:last-child) {
            border-bottom: 1px solid #c3c7d2
        }
}

.navbar .nav-item .nav-link {
    font-size: 1.125rem;
    font-weight: 700
}

@media (max-width:991.98px) {
    .navbar .nav-item .nav-link {
        font-size: 1.3125rem;
        font-weight: 700;
        padding: 1.3125rem 0
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .navbar .nav-item .nav-link {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.navbar .nav-item .nav-link:active, .navbar .nav-item .nav-link:focus, .navbar .nav-item .nav-link:hover {
    color: #00bfe8
}

@media (max-width:991.98px) {
    .navbar .nav-item .nav-link:active, .navbar .nav-item .nav-link:focus, .navbar .nav-item .nav-link:hover {
        background-color: #e6f9fd
    }
}

.navbar .navbar-toggler {
    height: 1.625rem;
    width: 1.625rem;
    background: url(/_public/wf/icons/menu-close.svg) no-repeat;
    background-size: cover;
    border: none;
    border-radius: 0;
    display: none;
    padding: 0
}

    .navbar .navbar-toggler.collapsed {
        height: 2rem;
        width: 2rem;
        background-image: url(/_public/wf/icons/menu-hamburger.svg);
        background-size: cover
    }

@media (max-width:991.98px) {
    .navbar .navbar-toggler {
        display: inline-block
    }
}

.navbar .company-type {
    width: 9.375rem
}

    .navbar .company-type * {
        font-weight: 600
    }

    .navbar .company-type .dropdown-toggle {
        white-space: normal
    }

        .navbar .company-type .dropdown-toggle::after {
            margin-left: 0;
            transform: scale(.5)
        }

    .navbar .company-type .custom-dropdown-menu {
        box-shadow: none;
        min-width: auto;
        padding: .3125rem 0
    }

        .navbar .company-type .custom-dropdown-menu .dropdown-item {
            font-weight: 600;
            padding: .5625rem .9375rem
        }

            .navbar .company-type .custom-dropdown-menu .dropdown-item:first-of-type {
                padding-top: 0
            }

.navbar #mainMenu {
    width: 100%
}

@media (max-width:991.98px) {
    .navbar #mainMenu {
        background: #f7f8fa;
        flex-direction: column;
        height: calc(100vh - 5.4375rem);
        max-height: calc(100vh - 5.4375rem);
        overflow: auto;
        position: absolute;
        top: 5.4375rem;
        z-index: 100
    }

        .navbar #mainMenu .menu-content, .navbar #mainMenu .nav-link {
            padding: 1.3125rem 1.375rem
        }

        .navbar #mainMenu .company-type .dropdown-toggle {
            margin: 1.3125rem 1.25rem;
            width: calc(100vw - 40px)
        }

        .navbar #mainMenu .company-type .custom-dropdown-menu {
            left: 1.25rem;
            top: 3.75rem;
            width: calc(100vw - 40px)
        }
}

.mega-menu-container {
    z-index: 50
}

@media (min-width:1200px) and (max-width:1300px) {
    .mega-menu-container {
        padding-right: 1.25rem
    }
}

.mega-menu-container .navbar-w-100 {
    padding: .5rem 1rem
}

@media (min-width:992px) and (max-width:1199.98px) {
    .mega-menu-container .navbar-w-100 {
        padding: .5rem 0
    }
}

@media (max-width:991.98px) {
    .mega-menu-container {
        left: 0;
        position: fixed;
        top: 0
    }

        .mega-menu-container .navbar-w-100 {
            width: 100%
        }
}

.mega-menu {
    position: initial;
    transition: all .3s ease-in-out
}

@media (max-width:991.98px) {
    .mega-menu .nav-link {
        position: relative;
        width: 100%
    }
}

.mega-menu .nav-link::after {
    background: url(/_public/wf/icons/caret.svg) no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: .4375rem;
    position: relative;
    right: -.625rem;
    top: -.125rem;
    transition: transform .2s ease-in-out;
    width: .75rem
}

@media (min-width:992px) and (max-width:1199.98px) {
    .mega-menu .nav-link::after {
        right: -.125rem
    }
}

@media (max-width:991.98px) {
    .mega-menu .nav-link::after {
        background: url(/_public/wf/icons/menu-arrow-down.svg) no-repeat;
        background-size: 1.25rem .625rem;
        height: .625rem;
        position: absolute;
        right: 2.8125rem;
        top: 1.875rem;
        width: 1.25rem
    }
}

.mega-menu .nav-link[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.mega-menu .nav-link:active::after, .mega-menu .nav-link:focus::after, .mega-menu .nav-link:hover::after {
    background-image: url(/_public/wf/icons/caret-primary.svg)
}

@media (max-width:991.98px) {
    .mega-menu .nav-link:active::after, .mega-menu .nav-link:focus::after, .mega-menu .nav-link:hover::after {
        background-image: url(/_public/wf/icons/menu-arrow-down-blue.svg)
    }
}

.mega-menu .collapse-menu {
    background: #f7f8fa;
    z-index: 10
}

    .mega-menu .collapse-menu .menu-content .col {
        margin-bottom: 1.25rem
    }

@media (min-width:992px) {
    .mega-menu .collapse-menu .menu-content.one-line {
        padding: 1.3125rem 10% !important
    }

        .mega-menu .collapse-menu .menu-content.one-line .col {
            margin-bottom: 0
        }
}

@media (min-width:992px) {
    .mega-menu .collapse-menu {
        border: .0625rem solid #e3e4e7;
        border-radius: 0;
        box-shadow: 0 .875rem 1.25rem .25rem rgba(0,0,0,.15);
        left: 0;
        position: absolute;
        top: 5.4375rem;
        width: 100%;
        z-index: 10
    }

        .mega-menu .collapse-menu .menu-content {
            padding: 2.6875rem 10%
        }
}

.mega-menu .collapse-menu .row + .row {
    margin-top: 1.25rem
}

.mega-menu .collapse-menu .collapse-item {
    color: #181818;
    display: inline-block;
    white-space: normal
}

    .mega-menu .collapse-menu .collapse-item:hover {
        text-decoration: none
    }

        .mega-menu .collapse-menu .collapse-item:hover .item-title {
            color: #00bfe8
        }

    .mega-menu .collapse-menu .collapse-item .item-title {
        font-size: .9375rem;
        font-weight: 700
    }

@media (max-width:991.98px) {
    .mega-menu .collapse-menu .collapse-item .item-title {
        font-size: 1.125rem
    }
}

.mega-menu .collapse-menu.with-footer {
    padding-bottom: 0
}

    .mega-menu .collapse-menu.with-footer .menu-content {
        padding-bottom: 3.1875rem
    }

    .mega-menu .collapse-menu.with-footer .menu-footer {
        background: #fff;
        border-top: 1px solid #e3e4e7;
        display: block;
        margin: -1.25rem 0 0;
        padding: 1.5625rem 10%
    }

        .mega-menu .collapse-menu.with-footer .menu-footer p {
            color: #9ba1b1;
            font-size: .75rem;
            margin: .5625rem 0 0
        }

        .mega-menu .collapse-menu.with-footer .menu-footer .footer-title {
            font-size: 1rem;
            font-weight: 700
        }

            .mega-menu .collapse-menu.with-footer .menu-footer .footer-title small {
                font-size: .75rem;
                font-weight: 600
            }

.mb24-text {
    color: #9994d2 !important
}

    .mb24-text .item-title {
        color: #3a2cd4
    }

    .mb24-text.collapse-item:hover .item-title {
        color: #9994d2 !important
    }

#company-type * {
    font-size: .75rem
}

@media (max-width:767.98px) {
    #company-type * {
        font-size: 1rem
    }
}

.buttons .btn {
    border-radius: .375rem;
    font-size: .8125rem
}

.buttons .btn-custom-login {
    padding: .6875rem .875rem
}

.buttons .btn-custom-register {
    padding: .6875rem 1.0625rem
}

@media (max-width:991.98px) {
    .buttons {
        margin-bottom: 1.25rem;
        margin-left: 1.25rem;
        width: calc(100vw - 40px)
    }

        .buttons .nav-item {
            width: 48%
        }

        .buttons .btn {
            align-items: center;
            display: flex;
            height: 100%;
            justify-content: center;
            padding: 1.0625rem .1875rem;
            width: 100%
        }

        .buttons .btn-custom-login {
            background-color: #181818;
            color: #fff
        }
}

@media (min-width:576px) and (max-width:767.98px) {
    .buttons .btn {
        font-size: 1.3125rem
    }
}

.price, .price-list {
    background: url(/_public/wf/img/blob-pricing-book.png) no-repeat center bottom;
    padding: 6.25rem 0 3.125rem 0;
    position: relative
}

    .price-list.promotion, .price.promotion {
        padding-top: 1.875rem
    }

    .price-list.trade, .price.trade {
        background-image: url(/_public/wf/img/blob-pricing-trade.png)
    }

        .price-list.trade .price-boxes-promotion-left-content, .price.trade .price-boxes-promotion-left-content {
            background-color: #fdedec
        }

        .price-list.trade .price-boxes-promotion-right, .price.trade .price-boxes-promotion-right {
            border-color: #ff3b30
        }

    .price-list.staff, .price.staff {
        background-image: url(/_public/wf/img/blob-pricing-staff.png)
    }

        .price-list.staff .price-boxes-promotion-left-content, .price.staff .price-boxes-promotion-left-content {
            background-color: #f7fae6
        }

        .price-list.staff .price-boxes-promotion-right, .price.staff .price-boxes-promotion-right {
            border-color: #abcf02
        }

    .price-list.book .price-boxes-promotion-left-content, .price.book .price-boxes-promotion-left-content {
        background-color: #e6f9fd
    }

    .price-list.book .price-boxes-promotion-right, .price.book .price-boxes-promotion-right {
        border-color: #00bfe8
    }

    .price-list.promotion, .price.promotion {
        background: 0 0
    }

        .price-list.promotion .container:first-of-type, .price.promotion .container:first-of-type {
            width: 62.125rem
        }

@media (max-width:767.98px) {
    .price-list.promotion .container:first-of-type, .price.promotion .container:first-of-type {
        width: auto
    }
}

.price-list.promotion .price-boxes-promotion-left, .price.promotion .price-boxes-promotion-left {
    position: relative;
    top: 2.1875rem
}

.price-list.promotion .price-boxes-promotion-left-content, .price.promotion .price-boxes-promotion-left-content {
    border-radius: .375rem 0 0 .375rem
}

@media (max-width:991.98px) {
    .price-list.promotion .price-boxes-promotion-left-content, .price.promotion .price-boxes-promotion-left-content {
        border-radius: .375rem
    }
}

.price-list.promotion .price-boxes-promotion-left-content .card-body, .price.promotion .price-boxes-promotion-left-content .card-body {
    padding: 1.3125rem 2rem 2.1875rem 1.3125rem
}

@media (max-width:991.98px) {
    .price-list.promotion .price-boxes-promotion-left-content .card-body, .price.promotion .price-boxes-promotion-left-content .card-body {
        padding: 1.3125rem 1.3125rem 3.375rem 1.3125rem
    }
}

@media (max-width:767.98px) {
    .price-list.promotion .price-boxes-promotion-left-content .card-body, .price.promotion .price-boxes-promotion-left-content .card-body {
        padding: .625rem .625rem 3.375rem .625rem
    }
}

.price-list.promotion .price-boxes-promotion-left-content img, .price.promotion .price-boxes-promotion-left-content img {
    margin-bottom: 2.625rem
}

@media (max-width:991.98px) {
    .price-list.promotion .price-boxes-promotion-left-content img, .price.promotion .price-boxes-promotion-left-content img {
        border-radius: .375rem;
        height: 27.0625rem;
        object-fit: cover;
        width: 100%
    }
}

.price-list.promotion .price-boxes-promotion-left-content p, .price.promotion .price-boxes-promotion-left-content p {
    font-size: 1.3125rem;
    padding: 0 1.25rem
}

    .price-list.promotion .price-boxes-promotion-left-content p:first-of-type strong, .price.promotion .price-boxes-promotion-left-content p:first-of-type strong {
        font-size: 1.625rem
    }

.price-list.promotion .price-boxes-promotion-left-content hr, .price.promotion .price-boxes-promotion-left-content hr {
    color: #c3c7d2;
    margin: 1.75rem auto;
    width: 88%
}

@media (max-width:991.98px) {
    .price-list.promotion .price-boxes-promotion-left-content-text [class*=col-], .price.promotion .price-boxes-promotion-left-content-text [class*=col-] {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

        .price-list.promotion .price-boxes-promotion-left-content-text [class*=col-]:first-of-type, .price.promotion .price-boxes-promotion-left-content-text [class*=col-]:first-of-type {
            border-right: .0625rem solid #c3c7d2
        }
}

@media (max-width:991.98px) and (min-width:576px) and (max-width:767.98px) {
    .price-list.promotion .price-boxes-promotion-left-content-text [class*=col-]:first-of-type, .price.promotion .price-boxes-promotion-left-content-text [class*=col-]:first-of-type {
        border-right: none
    }
}

.price-list.promotion .price-boxes-promotion-right, .price.promotion .price-boxes-promotion-right {
    border-radius: .375rem;
    border-style: solid;
    border-width: .1875rem
}

@media (max-width:767.98px) {
    .price-list.promotion .price-boxes-promotion-right, .price.promotion .price-boxes-promotion-right {
        border: none
    }

        .price-list.promotion .price-boxes-promotion-right .card, .price.promotion .price-boxes-promotion-right .card {
            box-shadow: none
        }
}

.price-list.promotion .price-boxes-promotion-right .card-body, .price.promotion .price-boxes-promotion-right .card-body {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1.5625rem 2.5rem 1.5625rem
}

@media (min-width:768px) and (max-width:991.98px) {
    .price-list.promotion .price-boxes-promotion-right .card-body, .price.promotion .price-boxes-promotion-right .card-body {
        padding: 0 9.375rem 2.1875rem 9.375rem
    }
}

@media (max-width:767.98px) {
    .price-list.promotion .price-boxes-promotion-right .card-body, .price.promotion .price-boxes-promotion-right .card-body {
        padding: 0
    }
}

.price-list.promotion .price-boxes-promotion-right .card-title, .price.promotion .price-boxes-promotion-right .card-title {
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 135%;
    margin: 4.1875rem 0 3.8125rem 0;
    padding: 0 .75rem
}

@media (max-width:991.98px) {
    .price-list.promotion .price-boxes-promotion-right .card-title, .price.promotion .price-boxes-promotion-right .card-title {
        margin: 2.375rem 0 2.8125rem 0
    }
}

@media (max-width:767.98px) {
    .price-list.promotion .price-boxes-promotion-right .card-title, .price.promotion .price-boxes-promotion-right .card-title {
        font-size: 1.75rem
    }
}

.price-list.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose, .price.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose {
    color: #fff;
    background-color: #ff3b30;
    border-color: #ff3b30
}

    .price-list.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose:hover, .price.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose:hover {
        color: #fff;
        background-color: #eb1004;
        border-color: #fc0d00
    }

    .price-list.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose.focus, .price-list.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose:focus, .price.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose.focus, .price.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose:focus {
        color: #fff;
        background-color: #eb1004;
        border-color: #fc0d00;
        box-shadow: 0 0 0 .2rem rgba(255,88,79,.5)
    }

    .price-list.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose.disabled, .price-list.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose:disabled, .price.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose.disabled, .price.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose:disabled {
        color: #fff;
        background-color: #ff3b30;
        border-color: #ff3b30
    }

    .price-list.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose:not(:disabled):not(.disabled).active, .price-list.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose:not(:disabled):not(.disabled):active, .price.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose:not(:disabled):not(.disabled).active, .price.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose:not(:disabled):not(.disabled):active, .show > .price-list.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose.dropdown-toggle, .show > .price.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose.dropdown-toggle {
        color: #fff;
        background-color: #fc0d00;
        border-color: #ef0d00
    }

        .price-list.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose:not(:disabled):not(.disabled).active:focus, .price-list.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose:not(:disabled):not(.disabled):active:focus, .price.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose:not(:disabled):not(.disabled).active:focus, .price.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose:not(:disabled):not(.disabled):active:focus, .show > .price-list.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose.dropdown-toggle:focus, .show > .price.promotion .price-boxes-promotion-right-content.trade-addon .btn-pack-choose.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,88,79,.5)
        }

@media (max-width:767.98px) {
    .price-list.promotion .price-boxes-promotion-right-content, .price.promotion .price-boxes-promotion-right-content {
        margin-bottom: 0 !important
    }
}

.price-list.promotion .price-boxes-promotion-right-content-promo-box, .price.promotion .price-boxes-promotion-right-content-promo-box {
    align-items: center;
    background-color: #f7f8fa;
    border: .03125rem solid #e3e4e7;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    font-size: .8125rem;
    height: 13.4375rem;
    justify-content: center;
    position: relative;
    width: 13.4375rem
}

.price-list.promotion .price-boxes-promotion-right-content-promo-box-big-price, .price.promotion .price-boxes-promotion-right-content-promo-box-big-price {
    align-items: center;
    border-bottom: .0625rem solid #e3e4e7;
    display: flex;
    font-size: 2.375rem;
    font-weight: 700;
    justify-content: center;
    max-height: 5.625rem
}

    .price-list.promotion .price-boxes-promotion-right-content-promo-box-big-price span:last-of-type, .price.promotion .price-boxes-promotion-right-content-promo-box-big-price span:last-of-type {
        font-size: .8125rem;
        font-weight: 400;
        line-height: 130%;
        margin-left: .3125rem
    }

        .price-list.promotion .price-boxes-promotion-right-content-promo-box-big-price span:last-of-type strong, .price.promotion .price-boxes-promotion-right-content-promo-box-big-price span:last-of-type strong {
            font-size: 1.25rem
        }

.price-list.promotion .price-boxes-promotion-right-content-promo-box-old-price, .price.promotion .price-boxes-promotion-right-content-promo-box-old-price {
    font-size: .8125rem;
    margin-top: 1rem
}

.price-list.promotion .price-boxes-promotion-right-content-promo-box-discount, .price.promotion .price-boxes-promotion-right-content-promo-box-discount {
    align-items: center;
    background-color: #ff3b30;
    border-radius: 50%;
    color: #fff;
    content: '';
    display: flex;
    flex-direction: column;
    font-size: .6875rem;
    font-weight: 700;
    height: 5.25rem;
    justify-content: center;
    position: absolute;
    right: -1.5625rem;
    top: -.8125rem;
    width: 5.25rem
}

    .price-list.promotion .price-boxes-promotion-right-content-promo-box-discount strong, .price.promotion .price-boxes-promotion-right-content-promo-box-discount strong {
        font-size: 1.3125rem
    }

.price-list.promotion .price-boxes-promotion-right-content-features, .price.promotion .price-boxes-promotion-right-content-features {
    background-color: #f7f8fa;
    border: .0625rem solid #e3e4e7;
    border-radius: .375rem;
    margin-top: 2.5625rem;
    padding: 2rem 2.625rem
}

.price-list.regular, .price.regular {
    background: 0 0
}

@media (min-width:1200px) {
    .price-list:after, .price:after {
        background: url(/_public/wf/img/blob-pricing-2.png) no-repeat center center;
        bottom: 0;
        content: '';
        display: block;
        height: 15.3125rem;
        left: auto;
        position: absolute;
        right: 0;
        width: 13rem
    }
}

@media (max-width:575.98px) {
    .price, .price-list {
        background-position: 50% 85%;
        background-size: auto 50%;
        padding: 6.25rem 0 1.25rem 0
    }
}

@media (min-width:768px) and (max-width:1199.98px) {
    .price, .price-list {
        background-position: center 55%;
        padding-bottom: 6.25rem
    }
}

.price .container, .price-list .container {
    overflow: visible
}

.price .price-list-title, .price-list .price-list-title {
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 3rem;
    margin-bottom: 2.25rem;
    text-align: center
}

    .price .price-list-title .highlight, .price-list .price-list-title .highlight {
        display: inline-block
    }

        .price .price-list-title .highlight:after, .price-list .price-list-title .highlight:after {
            border-bottom: 1.25rem solid #70dff2;
            content: '';
            display: block;
            position: relative;
            top: -1.25rem;
            z-index: -1
        }

@media (max-width:575.98px) {
    .price .price-list-title, .price-list .price-list-title {
        font-size: 2.125rem
    }
}

.price h3, .price-list h3 {
    font-size: 1.3125rem;
    font-weight: 400;
    line-height: 2.0625rem;
    margin-bottom: 4.875rem;
    text-align: center
}

.price .packs-menu, .price-list .packs-menu {
    margin-bottom: 3.125rem
}

@media (min-width:768px) and (max-width:1199.98px) {
    .price .packs-menu, .price-list .packs-menu {
        margin-bottom: .875rem
    }
}

@media (min-width:1200px) {
    .price .packs-menu button, .price-list .packs-menu button {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.price .packs-menu .btn-secondary, .price-list .packs-menu .btn-secondary {
    cursor: default;
    position: relative
}

    .price .packs-menu .btn-secondary:after, .price-list .packs-menu .btn-secondary:after {
        background-color: transparent;
        border: .4375rem solid #181818;
        border-right-color: transparent;
        border-top-color: transparent;
        bottom: -.5rem;
        content: '';
        display: block;
        height: .875rem;
        left: calc(50% - 7px);
        position: absolute;
        transform: rotate(-45deg);
        width: .875rem
    }

@media (max-width:575.98px) {
    .price .price-menu button, .price-list .price-menu button {
        box-shadow: none !important
    }

    .price .price-menu .dropdown-menu .dropdown-item, .price-list .price-menu .dropdown-menu .dropdown-item {
        padding: .9375rem .625rem
    }
}

.price-boxes, .price-list-boxes {
    margin-top: 2rem
}

    .price-boxes .card-price, .price-list-boxes .card-price {
        padding: .9375rem;
        width: auto
    }

        .price-boxes .card-price.border-3, .price-list-boxes .card-price.border-3 {
            border: .1875rem solid #fff
        }

        .price-boxes .card-price.border-5, .price-list-boxes .card-price.border-5 {
            border: .3125rem solid #fff
        }

        .price-boxes .card-price.bg-purple, .price-list-boxes .card-price.bg-purple {
            background-color: #f1f0fd
        }

        .price-boxes .card-price.trade-addon .circle, .price-list-boxes .card-price.trade-addon .circle {
            background-color: #ff3b30
        }

        .price-boxes .card-price.trade-addon.active.border-3, .price-list-boxes .card-price.trade-addon.active.border-3 {
            border-color: #ff3b30
        }

        .price-boxes .card-price.trade-addon.active .btn-pack-choose, .price-list-boxes .card-price.trade-addon.active .btn-pack-choose {
            color: #fff;
            background-color: #ff3b30;
            border-color: #ff3b30
        }

            .price-boxes .card-price.trade-addon.active .btn-pack-choose:hover, .price-list-boxes .card-price.trade-addon.active .btn-pack-choose:hover {
                color: #fff;
                background-color: #eb1004;
                border-color: #fc0d00
            }

            .price-boxes .card-price.trade-addon.active .btn-pack-choose.focus, .price-boxes .card-price.trade-addon.active .btn-pack-choose:focus, .price-list-boxes .card-price.trade-addon.active .btn-pack-choose.focus, .price-list-boxes .card-price.trade-addon.active .btn-pack-choose:focus {
                color: #fff;
                background-color: #eb1004;
                border-color: #fc0d00;
                box-shadow: 0 0 0 .2rem rgba(255,88,79,.5)
            }

            .price-boxes .card-price.trade-addon.active .btn-pack-choose.disabled, .price-boxes .card-price.trade-addon.active .btn-pack-choose:disabled, .price-list-boxes .card-price.trade-addon.active .btn-pack-choose.disabled, .price-list-boxes .card-price.trade-addon.active .btn-pack-choose:disabled {
                color: #fff;
                background-color: #ff3b30;
                border-color: #ff3b30
            }

            .price-boxes .card-price.trade-addon.active .btn-pack-choose:not(:disabled):not(.disabled).active, .price-boxes .card-price.trade-addon.active .btn-pack-choose:not(:disabled):not(.disabled):active, .price-list-boxes .card-price.trade-addon.active .btn-pack-choose:not(:disabled):not(.disabled).active, .price-list-boxes .card-price.trade-addon.active .btn-pack-choose:not(:disabled):not(.disabled):active, .show > .price-boxes .card-price.trade-addon.active .btn-pack-choose.dropdown-toggle, .show > .price-list-boxes .card-price.trade-addon.active .btn-pack-choose.dropdown-toggle {
                color: #fff;
                background-color: #fc0d00;
                border-color: #ef0d00
            }

                .price-boxes .card-price.trade-addon.active .btn-pack-choose:not(:disabled):not(.disabled).active:focus, .price-boxes .card-price.trade-addon.active .btn-pack-choose:not(:disabled):not(.disabled):active:focus, .price-list-boxes .card-price.trade-addon.active .btn-pack-choose:not(:disabled):not(.disabled).active:focus, .price-list-boxes .card-price.trade-addon.active .btn-pack-choose:not(:disabled):not(.disabled):active:focus, .show > .price-boxes .card-price.trade-addon.active .btn-pack-choose.dropdown-toggle:focus, .show > .price-list-boxes .card-price.trade-addon.active .btn-pack-choose.dropdown-toggle:focus {
                    box-shadow: 0 0 0 .2rem rgba(255,88,79,.5)
                }

        .price-boxes .card-price.trade-addon.bg-purple, .price-list-boxes .card-price.trade-addon.bg-purple {
            background-color: #fdedec
        }

            .price-boxes .card-price.trade-addon.bg-purple .btn-pack-choose, .price-list-boxes .card-price.trade-addon.bg-purple .btn-pack-choose {
                color: #212529;
                background-color: #fff;
                border-color: #fff;
                color: #ff3b30
            }

                .price-boxes .card-price.trade-addon.bg-purple .btn-pack-choose:hover, .price-list-boxes .card-price.trade-addon.bg-purple .btn-pack-choose:hover {
                    color: #fff;
                    background-color: #eb1004;
                    border-color: #e6e5e5
                }

                .price-boxes .card-price.trade-addon.bg-purple .btn-pack-choose.focus, .price-boxes .card-price.trade-addon.bg-purple .btn-pack-choose:focus, .price-list-boxes .card-price.trade-addon.bg-purple .btn-pack-choose.focus, .price-list-boxes .card-price.trade-addon.bg-purple .btn-pack-choose:focus {
                    color: #fff;
                    background-color: #eb1004;
                    border-color: #e6e5e5;
                    box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
                }

                .price-boxes .card-price.trade-addon.bg-purple .btn-pack-choose.disabled, .price-boxes .card-price.trade-addon.bg-purple .btn-pack-choose:disabled, .price-list-boxes .card-price.trade-addon.bg-purple .btn-pack-choose.disabled, .price-list-boxes .card-price.trade-addon.bg-purple .btn-pack-choose:disabled {
                    color: #212529;
                    background-color: #fff;
                    border-color: #fff
                }

                .price-boxes .card-price.trade-addon.bg-purple .btn-pack-choose:not(:disabled):not(.disabled).active, .price-boxes .card-price.trade-addon.bg-purple .btn-pack-choose:not(:disabled):not(.disabled):active, .price-list-boxes .card-price.trade-addon.bg-purple .btn-pack-choose:not(:disabled):not(.disabled).active, .price-list-boxes .card-price.trade-addon.bg-purple .btn-pack-choose:not(:disabled):not(.disabled):active, .show > .price-boxes .card-price.trade-addon.bg-purple .btn-pack-choose.dropdown-toggle, .show > .price-list-boxes .card-price.trade-addon.bg-purple .btn-pack-choose.dropdown-toggle {
                    color: #212529;
                    background-color: #e6e5e5;
                    border-color: #dfdfdf
                }

                    .price-boxes .card-price.trade-addon.bg-purple .btn-pack-choose:not(:disabled):not(.disabled).active:focus, .price-boxes .card-price.trade-addon.bg-purple .btn-pack-choose:not(:disabled):not(.disabled):active:focus, .price-list-boxes .card-price.trade-addon.bg-purple .btn-pack-choose:not(:disabled):not(.disabled).active:focus, .price-list-boxes .card-price.trade-addon.bg-purple .btn-pack-choose:not(:disabled):not(.disabled):active:focus, .show > .price-boxes .card-price.trade-addon.bg-purple .btn-pack-choose.dropdown-toggle:focus, .show > .price-list-boxes .card-price.trade-addon.bg-purple .btn-pack-choose.dropdown-toggle:focus {
                        box-shadow: 0 0 0 .2rem rgba(222,222,223,.5)
                    }

                .price-boxes .card-price.trade-addon.bg-purple .btn-pack-choose small, .price-list-boxes .card-price.trade-addon.bg-purple .btn-pack-choose small {
                    color: #ff3b30
                }

                .price-boxes .card-price.trade-addon.bg-purple .btn-pack-choose:hover small, .price-list-boxes .card-price.trade-addon.bg-purple .btn-pack-choose:hover small {
                    color: inherit
                }

        .price-boxes .card-price.trade-addon .btn-pack-choose, .price-list-boxes .card-price.trade-addon .btn-pack-choose {
            color: #212529;
            background-color: #f5a69e;
            border-color: #f5a69e;
            color: #fdedec
        }

            .price-boxes .card-price.trade-addon .btn-pack-choose:hover, .price-list-boxes .card-price.trade-addon .btn-pack-choose:hover {
                color: #fff;
                background-color: #ff3b30;
                border-color: #f07c70
            }

            .price-boxes .card-price.trade-addon .btn-pack-choose.focus, .price-boxes .card-price.trade-addon .btn-pack-choose:focus, .price-list-boxes .card-price.trade-addon .btn-pack-choose.focus, .price-list-boxes .card-price.trade-addon .btn-pack-choose:focus {
                color: #fff;
                background-color: #ff3b30;
                border-color: #f07c70;
                box-shadow: 0 0 0 .2rem rgba(213,147,140,.5)
            }

            .price-boxes .card-price.trade-addon .btn-pack-choose.disabled, .price-boxes .card-price.trade-addon .btn-pack-choose:disabled, .price-list-boxes .card-price.trade-addon .btn-pack-choose.disabled, .price-list-boxes .card-price.trade-addon .btn-pack-choose:disabled {
                color: #212529;
                background-color: #f5a69e;
                border-color: #f5a69e
            }

            .price-boxes .card-price.trade-addon .btn-pack-choose:not(:disabled):not(.disabled).active, .price-boxes .card-price.trade-addon .btn-pack-choose:not(:disabled):not(.disabled):active, .price-list-boxes .card-price.trade-addon .btn-pack-choose:not(:disabled):not(.disabled).active, .price-list-boxes .card-price.trade-addon .btn-pack-choose:not(:disabled):not(.disabled):active, .show > .price-boxes .card-price.trade-addon .btn-pack-choose.dropdown-toggle, .show > .price-list-boxes .card-price.trade-addon .btn-pack-choose.dropdown-toggle {
                color: #212529;
                background-color: #f07c70;
                border-color: #ef7164
            }

                .price-boxes .card-price.trade-addon .btn-pack-choose:not(:disabled):not(.disabled).active:focus, .price-boxes .card-price.trade-addon .btn-pack-choose:not(:disabled):not(.disabled):active:focus, .price-list-boxes .card-price.trade-addon .btn-pack-choose:not(:disabled):not(.disabled).active:focus, .price-list-boxes .card-price.trade-addon .btn-pack-choose:not(:disabled):not(.disabled):active:focus, .show > .price-boxes .card-price.trade-addon .btn-pack-choose.dropdown-toggle:focus, .show > .price-list-boxes .card-price.trade-addon .btn-pack-choose.dropdown-toggle:focus {
                    box-shadow: 0 0 0 .2rem rgba(213,147,140,.5)
                }

        .price-boxes .card-price.book-addon.active.border-3, .price-list-boxes .card-price.book-addon.active.border-3 {
            border-color: #3a2cd4
        }

        .price-boxes .card-price.book-addon.active .btn-pack-choose, .price-list-boxes .card-price.book-addon.active .btn-pack-choose {
            color: #fff;
            background-color: #3a2cd4;
            border-color: #3a2cd4
        }

            .price-boxes .card-price.book-addon.active .btn-pack-choose:hover, .price-list-boxes .card-price.book-addon.active .btn-pack-choose:hover {
                color: #fff;
                background-color: #0c0090;
                border-color: #2e23aa
            }

            .price-boxes .card-price.book-addon.active .btn-pack-choose.focus, .price-boxes .card-price.book-addon.active .btn-pack-choose:focus, .price-list-boxes .card-price.book-addon.active .btn-pack-choose.focus, .price-list-boxes .card-price.book-addon.active .btn-pack-choose:focus {
                color: #fff;
                background-color: #0c0090;
                border-color: #2e23aa;
                box-shadow: 0 0 0 .2rem rgba(88,76,218,.5)
            }

            .price-boxes .card-price.book-addon.active .btn-pack-choose.disabled, .price-boxes .card-price.book-addon.active .btn-pack-choose:disabled, .price-list-boxes .card-price.book-addon.active .btn-pack-choose.disabled, .price-list-boxes .card-price.book-addon.active .btn-pack-choose:disabled {
                color: #fff;
                background-color: #3a2cd4;
                border-color: #3a2cd4
            }

            .price-boxes .card-price.book-addon.active .btn-pack-choose:not(:disabled):not(.disabled).active, .price-boxes .card-price.book-addon.active .btn-pack-choose:not(:disabled):not(.disabled):active, .price-list-boxes .card-price.book-addon.active .btn-pack-choose:not(:disabled):not(.disabled).active, .price-list-boxes .card-price.book-addon.active .btn-pack-choose:not(:disabled):not(.disabled):active, .show > .price-boxes .card-price.book-addon.active .btn-pack-choose.dropdown-toggle, .show > .price-list-boxes .card-price.book-addon.active .btn-pack-choose.dropdown-toggle {
                color: #fff;
                background-color: #2e23aa;
                border-color: #2b21a0
            }

                .price-boxes .card-price.book-addon.active .btn-pack-choose:not(:disabled):not(.disabled).active:focus, .price-boxes .card-price.book-addon.active .btn-pack-choose:not(:disabled):not(.disabled):active:focus, .price-list-boxes .card-price.book-addon.active .btn-pack-choose:not(:disabled):not(.disabled).active:focus, .price-list-boxes .card-price.book-addon.active .btn-pack-choose:not(:disabled):not(.disabled):active:focus, .show > .price-boxes .card-price.book-addon.active .btn-pack-choose.dropdown-toggle:focus, .show > .price-list-boxes .card-price.book-addon.active .btn-pack-choose.dropdown-toggle:focus {
                    box-shadow: 0 0 0 .2rem rgba(88,76,218,.5)
                }

        .price-boxes .card-price.book-addon.bg-purple .btn-outline-more, .price-list-boxes .card-price.book-addon.bg-purple .btn-outline-more {
            color: #fff;
            background-color: transparent;
            border-color: #3a2cd4;
            color: #3a2cd4
        }

            .price-boxes .card-price.book-addon.bg-purple .btn-outline-more:hover, .price-list-boxes .card-price.book-addon.bg-purple .btn-outline-more:hover {
                color: #fff;
                background-color: #0c0090;
                border-color: #2e23aa
            }

            .price-boxes .card-price.book-addon.bg-purple .btn-outline-more.focus, .price-boxes .card-price.book-addon.bg-purple .btn-outline-more:focus, .price-list-boxes .card-price.book-addon.bg-purple .btn-outline-more.focus, .price-list-boxes .card-price.book-addon.bg-purple .btn-outline-more:focus {
                color: #fff;
                background-color: #0c0090;
                border-color: #2e23aa;
                box-shadow: 0 0 0 .2rem rgba(88,76,218,.5)
            }

            .price-boxes .card-price.book-addon.bg-purple .btn-outline-more.disabled, .price-boxes .card-price.book-addon.bg-purple .btn-outline-more:disabled, .price-list-boxes .card-price.book-addon.bg-purple .btn-outline-more.disabled, .price-list-boxes .card-price.book-addon.bg-purple .btn-outline-more:disabled {
                color: #fff;
                background-color: transparent;
                border-color: #3a2cd4
            }

            .price-boxes .card-price.book-addon.bg-purple .btn-outline-more:not(:disabled):not(.disabled).active, .price-boxes .card-price.book-addon.bg-purple .btn-outline-more:not(:disabled):not(.disabled):active, .price-list-boxes .card-price.book-addon.bg-purple .btn-outline-more:not(:disabled):not(.disabled).active, .price-list-boxes .card-price.book-addon.bg-purple .btn-outline-more:not(:disabled):not(.disabled):active, .show > .price-boxes .card-price.book-addon.bg-purple .btn-outline-more.dropdown-toggle, .show > .price-list-boxes .card-price.book-addon.bg-purple .btn-outline-more.dropdown-toggle {
                color: #fff;
                background-color: rgba(0,0,0,0);
                border-color: #2b21a0
            }

                .price-boxes .card-price.book-addon.bg-purple .btn-outline-more:not(:disabled):not(.disabled).active:focus, .price-boxes .card-price.book-addon.bg-purple .btn-outline-more:not(:disabled):not(.disabled):active:focus, .price-list-boxes .card-price.book-addon.bg-purple .btn-outline-more:not(:disabled):not(.disabled).active:focus, .price-list-boxes .card-price.book-addon.bg-purple .btn-outline-more:not(:disabled):not(.disabled):active:focus, .show > .price-boxes .card-price.book-addon.bg-purple .btn-outline-more.dropdown-toggle:focus, .show > .price-list-boxes .card-price.book-addon.bg-purple .btn-outline-more.dropdown-toggle:focus {
                    box-shadow: 0 0 0 .2rem rgba(88,76,218,.5)
                }

        .price-boxes .card-price.book-addon .btn-pack-choose, .price-list-boxes .card-price.book-addon .btn-pack-choose {
            color: #fff;
            background-color: #00bfe8;
            border-color: #00bfe8
        }

            .price-boxes .card-price.book-addon .btn-pack-choose:hover, .price-list-boxes .card-price.book-addon .btn-pack-choose:hover {
                color: #fff;
                background-color: #00abd0;
                border-color: #0095b5
            }

            .price-boxes .card-price.book-addon .btn-pack-choose.focus, .price-boxes .card-price.book-addon .btn-pack-choose:focus, .price-list-boxes .card-price.book-addon .btn-pack-choose.focus, .price-list-boxes .card-price.book-addon .btn-pack-choose:focus {
                color: #fff;
                background-color: #00abd0;
                border-color: #0095b5;
                box-shadow: 0 0 0 .2rem rgba(38,201,235,.5)
            }

            .price-boxes .card-price.book-addon .btn-pack-choose.disabled, .price-boxes .card-price.book-addon .btn-pack-choose:disabled, .price-list-boxes .card-price.book-addon .btn-pack-choose.disabled, .price-list-boxes .card-price.book-addon .btn-pack-choose:disabled {
                color: #fff;
                background-color: #00bfe8;
                border-color: #00bfe8
            }

            .price-boxes .card-price.book-addon .btn-pack-choose:not(:disabled):not(.disabled).active, .price-boxes .card-price.book-addon .btn-pack-choose:not(:disabled):not(.disabled):active, .price-list-boxes .card-price.book-addon .btn-pack-choose:not(:disabled):not(.disabled).active, .price-list-boxes .card-price.book-addon .btn-pack-choose:not(:disabled):not(.disabled):active, .show > .price-boxes .card-price.book-addon .btn-pack-choose.dropdown-toggle, .show > .price-list-boxes .card-price.book-addon .btn-pack-choose.dropdown-toggle {
                color: #fff;
                background-color: #0095b5;
                border-color: #008ba8
            }

                .price-boxes .card-price.book-addon .btn-pack-choose:not(:disabled):not(.disabled).active:focus, .price-boxes .card-price.book-addon .btn-pack-choose:not(:disabled):not(.disabled):active:focus, .price-list-boxes .card-price.book-addon .btn-pack-choose:not(:disabled):not(.disabled).active:focus, .price-list-boxes .card-price.book-addon .btn-pack-choose:not(:disabled):not(.disabled):active:focus, .show > .price-boxes .card-price.book-addon .btn-pack-choose.dropdown-toggle:focus, .show > .price-list-boxes .card-price.book-addon .btn-pack-choose.dropdown-toggle:focus {
                    box-shadow: 0 0 0 .2rem rgba(38,201,235,.5)
                }

        .price-boxes .card-price.staff-addon .circle, .price-list-boxes .card-price.staff-addon .circle {
            background-color: #2dac00
        }

        .price-boxes .card-price.staff-addon.active.border-3, .price-list-boxes .card-price.staff-addon.active.border-3 {
            border-color: #2dac00
        }

        .price-boxes .card-price.staff-addon.active .btn-pack-choose, .price-list-boxes .card-price.staff-addon.active .btn-pack-choose {
            color: #fff;
            background-color: #2dac00;
            border-color: #2dac00
        }

            .price-boxes .card-price.staff-addon.active .btn-pack-choose:hover, .price-list-boxes .card-price.staff-addon.active .btn-pack-choose:hover {
                color: #fff;
                background-color: #2dac00;
                border-color: #207900
            }

            .price-boxes .card-price.staff-addon.active .btn-pack-choose.focus, .price-boxes .card-price.staff-addon.active .btn-pack-choose:focus, .price-list-boxes .card-price.staff-addon.active .btn-pack-choose.focus, .price-list-boxes .card-price.staff-addon.active .btn-pack-choose:focus {
                color: #fff;
                background-color: #2dac00;
                border-color: #207900;
                box-shadow: 0 0 0 .2rem rgba(77,184,38,.5)
            }

            .price-boxes .card-price.staff-addon.active .btn-pack-choose.disabled, .price-boxes .card-price.staff-addon.active .btn-pack-choose:disabled, .price-list-boxes .card-price.staff-addon.active .btn-pack-choose.disabled, .price-list-boxes .card-price.staff-addon.active .btn-pack-choose:disabled {
                color: #fff;
                background-color: #2dac00;
                border-color: #2dac00
            }

            .price-boxes .card-price.staff-addon.active .btn-pack-choose:not(:disabled):not(.disabled).active, .price-boxes .card-price.staff-addon.active .btn-pack-choose:not(:disabled):not(.disabled):active, .price-list-boxes .card-price.staff-addon.active .btn-pack-choose:not(:disabled):not(.disabled).active, .price-list-boxes .card-price.staff-addon.active .btn-pack-choose:not(:disabled):not(.disabled):active, .show > .price-boxes .card-price.staff-addon.active .btn-pack-choose.dropdown-toggle, .show > .price-list-boxes .card-price.staff-addon.active .btn-pack-choose.dropdown-toggle {
                color: #fff;
                background-color: #207900;
                border-color: #1c6c00
            }

                .price-boxes .card-price.staff-addon.active .btn-pack-choose:not(:disabled):not(.disabled).active:focus, .price-boxes .card-price.staff-addon.active .btn-pack-choose:not(:disabled):not(.disabled):active:focus, .price-list-boxes .card-price.staff-addon.active .btn-pack-choose:not(:disabled):not(.disabled).active:focus, .price-list-boxes .card-price.staff-addon.active .btn-pack-choose:not(:disabled):not(.disabled):active:focus, .show > .price-boxes .card-price.staff-addon.active .btn-pack-choose.dropdown-toggle:focus, .show > .price-list-boxes .card-price.staff-addon.active .btn-pack-choose.dropdown-toggle:focus {
                    box-shadow: 0 0 0 .2rem rgba(77,184,38,.5)
                }

        .price-boxes .card-price.staff-addon.bg-purple .btn-outline-more, .price-list-boxes .card-price.staff-addon.bg-purple .btn-outline-more {
            color: #fff;
            background-color: transparent;
            border-color: #3a2cd4;
            color: #3a2cd4
        }

            .price-boxes .card-price.staff-addon.bg-purple .btn-outline-more:hover, .price-list-boxes .card-price.staff-addon.bg-purple .btn-outline-more:hover {
                color: #fff;
                background-color: #0c0090;
                border-color: #2e23aa
            }

            .price-boxes .card-price.staff-addon.bg-purple .btn-outline-more.focus, .price-boxes .card-price.staff-addon.bg-purple .btn-outline-more:focus, .price-list-boxes .card-price.staff-addon.bg-purple .btn-outline-more.focus, .price-list-boxes .card-price.staff-addon.bg-purple .btn-outline-more:focus {
                color: #fff;
                background-color: #0c0090;
                border-color: #2e23aa;
                box-shadow: 0 0 0 .2rem rgba(88,76,218,.5)
            }

            .price-boxes .card-price.staff-addon.bg-purple .btn-outline-more.disabled, .price-boxes .card-price.staff-addon.bg-purple .btn-outline-more:disabled, .price-list-boxes .card-price.staff-addon.bg-purple .btn-outline-more.disabled, .price-list-boxes .card-price.staff-addon.bg-purple .btn-outline-more:disabled {
                color: #fff;
                background-color: transparent;
                border-color: #3a2cd4
            }

            .price-boxes .card-price.staff-addon.bg-purple .btn-outline-more:not(:disabled):not(.disabled).active, .price-boxes .card-price.staff-addon.bg-purple .btn-outline-more:not(:disabled):not(.disabled):active, .price-list-boxes .card-price.staff-addon.bg-purple .btn-outline-more:not(:disabled):not(.disabled).active, .price-list-boxes .card-price.staff-addon.bg-purple .btn-outline-more:not(:disabled):not(.disabled):active, .show > .price-boxes .card-price.staff-addon.bg-purple .btn-outline-more.dropdown-toggle, .show > .price-list-boxes .card-price.staff-addon.bg-purple .btn-outline-more.dropdown-toggle {
                color: #fff;
                background-color: rgba(0,0,0,0);
                border-color: #2b21a0
            }

                .price-boxes .card-price.staff-addon.bg-purple .btn-outline-more:not(:disabled):not(.disabled).active:focus, .price-boxes .card-price.staff-addon.bg-purple .btn-outline-more:not(:disabled):not(.disabled):active:focus, .price-list-boxes .card-price.staff-addon.bg-purple .btn-outline-more:not(:disabled):not(.disabled).active:focus, .price-list-boxes .card-price.staff-addon.bg-purple .btn-outline-more:not(:disabled):not(.disabled):active:focus, .show > .price-boxes .card-price.staff-addon.bg-purple .btn-outline-more.dropdown-toggle:focus, .show > .price-list-boxes .card-price.staff-addon.bg-purple .btn-outline-more.dropdown-toggle:focus {
                    box-shadow: 0 0 0 .2rem rgba(88,76,218,.5)
                }

        .price-boxes .card-price.staff-addon .btn-pack-choose, .price-list-boxes .card-price.staff-addon .btn-pack-choose {
            color: #212529;
            background-color: #cde267;
            border-color: #cde267;
            color: #fff
        }

            .price-boxes .card-price.staff-addon .btn-pack-choose:hover, .price-list-boxes .card-price.staff-addon .btn-pack-choose:hover {
                color: #212529;
                background-color: #abcf02;
                border-color: #bfda3c
            }

            .price-boxes .card-price.staff-addon .btn-pack-choose.focus, .price-boxes .card-price.staff-addon .btn-pack-choose:focus, .price-list-boxes .card-price.staff-addon .btn-pack-choose.focus, .price-list-boxes .card-price.staff-addon .btn-pack-choose:focus {
                color: #212529;
                background-color: #abcf02;
                border-color: #bfda3c;
                box-shadow: 0 0 0 .2rem rgba(179,198,94,.5)
            }

            .price-boxes .card-price.staff-addon .btn-pack-choose.disabled, .price-boxes .card-price.staff-addon .btn-pack-choose:disabled, .price-list-boxes .card-price.staff-addon .btn-pack-choose.disabled, .price-list-boxes .card-price.staff-addon .btn-pack-choose:disabled {
                color: #212529;
                background-color: #cde267;
                border-color: #cde267
            }

            .price-boxes .card-price.staff-addon .btn-pack-choose:not(:disabled):not(.disabled).active, .price-boxes .card-price.staff-addon .btn-pack-choose:not(:disabled):not(.disabled):active, .price-list-boxes .card-price.staff-addon .btn-pack-choose:not(:disabled):not(.disabled).active, .price-list-boxes .card-price.staff-addon .btn-pack-choose:not(:disabled):not(.disabled):active, .show > .price-boxes .card-price.staff-addon .btn-pack-choose.dropdown-toggle, .show > .price-list-boxes .card-price.staff-addon .btn-pack-choose.dropdown-toggle {
                color: #212529;
                background-color: #bfda3c;
                border-color: #bbd831
            }

                .price-boxes .card-price.staff-addon .btn-pack-choose:not(:disabled):not(.disabled).active:focus, .price-boxes .card-price.staff-addon .btn-pack-choose:not(:disabled):not(.disabled):active:focus, .price-list-boxes .card-price.staff-addon .btn-pack-choose:not(:disabled):not(.disabled).active:focus, .price-list-boxes .card-price.staff-addon .btn-pack-choose:not(:disabled):not(.disabled):active:focus, .show > .price-boxes .card-price.staff-addon .btn-pack-choose.dropdown-toggle:focus, .show > .price-list-boxes .card-price.staff-addon .btn-pack-choose.dropdown-toggle:focus {
                    box-shadow: 0 0 0 .2rem rgba(179,198,94,.5)
                }

            .price-boxes .card-price.staff-addon .btn-pack-choose:hover, .price-list-boxes .card-price.staff-addon .btn-pack-choose:hover {
                color: #fff !important
            }

        .price-boxes .card-price .price-functions button, .price-list-boxes .card-price .price-functions button {
            width: 180px
        }

        .price-boxes .card-price .price-functions a:before, .price-list-boxes .card-price .price-functions a:before {
            content: '';
            padding-right: 1.125rem
        }

        .price-boxes .card-price .price-functions a.selected, .price-list-boxes .card-price .price-functions a.selected {
            background-color: #e6f9fd
        }

            .price-boxes .card-price .price-functions a.selected:before, .price-list-boxes .card-price .price-functions a.selected:before {
                background: url(/_public/wf/icons/check.svg) no-repeat left center;
                background-size: .75rem;
                color: #00bfe8;
                content: ''
            }

        .price-boxes .card-price .btn small, .price-list-boxes .card-price .btn small {
            line-height: .9375rem
        }

        .price-boxes .card-price .card-header, .price-list-boxes .card-price .card-header {
            align-items: center;
            display: flex;
            font-size: 1.3125rem;
            font-weight: 700;
            height: 3.75rem;
            justify-content: center;
            line-height: 1.8125rem;
            margin-bottom: 2.1875rem;
            text-align: center
        }

        .price-boxes .card-price .list-features, .price-list-boxes .card-price .list-features {
            line-height: 2.25rem;
            list-style: none;
            padding: 0
        }

            .price-boxes .card-price .list-features li:before, .price-list-boxes .card-price .list-features li:before {
                content: '';
                padding-right: 1rem
            }

            .price-boxes .card-price .list-features li:not(.no-check):before, .price-list-boxes .card-price .list-features li:not(.no-check):before {
                background: url(/_public/wf/icons/check.svg) no-repeat left center;
                background-size: .5rem;
                color: #00bfe8
            }

            .price-boxes .card-price .list-features li ul, .price-list-boxes .card-price .list-features li ul {
                list-style: disc;
                padding-left: 3.5rem
            }

                .price-boxes .card-price .list-features li ul li::before, .price-list-boxes .card-price .list-features li ul li::before {
                    background: 0 0 !important;
                    padding: 0
                }

                .price-boxes .card-price .list-features li ul li::marker, .price-list-boxes .card-price .list-features li ul li::marker {
                    color: #00bfe8
                }

        .price-boxes .card-price .circle, .price-list-boxes .card-price .circle {
            background: #3a2cd4;
            border-radius: .9375rem;
            color: #fff;
            font-size: 1.5625rem;
            font-weight: 700;
            height: 1.875rem;
            line-height: 1.75rem;
            margin: 0 auto;
            width: 1.875rem
        }

        .price-boxes .card-price .btn-dropdown-primary, .price-list-boxes .card-price .btn-dropdown-primary {
            font-size: .75rem;
            font-weight: 600
        }

        .price-boxes .card-price .accounting-office, .price-list-boxes .card-price .accounting-office {
            align-items: center;
            border: .0625rem solid #3a2cd4;
            border-radius: 3.75rem;
            display: flex;
            height: 7.5rem;
            justify-content: center;
            line-height: 3.75rem;
            margin: 3.75rem auto 2.625rem auto;
            width: 7.5rem
        }

            .price-boxes .card-price .accounting-office img, .price-list-boxes .card-price .accounting-office img {
                width: 50%
            }

        .price-boxes .card-price .assistant, .price-list-boxes .card-price .assistant {
            bottom: -7.5rem;
            left: 0;
            position: absolute;
            right: 0
        }

@media (min-width:992px) {
    .price-boxes .card-price .assistant.after-features, .price-list-boxes .card-price .assistant.after-features {
        bottom: -9rem
    }
}

.price-boxes .card-price .assistant img, .price-list-boxes .card-price .assistant img {
    width: 80%
}

@media (max-width:1199.98px) {
    .price-boxes .card-price .assistant, .price-list-boxes .card-price .assistant {
        bottom: -5rem
    }

        .price-boxes .card-price .assistant img, .price-list-boxes .card-price .assistant img {
            width: 70%
        }
}

@media (max-width:1199.98px) and (max-width:767.98px) {
    .price-boxes .card-price .assistant img, .price-list-boxes .card-price .assistant img {
        display: none
    }
}

@media (max-width:575.98px) {
    .price-boxes .card-price, .price-list-boxes .card-price {
        padding: initial
    }
}

@media (min-width:768px) and (max-width:1199.98px) {
    .price-boxes .row, .price-list-boxes .row {
        display: flex;
        justify-content: center
    }
}

@media (max-width:767.98px) {
    .price .row > div .card, .price-list .row > div .card {
        height: auto !important;
        margin-bottom: 2rem
    }

        .price .row > div .card .card-header, .price-list .row > div .card .card-header {
            height: auto;
            margin-bottom: .75rem
        }

            .price .row > div .card .card-header + div, .price-list .row > div .card .card-header + div {
                margin-bottom: 1.75rem
            }
}

@media (max-width:767.98px) and (max-width:350px) {
    .price .row > div .card .btn-big-text, .price-list .row > div .card .btn-big-text {
        font-size: 1.25rem !important
    }
}

@media (max-width:767.98px) {
    .price h3, .price-list h3 {
        margin-bottom: 3.75rem
    }

    .price-boxes, .price-list-boxes {
        margin-top: 2.3125rem
    }
}

.price-list-red, .price-red {
    background: url(/_public/wf/img/blob-price-red.svg) no-repeat center 6.875rem;
    background-size: contain;
    padding: 0 0 9.0625rem 0
}

    .price-list-red:after, .price-red:after {
        display: none
    }

    .price-list-red .btn-light-danger, .price-red .btn-light-danger {
        color: #ff3b30
    }

        .price-list-red .btn-light-danger > small, .price-red .btn-light-danger > small {
            color: #ff3b30
        }

        .price-list-red .btn-light-danger:hover, .price-red .btn-light-danger:hover {
            color: #fff
        }

            .price-list-red .btn-light-danger:hover > small, .price-red .btn-light-danger:hover > small {
                color: #fff
            }

@media (max-width:575.98px) {
    .price-list-red, .price-red {
        background-position: 50% 85%;
        background-size: auto 50%;
        padding: 6.25rem 0 1.25rem 0
    }
}

.price-functions-link, .price-list-functions-link {
    font-size: 1.5rem
}

    .price-functions-link a, .price-list-functions-link a {
        color: initial;
        font-weight: 700;
        text-decoration: underline
    }

@media (max-width:991.98px) {
    .price .promotion-bar-wrapper, .price-list .promotion-bar-wrapper {
        margin-top: 1.875rem
    }
}

@media (min-width:576px) and (max-width:767px) {
    .price .promotion-bar-wrapper, .price-list .promotion-bar-wrapper {
        margin-top: .625rem
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .price .promotion-bar-wrapper, .price-list .promotion-bar-wrapper {
        margin-top: 3.125rem
    }
}

.price .promotion-bar-wrapper .promotion-bar, .price-list .promotion-bar-wrapper .promotion-bar {
    align-items: center;
    border-radius: 6px;
    display: flex;
    justify-content: space-around;
    padding: 1.875rem 2.1875rem
}

@media (max-width:991.98px) {
    .price .promotion-bar-wrapper .promotion-bar, .price-list .promotion-bar-wrapper .promotion-bar {
        flex-flow: column
    }
}

.price .promotion-bar-wrapper .promotion-bar .promotion-text, .price-list .promotion-bar-wrapper .promotion-bar .promotion-text {
    text-align: center
}

    .price .promotion-bar-wrapper .promotion-bar .promotion-text .promotion-header, .price-list .promotion-bar-wrapper .promotion-bar .promotion-text .promotion-header {
        font-size: 1.75rem;
        font-weight: 700;
        margin: 0 0 .625rem 0
    }

        .price .promotion-bar-wrapper .promotion-bar .promotion-text .promotion-header a, .price-list .promotion-bar-wrapper .promotion-bar .promotion-text .promotion-header a {
            color: #181818;
            text-decoration: none
        }

    .price .promotion-bar-wrapper .promotion-bar .promotion-text .promotion-desc, .price-list .promotion-bar-wrapper .promotion-bar .promotion-text .promotion-desc {
        font-size: 1rem;
        font-weight: 400;
        margin: 0
    }

@media (max-width:991.98px) {
    .price .promotion-bar-wrapper .promotion-bar .promotion-text, .price-list .promotion-bar-wrapper .promotion-bar .promotion-text {
        margin-bottom: 1.125rem
    }
}

.price .promotion-bar-wrapper .promotion-bar #promotion-countdown, .price-list .promotion-bar-wrapper .promotion-bar #promotion-countdown {
    display: flex
}

    .price .promotion-bar-wrapper .promotion-bar #promotion-countdown [class^=counter-], .price-list .promotion-bar-wrapper .promotion-bar #promotion-countdown [class^=counter-] {
        background: #ff3b30;
        border-radius: .375rem;
        margin-right: .5rem;
        padding: .625rem;
        text-align: center
    }

    .price .promotion-bar-wrapper .promotion-bar #promotion-countdown .first-digit, .price .promotion-bar-wrapper .promotion-bar #promotion-countdown .second-digit, .price-list .promotion-bar-wrapper .promotion-bar #promotion-countdown .first-digit, .price-list .promotion-bar-wrapper .promotion-bar #promotion-countdown .second-digit {
        color: #fff;
        font-size: 2.875rem;
        font-weight: 700
    }

@media (max-width:575.98px) {
    .price .promotion-bar-wrapper .promotion-bar #promotion-countdown .first-digit, .price .promotion-bar-wrapper .promotion-bar #promotion-countdown .second-digit, .price-list .promotion-bar-wrapper .promotion-bar #promotion-countdown .first-digit, .price-list .promotion-bar-wrapper .promotion-bar #promotion-countdown .second-digit {
        font-size: 1.125rem
    }
}

.price .promotion-bar-wrapper .promotion-bar #promotion-countdown .promotion-counter-title, .price-list .promotion-bar-wrapper .promotion-bar #promotion-countdown .promotion-counter-title {
    color: #fff;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 11px
}

@media (max-width:575.98px) {
    .price .promotion-bar-wrapper .promotion-bar #promotion-countdown .promotion-counter-title, .price-list .promotion-bar-wrapper .promotion-bar #promotion-countdown .promotion-counter-title {
        font-size: 1.125rem
    }
}

.price-list.trade .promotion-bar, .price.trade .promotion-bar {
    background-color: #fdedec
}

    .price-list.trade .promotion-bar #promotion-countdown [class^=counter-], .price.trade .promotion-bar #promotion-countdown [class^=counter-] {
        background: #ff3b30
    }

.price-list.book .promotion-bar, .price.book .promotion-bar {
    background-color: #e6f9fd
}

    .price-list.book .promotion-bar #promotion-countdown [class^=counter-], .price.book .promotion-bar #promotion-countdown [class^=counter-] {
        background: #00bfe8
    }

.price-list.staff .promotion-bar, .price.staff .promotion-bar {
    background-color: #f7fae6
}

    .price-list.staff .promotion-bar #promotion-countdown [class^=counter-], .price.staff .promotion-bar #promotion-countdown [class^=counter-] {
        background: #abcf02
    }

#what-is-wfirma, .check-advantages {
    margin-top: 3.125rem
}

    #what-is-wfirma h2, .check-advantages h2 {
        font-size: 2.75rem;
        font-weight: 400;
        line-height: 3rem
    }

    #what-is-wfirma h3, .check-advantages h3 {
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 1.625rem;
        margin-bottom: 1.375rem
    }

        #what-is-wfirma h3:before, .check-advantages h3:before {
            background: url(/_public/wf/icons/tick-green.svg) no-repeat center center;
            background-size: .875rem;
            content: '';
            display: inline-block;
            height: .875rem;
            margin-right: .9375rem;
            width: .875rem
        }

    #what-is-wfirma p, .check-advantages p {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.25rem
    }

@media (max-width:991.98px) {
    #what-is-wfirma h2, .check-advantages h2 {
        margin-bottom: 3.75rem;
        text-align: center
    }
}

@media (max-width:575.98px) {
    #what-is-wfirma h2, .check-advantages h2 {
        font-size: 2.375rem;
        margin-bottom: 1.875rem;
        text-align: left
    }

    #what-is-wfirma p, .check-advantages p {
        margin-bottom: 2.5rem
    }
}

#what-is-wfirma .card, .check-advantages .card {
    margin: 6.25rem auto
}

    #what-is-wfirma .card.bg-grey, .check-advantages .card.bg-grey {
        background-color: #f7f8fa
    }

    #what-is-wfirma .card .img-container, .check-advantages .card .img-container {
        position: relative
    }

        #what-is-wfirma .card .img-container:before, .check-advantages .card .img-container:before {
            background: url(/_public/wf/img/price-blob.png) no-repeat left bottom;
            background-size: 100%;
            border-bottom-left-radius: .625rem;
            bottom: 0;
            content: '';
            display: block;
            height: 100%;
            position: absolute;
            width: 16.25rem
        }

        #what-is-wfirma .card .img-container:after, .check-advantages .card .img-container:after {
            background: url(/_public/wf/icons/wfirma-logo-sm-white.svg) no-repeat center center;
            background-size: 40%;
            bottom: 0;
            content: '';
            display: block;
            height: 7.5rem;
            position: absolute;
            width: 12.5rem
        }

        #what-is-wfirma .card .img-container .card-img, .check-advantages .card .img-container .card-img {
            border-bottom-left-radius: .625rem;
            border-top-left-radius: .625rem;
            height: 100%;
            width: auto
        }

    #what-is-wfirma .card .btn-primary, .check-advantages .card .btn-primary {
        width: 23.75rem
    }

        #what-is-wfirma .card .btn-primary small, .check-advantages .card .btn-primary small {
            height: 1.25rem;
            line-height: 1.25rem;
            margin-top: .625rem
        }

    #what-is-wfirma .card h2, .check-advantages .card h2 {
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 3.25rem;
        margin-bottom: 2.125rem
    }

    #what-is-wfirma .card .card-text, .check-advantages .card .card-text {
        font-size: 1.125rem;
        font-weight: 300;
        line-height: 1.5625rem;
        margin-bottom: 3.5625rem
    }

@media (max-width:1199.98px) {
    #what-is-wfirma .card .img-container:before, .check-advantages .card .img-container:before {
        border-bottom-left-radius: 0;
        width: 50%
    }

    #what-is-wfirma .card .img-container:after, .check-advantages .card .img-container:after {
        height: 30%;
        width: 40%
    }

    #what-is-wfirma .card .img-container .card-img, .check-advantages .card .img-container .card-img {
        border-bottom-left-radius: 0;
        border-top-left-radius: .625rem;
        border-top-right-radius: .625rem;
        height: auto;
        width: 100%
    }

    #what-is-wfirma .card .card-body, #what-is-wfirma .card h2, .check-advantages .card .card-body, .check-advantages .card h2 {
        text-align: center
    }
}

@media (max-width:1199.98px) {
    #what-is-wfirma .card .btn, .check-advantages .card .btn {
        line-height: 1.5;
        padding-bottom: 1.375rem;
        padding-top: 1.375rem
    }
}

@media (min-width:768px) {
    #what-is-wfirma .card .card-body, .check-advantages .card .card-body {
        padding: 3.75rem
    }
}

@media (max-width:575.98px) {
    #what-is-wfirma .card, .check-advantages .card {
        margin: 1.25rem auto
    }

        #what-is-wfirma .card h2, .check-advantages .card h2 {
            font-size: 1.5625rem;
            line-height: 1.5625rem;
            margin-top: 1.25rem
        }

        #what-is-wfirma .card .btn, .check-advantages .card .btn {
            display: block;
            width: 100%
        }

            #what-is-wfirma .card .btn.btn-big-text, .check-advantages .card .btn.btn-big-text {
                font-size: 1.25rem !important
            }
}

#faq {
    margin-bottom: 100px
}

@media (max-width:991.98px) {
    #faq {
        margin-bottom: 60px
    }
}

@media (max-width:767.98px) {
    #faq h4 {
        font-size: 24px
    }
}

@media (max-width:575.98px) {
    #faq .container-fluid, #faq .container-lg, #faq .container-md, #faq .container-sm, #faq .container-xl {
        max-width: 1076px
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    #faq .container-fluid, #faq .container-lg, #faq .container-md, #faq .container-sm, #faq .container-xl {
        max-width: 1076px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    #faq .container-fluid, #faq .container-lg, #faq .container-md, #faq .container-sm, #faq .container-xl {
        max-width: 1268px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    #faq .container-fluid, #faq .container-lg, #faq .container-md, #faq .container-sm, #faq .container-xl {
        max-width: 1492px
    }
}

@media (min-width:1200px) {
    #faq .container-fluid, #faq .container-lg, #faq .container-md, #faq .container-sm, #faq .container-xl {
        max-width: 1640px
    }
}

#hints {
    display: flex
}

    #hints .block {
        width: 50%
    }

        #hints .block.bg-beige {
            background-color: #f6edd3
        }

        #hints .block.bg-purple {
            background-color: #f1f0fd;
            z-index: 0
        }

        #hints .block .container {
            padding-bottom: 4.375rem;
            padding-top: 4.375rem
        }

@media (min-width:992px) {
    #hints .block .container.container-left {
        padding-right: 4.375rem
    }
}

@media (min-width:992px) and (min-width:576px) and (max-width:767.98px) {
    #hints .block .container.container-left {
        margin-left: auto;
        margin-right: 0;
        width: calc(540px / 2)
    }
}

@media (min-width:992px) and (min-width:768px) and (max-width:991.98px) {
    #hints .block .container.container-left {
        margin-left: auto;
        margin-right: 0;
        width: calc(720px / 2)
    }
}

@media (min-width:992px) and (min-width:992px) and (max-width:1199.98px) {
    #hints .block .container.container-left {
        margin-left: auto;
        margin-right: 0;
        width: calc(960px / 2)
    }
}

@media (min-width:992px) and (min-width:1200px) {
    #hints .block .container.container-left {
        margin-left: auto;
        margin-right: 0;
        width: calc(1195px / 2)
    }
}

@media (min-width:992px) {
    #hints .block .container.container-right {
        padding-left: 4.375rem
    }
}

@media (min-width:992px) and (min-width:576px) and (max-width:767.98px) {
    #hints .block .container.container-right {
        margin-left: 0;
        margin-right: auto;
        width: calc(540px / 2)
    }
}

@media (min-width:992px) and (min-width:768px) and (max-width:991.98px) {
    #hints .block .container.container-right {
        margin-left: 0;
        margin-right: auto;
        width: calc(720px / 2)
    }
}

@media (min-width:992px) and (min-width:992px) and (max-width:1199.98px) {
    #hints .block .container.container-right {
        margin-left: 0;
        margin-right: auto;
        width: calc(960px / 2)
    }
}

@media (min-width:992px) and (min-width:1200px) {
    #hints .block .container.container-right {
        margin-left: 0;
        margin-right: auto;
        width: calc(1195px / 2)
    }
}

#hints .block .container h3 {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 2.5rem
}

#hints .block .container .hint-category {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.125rem
}

    #hints .block .container .hint-category.fg-beige {
        color: #a09065
    }

    #hints .block .container .hint-category.fg-purple {
        color: #3a2cd4
    }

#hints .block .container p {
    font-size: 1.3125rem;
    font-weight: 400;
    line-height: 1.8125rem;
    margin: 2.5rem 0 2.8125rem 0
}

    #hints .block .container p .highlight {
        display: inline-block
    }

        #hints .block .container p .highlight:after {
            border-bottom: .3125rem solid #c2c0f1;
            content: '';
            display: block;
            position: relative;
            top: -.5625rem;
            z-index: -1
        }

#hints .block .container .btn-outline-tertiary {
    border-radius: .1875rem;
    padding: .625rem 1.6875rem
}

@media (max-width:991.98px) {
    #hints {
        display: block
    }

        #hints .block {
            width: 100%
        }

            #hints .block .container.container-left, #hints .block .container.container-right {
                padding: 4.375rem calc(2.5rem / 2);
                width: 100%
            }
}

@media (max-width:575.98px) {
    #hints .block .container.container-left, #hints .block .container.container-right {
        padding-bottom: 2.125rem;
        padding-top: 2.125rem
    }

    #hints .block .container h2 {
        font-size: 1.5rem
    }

    #hints .block .btn-outline-tertiary {
        display: block
    }
}

body.page-small-company {
    overflow-x: hidden
}

.small-company .hero-img-container img {
    width: 91%
}

    .small-company .hero-img-container img:last-child {
        left: 50%;
        position: absolute;
        top: 1.0625rem;
        transform: translateX(-50%)
    }

@media (min-width:1200px) {
    .small-company .hero-text {
        margin-top: -14.5rem
    }
}

.small-company-cards-allegro-icon {
    position: absolute;
    right: 3.125rem;
    top: 0
}

@media (max-width:767.98px) {
    .small-company-cards-allegro-icon {
        margin-top: 1.875rem;
        position: initial
    }
}

@media (max-width:380px) {
    .small-company-ocr li > span:first-child {
        float: left;
        margin-right: 1.5625rem
    }

    .small-company-ocr li > span:last-child {
        display: block;
        position: relative;
        top: -.625rem
    }

    .small-company-ocr li:nth-child(2) i {
        vertical-align: baseline
    }
}

.partnership .hero-img-container img {
    width: 91%
}

    .partnership .hero-img-container img:last-child {
        left: 50%;
        position: absolute;
        top: 1.0625rem;
        transform: translateX(-50%);
        width: 85%
    }

.partnership .hero-text {
    margin-top: -12rem
}

@media (min-width:768px) and (max-width:991.98px) {
    .partnership .hero-text {
        margin-top: 1.25rem
    }
}

@media (max-width:767.98px) {
    .partnership .hero-text {
        margin-top: 0
    }
}

.partnership-feature-list ul li {
    font-size: 1.375rem;
    font-weight: 700
}

    .partnership-feature-list ul li:before {
        font-size: 1rem;
        position: relative;
        top: -.25rem
    }

.partnership-feature-list p {
    font-size: 1.375rem;
    margin-left: 1.4375rem
}

    .partnership-feature-list p:last-child {
        font-size: 1rem
    }

@media (max-width:991.98px) {
    .partnership-feature-list-header h2 {
        font-size: 2.25rem
    }
}

.partnership-cards .card {
    min-height: 12.5rem
}

.partnership-cards .card-info-bisque {
    border-color: #ec662b
}

.partnership-cards h3 {
    font-size: 1.125rem
}

.partnership-cards p {
    font-size: .875rem
}

.partnership-cards-img {
    object-fit: cover;
    height: 100%
}

.partnership-consulting-container {
    background: url(/_public/wf/img/blob-consulting.svg) no-repeat center;
    background-size: auto;
    padding: 13.75rem 0
}

@media (max-width:767.98px) {
    .partnership-consulting-container {
        background-size: contain;
        padding: 7.5rem 0
    }

        .partnership-consulting-container h2 {
            font-size: 1.5rem
        }
}

.pgp-key .container {
    background: url(/_public/wf/img/blob-pgp.png) no-repeat;
    background-size: contain
}

@media (max-width:767.98px) {
    .pgp-key .container {
        background: 0 0
    }
}

.pgp-key-header p {
    font-size: .9375rem
}

    .pgp-key-header p a {
        font-size: .875rem
    }

.pgp-key-content {
    color: #000;
    font-family: monospace;
    white-space: pre-wrap
}

body.accountancy-software .pre-header {
    height: .0625rem
}

body.accountancy-software header, body.accountancy-software header nav {
    background-color: #f7f8fa
}

.accountancy-software-wrapper {
    background-color: #F2F3F5;
    /* padding-bottom: 6.5625rem; */
    padding-top: .3125rem
}

.accountancy-software-benefits {
    font-weight: 300
}

    .accountancy-software-benefits h2 {
        font-size: 2.5rem
    }

.accountancy-software-benefits-clients h2 {
    font-size: 2.75rem
}

.accountancy-software-benefits-clients .btn {
    font-size: .8125rem
}

@media (max-width:767.98px) {
    .accountancy-software-benefits-clients h2 {
        font-size: 2.25rem
    }
}

.accountancy-software-benefits-more {
    background-color: #f7f8fa;
    border-radius: 6.25rem;
    font-size: .8125rem;
    font-weight: 400;
    padding: .875rem 1.875rem
}

    .accountancy-software-benefits-more a {
        color: #3a2cd4
    }

@media (min-width:992px) and (max-width:1199.98px) {
    .accountancy-software-cooperation h2 {
        font-size: 2.125rem
    }
}

@media (max-width:991.98px) {
    .accountancy-software-cooperation h2 {
        font-size: 2.25rem
    }
}

@media (max-width:991.98px) {
    .accountancy-software-cooperation div:last-child img {
        width: 100%
    }
}

.accountancy-software-functions h2 {
    font-size: 2.5rem;
    font-weight: 600
}

@media (max-width:767.98px) {
    .accountancy-software-functions h2 {
        font-size: 2.25rem
    }
}

.accountancy-software-trial-container {
    background-color: #f1f0fd;
    border-radius: .375rem;
    height: 18.75rem;
    position: relative
}

    .accountancy-software-trial-container img {
        left: -12.1875rem;
        position: absolute;
        top: -1.0625rem
    }

    .accountancy-software-trial-container .check {
        color: #3a2cd4;
        font-size: 1.125rem
    }

        .accountancy-software-trial-container .check li:last-child {
            margin-bottom: 0
        }

    .accountancy-software-trial-container .btn {
        font-size: 1.3125rem;
        font-weight: 700;
        padding: 1.5625rem 1.875rem
    }

@media (max-width:1199.98px) {
    .accountancy-software-trial-container {
        height: 100%;
        margin: 6.25rem auto;
        padding-bottom: 5rem
    }

        .accountancy-software-trial-container img {
            margin-top: -9.875rem;
            position: initial
        }
}

@media (max-width:767.98px) {
    .accountancy-software-trial-container {
        margin: -4.0625rem auto;
        padding: 0 1.875rem 2.5rem 1.875rem !important
    }

        .accountancy-software-trial-container img {
            margin-top: 4.375rem
        }

        .accountancy-software-trial-container .btn {
            width: 100%
        }
}

.accountancy-software-courses .container-fluid, .accountancy-software-courses .container-lg, .accountancy-software-courses .container-md, .accountancy-software-courses .container-sm, .accountancy-software-courses .container-xl {
    background-color: #fef8e6;
    padding: 7.1875rem 12.5rem
}

.accountancy-software-courses-header {
    color: #f6edd3;
    font-size: 7.5rem
}

@media (max-width:1199.98px) {
    .accountancy-software-courses-header {
        font-size: 4.5rem
    }
}

.accountancy-software-courses .card-event {
    padding: 3.125rem 0
}

@media (max-width:767.98px) {
    .accountancy-software-courses .card-event .btn {
        width: 100%
    }
}

@media (max-width:767.98px) {
    .accountancy-software-courses .card-title {
        font-size: 2rem
    }
}

.accountancy-software-courses .card-simple {
    margin: .375rem 0;
    width: 100%
}

.accountancy-software-guide-lead {
    font-size: 2.25rem;
    font-weight: 300
}

.accountancy-software-guide .advice-slider a {
    color: #181818;
    text-decoration: none
}

.accountancy-software-guide .advice-slider:before {
    display: none
}

.accountancy-software-guide h2 {
    position: relative
}

    .accountancy-software-guide h2:after {
        background: url(/_public/wf/img/blob-7.svg) no-repeat;
        background-size: contain;
        content: '';
        height: 23.5625rem;
        left: 15.6875rem;
        position: absolute;
        top: -7.375rem;
        width: 34.875rem
    }

@media (max-width:1199.98px) {
    .accountancy-software-guide h2 {
        font-size: 2.25rem
    }

        .accountancy-software-guide h2:after {
            display: none
        }
}

@media (max-width:1199.98px) {
    .accountancy-software-guide h2 {
        font-size: 1.75rem
    }
}

.accountancy-software-price-list-footer {
    background-color: #3a2cd4;
    border-bottom-left-radius: .625rem;
    border-bottom-right-radius: .625rem;
    color: #fff
}

.accountancy-software-price-list .card-body {
    padding-top: 3.125rem !important
}

.accountancy-software-price-list .card-big-number {
    font-size: 5.625rem !important
}

.accountancy-software-clients h2 {
    font-weight: 600
}

.accountancy-software-clients .btn {
    border-radius: 6.25rem
}

.accountancy-software-trial-banner-wrapper {
    border: .0625rem solid #1E4C9A;
    border-radius: .1875rem;
    padding-top: 2.8125rem;
    background-color: #F2F3F5;
}

@media (max-width:991.98px) {
    .accountancy-software-trial-banner-wrapper h2 {
        font-size: 2.25rem
    }

        .accountancy-software-trial-banner-wrapper h2 .tick-underline {
            box-shadow: inset 0 -.3125rem 0 transparent,inset 0 -.875rem 0 rgba(58,44,212,.3)
        }
}

@media (max-width:575.98px) {
    .accountancy-software-trial-banner-wrapper h2 {
        font-size: 2rem
    }
}

.accountancy-software-trial-banner-footer {
    background-color: #F0F0F0;
    border-top: .0625rem solid #1E4C9A;
    color: #1E4C9A;
    font-size: 1.3125rem;
    font-weight: 600;
    padding: 1.875rem 5rem
}

    .accountancy-software-trial-banner-footer i {
        vertical-align: unset
    }

.accountancy-software-trial-banner-footer-slogan div:not(:last-child) {
    margin-right: 2.1875rem
}

@media (min-width:992px) and (max-width:1199.98px) {
    .accountancy-software-trial-banner-footer-slogan div:not(:last-child) {
        margin-right: .9375rem
    }
}

@media (max-width:767.98px) {
    .accountancy-software-trial-banner-footer-slogan div:not(:last-child) {
        margin-bottom: 1.125rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .accountancy-software-trial-banner-footer {
        font-size: .9375rem
    }
}

@media (max-width:991.98px) {
    .ocr-accounting .hero h4 span {
        font-weight: 400 !important
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .ocr-accounting-functions h2 {
        font-size: 2rem
    }

    .ocr-accounting-functions h4 {
        font-size: 1.375rem
    }
}

@media (max-width:767.98px) {
    .ocr-accounting-functions h2 {
        font-size: 1.5rem
    }

    .ocr-accounting-functions h4 {
        font-size: 1.125rem
    }
}

.ocr-accounting-functions-cards > div {
    padding: .3125rem
}

@media (min-width:1200px) {
    .ocr-accounting-functions-cards > div:nth-child(5) {
        margin-top: -3rem
    }

    .ocr-accounting-functions-cards > div:nth-child(6) {
        margin-top: -6.3125rem
    }

    .ocr-accounting-functions-cards > div:nth-child(9) {
        margin-top: -4.5rem
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .ocr-accounting-functions-cards > div:nth-child(5) {
        margin-top: -4.5rem
    }

    .ocr-accounting-functions-cards > div:nth-child(6) {
        margin-top: -6rem
    }

    .ocr-accounting-functions-cards > div:nth-child(7) {
        margin-top: -3.625rem
    }

    .ocr-accounting-functions-cards > div:nth-child(9) {
        margin-top: -4.5rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .ocr-accounting-functions-cards > div:nth-child(4) {
        margin-top: -1.4375rem
    }

    .ocr-accounting-functions-cards > div:nth-child(5) {
        margin-top: 0
    }

    .ocr-accounting-functions-cards > div:nth-child(6) {
        margin-top: -2.875rem
    }

    .ocr-accounting-functions-cards > div:nth-child(7) {
        margin-top: 0
    }

    .ocr-accounting-functions-cards > div:nth-child(8) {
        margin-top: -4.375rem
    }

    .ocr-accounting-functions-cards > div:nth-child(9) {
        margin-top: -.75rem
    }
}

.ocr-accounting-functions-cards .card h5 {
    font-size: 1.5rem;
    font-weight: 700 !important
}

.ocr-accounting-functions-cards .card .card-text {
    font-size: 1rem
}

@media (min-width:992px) and (max-width:1199.98px) {
    .ocr-accounting-functions-cards .card h5 {
        font-size: 1.5rem
    }

    .ocr-accounting-functions-cards .card .card-text {
        font-size: 1rem
    }
}

@media (max-width:767.98px) {
    .ocr-accounting-convenience-header h2 {
        font-size: 2.25rem
    }
}

@media (max-width:767.98px) {
    .ocr-accounting-convenience-ocr li {
        align-items: center;
        display: flex
    }

        .ocr-accounting-convenience-ocr li > span:first-child {
            display: list-item !important;
            margin-right: 3.125rem;
            padding-left: 1.25rem
        }

        .ocr-accounting-convenience-ocr li:nth-child(2) i {
            vertical-align: baseline
        }

        .ocr-accounting-convenience-ocr li:first-child i {
            transform: scale(.9)
        }
}

.e-commerce-integrator-header-title {
    color: #fff;
    padding-top: 4.6875rem
}

    .e-commerce-integrator-header-title h1 {
        font-size: 2.9375rem
    }

    .e-commerce-integrator-header-title h3 {
        font-size: 1.8125rem;
        font-weight: 300
    }

    .e-commerce-integrator-header-title:before {
        background: url(/_public/wf/img/blob-integrator-e-commerce.svg) no-repeat;
        background-size: contain;
        content: '';
        height: 100%;
        min-height: 23.25rem;
        left: -5.5625rem;
        position: absolute;
        top: 0;
        width: 46.125rem;
        z-index: -1
    }

@media (max-width:991.98px) {
    .e-commerce-integrator-header-title {
        padding-top: 2.8125rem
    }

        .e-commerce-integrator-header-title h1 {
            font-size: 1.75rem
        }

        .e-commerce-integrator-header-title h3 {
            font-size: 1.125rem
        }

        .e-commerce-integrator-header-title:before {
            width: 30rem
        }
}

@media (max-width:575.98px) {
    .e-commerce-integrator-header-title {
        padding-top: 2.1875rem
    }

        .e-commerce-integrator-header-title h1 {
            font-size: 1.375rem;
            text-align: center
        }

        .e-commerce-integrator-header-title h3 {
            font-size: .75rem;
            text-align: center
        }

        .e-commerce-integrator-header-title:before {
            left: 0;
            width: 22.1875rem
        }
}

@media (min-width:390px) and (max-width:575px) {
    .e-commerce-integrator-header-title:before {
        width: 27.25rem
    }
}

.e-commerce-integrator-header-img {
    left: 31.9375rem;
    position: relative;
    top: -3.125rem;
    z-index: -2
}

@media (min-width:992px) and (max-width:1199.98px) {
    .e-commerce-integrator-header-img {
        left: 17rem;
        top: 3.125rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .e-commerce-integrator-header-img {
        height: 90%;
        left: 6.125rem;
        top: 3.125rem
    }
}

@media (max-width:767.98px) {
    .e-commerce-integrator-header-img {
        left: 0;
        top: 3.9375rem
    }
}

@media (max-width:575.98px) {
    .e-commerce-integrator-header-img {
        left: 0;
        top: 4.6875rem
    }
}

.e-commerce-integrator-functions-list li {
    padding-left: 1.25rem !important;
    clear: both
}

    .e-commerce-integrator-functions-list li > span:last-child {
        margin-left: 1.25rem;
        position: relative;
        top: -.25rem
    }

@media (max-width:1199.98px) {
    .e-commerce-integrator-functions-list li > span:first-child {
        float: left;
        margin-right: 1.75rem
    }

    .e-commerce-integrator-functions-list li > span:last-child {
        display: block;
        position: relative;
        margin-left: 0
    }
}

.e-commerce-integrator-advantages .container-fluid, .e-commerce-integrator-advantages .container-lg, .e-commerce-integrator-advantages .container-md, .e-commerce-integrator-advantages .container-sm, .e-commerce-integrator-advantages .container-xl {
    background: url(/_public/wf/img/blob-zalety-integracji.svg) no-repeat top center;
    background-size: contain
}

@media (max-width:1199.98px) {
    .e-commerce-integrator-advantages .container-fluid, .e-commerce-integrator-advantages .container-lg, .e-commerce-integrator-advantages .container-md, .e-commerce-integrator-advantages .container-sm, .e-commerce-integrator-advantages .container-xl {
        background-size: cover;
        min-height: auto
    }
}

.e-commerce-integrator-advantages .container {
    min-height: 50rem;
    padding: 2.875rem 11.25rem
}

@media (max-width:991.98px) {
    .e-commerce-integrator-advantages .container {
        padding: 2.875rem 5.4375rem 3.75rem 5.4375rem
    }
}

@media (max-width:767.98px) {
    .e-commerce-integrator-advantages .container {
        padding: 3.5rem 1.875rem 3.75rem 1.875rem
    }
}

@media (max-width:767.98px) {
    .e-commerce-integrator-advantages h2 {
        font-size: 2rem
    }
}

.e-commerce-integrator-advantages-cards .card {
    border-color: #4dd2ef
}

    .e-commerce-integrator-advantages-cards .card p {
        color: #868d9e;
        font-size: .8125rem
    }

.e-commerce-integrator-to-start-container {
    background-color: #f8fce6;
    border-radius: .25rem;
    padding: 2.5rem
}

    .e-commerce-integrator-to-start-container > div:nth-child(2) {
        padding: 0 6.0625rem
    }

@media (min-width:992px) and (max-width:1199.98px) {
    .e-commerce-integrator-to-start-container > div:nth-child(2) {
        padding: 0 8.3125rem
    }
}

@media (max-width:991.98px) {
    .e-commerce-integrator-to-start-container > div:nth-child(2) {
        padding: 0 4.5625rem
    }
}

@media (max-width:767.98px) {
    .e-commerce-integrator-to-start-container > div:nth-child(2) {
        padding: 0 1.875rem
    }
}

@media (max-width:991.98px) {
    .e-commerce-integrator-to-start h2 {
        font-size: 2.25rem
    }
}

@media (max-width:991.98px) {
    .e-commerce-integrator-to-start h2 {
        font-size: 1.375rem
    }
}

.e-commerce-integrator-to-start .list-bullet {
    padding-left: 2.75rem
}

    .e-commerce-integrator-to-start .list-bullet li:before {
        width: .9375rem
    }

.e-commerce-integrator-to-start .card-price {
    height: auto !important
}

    .e-commerce-integrator-to-start .card-price .card-header {
        color: inherit !important;
        letter-spacing: inherit !important;
        padding: 0 !important
    }

    .e-commerce-integrator-to-start .card-price .card-body {
        padding: 2rem 2.8125rem
    }

@media (max-width:767.98px) {
    .e-commerce-integrator-to-start .card-price .card-body {
        padding: 2rem 1.25rem
    }
}

.e-commerce-integrator-to-start .card-price .card-text-currency {
    font-size: 1.75rem
}

.e-commerce-integrator-to-start .card-price .btn {
    font-size: 1.5rem
}

.e-commerce-integrator-packages .container-fluid, .e-commerce-integrator-packages .container-lg, .e-commerce-integrator-packages .container-md, .e-commerce-integrator-packages .container-sm, .e-commerce-integrator-packages .container-xl {
    background: url(/_public/wf/img/blob-pakiety.svg) no-repeat top center;
    background-size: contain
}

@media (max-width:991.98px) {
    .e-commerce-integrator-packages .container-fluid, .e-commerce-integrator-packages .container-lg, .e-commerce-integrator-packages .container-md, .e-commerce-integrator-packages .container-sm, .e-commerce-integrator-packages .container-xl {
        background-size: cover
    }
}

.e-commerce-integrator-packages .container {
    min-height: 46.875rem;
    padding: 4.0625rem 11.25rem
}

    .e-commerce-integrator-packages .container h2 {
        font-size: 2.125rem
    }

    .e-commerce-integrator-packages .container h4 {
        font-size: 1.875rem
    }

    .e-commerce-integrator-packages .container .btn span:last-child {
        display: none
    }

    .e-commerce-integrator-packages .container .card-price {
        height: auto !important
    }

        .e-commerce-integrator-packages .container .card-price .card-header {
            color: inherit !important;
            letter-spacing: inherit !important;
            padding: 0 !important
        }

        .e-commerce-integrator-packages .container .card-price .card-body {
            padding: 2rem 1rem
        }

            .e-commerce-integrator-packages .container .card-price .card-body .card-text {
                padding: 0 1rem
            }

            .e-commerce-integrator-packages .container .card-price .card-body .list-bullet {
                padding-left: 3.25rem
            }

            .e-commerce-integrator-packages .container .card-price .card-body .card-text-currency {
                font-size: 1.75rem
            }

            .e-commerce-integrator-packages .container .card-price .card-body .card-big-number {
                font-size: 3.125rem
            }

@media (max-width:575.98px) {
    .e-commerce-integrator-packages .container .card-price .card-body .card-big-number {
        font-size: 1.875rem
    }
}

@media (max-width:1199.98px) {
    .e-commerce-integrator-packages .container {
        padding: 4.0625rem 5rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .e-commerce-integrator-packages .container {
        padding: 4.0625rem 2.1875rem
    }

        .e-commerce-integrator-packages .container h2 {
            font-size: 1.5rem
        }

        .e-commerce-integrator-packages .container .card-price .card-body {
            padding: 2rem .75rem
        }

            .e-commerce-integrator-packages .container .card-price .card-body .card-text {
                padding: 0
            }

            .e-commerce-integrator-packages .container .card-price .card-body .card-big-number {
                font-size: 3.125rem
            }

        .e-commerce-integrator-packages .container .card-price .list-bullet {
            padding-left: 2.1875rem !important
        }
}

@media (max-width:767.98px) {
    .e-commerce-integrator-packages .container {
        background-size: cover;
        padding: 4.0625rem 3.4375rem
    }

        .e-commerce-integrator-packages .container h2 {
            font-size: 1.5625rem
        }
}

.e-commerce-integrator-packages .container .register-dropdown {
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 70% !important;
    z-index: 12
}

.e-commerce-integrator-idosell .container {
    background-color: #f1f2fd;
    border-radius: .25rem;
    padding: 2.5rem
}

    .e-commerce-integrator-idosell .container h5 {
        font-size: 1.375rem
    }

@media (max-width:991.98px) {
    .e-commerce-integrator-idosell .container h5 {
        font-size: 1.0625rem
    }

    .e-commerce-integrator-idosell .container p {
        font-size: .9375rem
    }

    .e-commerce-integrator-idosell .container .btn {
        font-size: 1rem;
        padding: 1rem 2.8125rem
    }
}

@media (max-width:767.98px) {
    .e-commerce-integrator-idosell .container h5 {
        font-size: 1.3125rem;
        text-align: center
    }

    .e-commerce-integrator-idosell .container p {
        font-size: 1.125rem
    }
}

.two-step-login-off .container {
    background: url(/_public/wf/img/blob-pgp.png) no-repeat top center
}

@media (max-width:767.98px) {
    .two-step-login-off .container h2 {
        font-size: 2.25rem
    }
}

section .accordion .card-columns {
    column-count: 1
}

    section .accordion .card-columns .card {
        border-bottom: .0625rem solid #dadee8;
        border-radius: .375rem
    }

        section .accordion .card-columns .card .card-title {
            align-items: center;
            box-shadow: none;
            color: #181818;
            display: flex;
            font-size: 1.125rem;
            font-weight: 700;
            justify-content: space-between;
            margin: 0;
            padding: 1.25rem;
            text-decoration: none
        }

            section .accordion .card-columns .card .card-title span {
                width: calc(100% - 30px)
            }

            section .accordion .card-columns .card .card-title:not(.collapsed) i {
                transform: rotate(180deg)
            }

            section .accordion .card-columns .card .card-title i {
                backface-visibility: hidden
            }

        section .accordion .card-columns .card .card-body {
            color: #999;
            font-size: .8125rem;
            font-weight: 400;
            line-height: 1.25rem;
            padding: 0 1.25rem 1.25rem 1.25rem
        }

            section .accordion .card-columns .card .card-body .card-text {
                color: #999
            }

section .accordion .card-columns-grid {
    display: grid;
    grid-gap: .625rem;
    grid-template-columns: repeat(auto-fit,minmax(14.375rem,1fr))
}

    section .accordion .card-columns-grid .card {
        margin-bottom: 0 !important
    }

@media (max-width:1199.98px) {
    section .accordion .card-columns-grid {
        grid-template-columns: repeat(auto-fit,minmax(18.75rem,1fr))
    }
}

section#advantages .container-fluid, section#advantages .container-lg, section#advantages .container-md, section#advantages .container-sm, section#advantages .container-xl, section.advantages .container-fluid, section.advantages .container-lg, section.advantages .container-md, section.advantages .container-sm, section.advantages .container-xl {
    background: url(/_public/wf/img/blob-5.png) no-repeat top center;
    background-size: contain;
    padding: 9.375rem 0 9.375rem 0
}

@media (max-width:1199.98px) {
    section#advantages .container-fluid, section#advantages .container-lg, section#advantages .container-md, section#advantages .container-sm, section#advantages .container-xl, section.advantages .container-fluid, section.advantages .container-lg, section.advantages .container-md, section.advantages .container-sm, section.advantages .container-xl {
        background-size: cover
    }
}

@media (max-width:767.98px) {
    section#advantages .container-fluid, section#advantages .container-lg, section#advantages .container-md, section#advantages .container-sm, section#advantages .container-xl, section.advantages .container-fluid, section.advantages .container-lg, section.advantages .container-md, section.advantages .container-sm, section.advantages .container-xl {
        padding: 7rem 0 0 0
    }
}

section#advantages h2, section.advantages h2 {
    font-size: 2.25rem
}

section#advantages h3 span, section.advantages h3 span {
    font-size: 1.125rem
}

section#advantages .card, section.advantages .card {
    border-bottom: .0625rem solid #dadee8;
    border-radius: .375rem;
    margin-bottom: 1.125rem
}

    section#advantages .card.card-circle, section.advantages .card.card-circle {
        background-color: transparent;
        border: .0625rem solid #e2e6f0;
        border-radius: 9rem;
        height: 18rem;
        margin-top: 2.5rem;
        position: relative;
        text-align: center;
        width: 18rem
    }

        section#advantages .card.card-circle .card-body, section.advantages .card.card-circle .card-body {
            align-items: center;
            background-color: #00bfe8;
            border-radius: 60%;
            color: #fff;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            height: 66%;
            justify-content: center;
            left: 17%;
            padding-bottom: 0;
            position: absolute;
            top: 17%;
            width: 66%
        }

            section#advantages .card.card-circle .card-body:before, section.advantages .card.card-circle .card-body:before {
                animation: 6s ease-out 1s infinite pulse;
                border: 10px solid #00bfe8;
                border-radius: 60%;
                content: '';
                height: 100%;
                opacity: .3;
                position: absolute;
                transform: scale(.95);
                width: 100%
            }

@keyframes pulse {
    0% {
        transform: scale(.95)
    }

    20% {
        transform: scale(1.5);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

section#advantages .card.card-circle .card-body .card-title, section.advantages .card.card-circle .card-body .card-title {
    color: #fff;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.6875rem;
    margin-bottom: .5625rem;
    padding: 0;
    text-align: center
}

section#advantages .card.card-circle .card-body .card-subtitle, section.advantages .card.card-circle .card-body .card-subtitle {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625rem;
    padding: 0
}

@media (max-width:767.98px) {
    section#advantages .card.card-circle, section.advantages .card.card-circle {
        display: flex
    }
}

@media (min-width:768px) {
    section#advantages .accordion .card-columns, section.advantages .accordion .card-columns {
        column-count: 2
    }

        section#advantages .accordion .card-columns .card .card-title i, section.advantages .accordion .card-columns .card .card-title i {
            display: none
        }

        section#advantages .accordion .card-columns .card.card-circle, section.advantages .accordion .card-columns .card.card-circle {
            margin-top: 1.875rem
        }
}

@media (min-width:1200px) {
    section#advantages .accordion .card-columns, section.advantages .accordion .card-columns {
        column-count: 3
    }
}

section#how-much-it-costs, section.price-list-mini {
    margin-bottom: 2.5rem
}

    section#how-much-it-costs.trade .container, section.price-list-mini.trade .container {
        background-color: #fdedec
    }

        section#how-much-it-costs.trade .container .btn-price-regular, section.price-list-mini.trade .container .btn-price-regular {
            color: #fff;
            background-color: #ff3b30;
            border-color: #ff3b30
        }

            section#how-much-it-costs.trade .container .btn-price-regular:hover, section.price-list-mini.trade .container .btn-price-regular:hover {
                color: #fff;
                background-color: #eb1004;
                border-color: #fc0d00
            }

            section#how-much-it-costs.trade .container .btn-price-regular.focus, section#how-much-it-costs.trade .container .btn-price-regular:focus, section.price-list-mini.trade .container .btn-price-regular.focus, section.price-list-mini.trade .container .btn-price-regular:focus {
                color: #fff;
                background-color: #eb1004;
                border-color: #fc0d00;
                box-shadow: 0 0 0 .2rem rgba(255,88,79,.5)
            }

            section#how-much-it-costs.trade .container .btn-price-regular.disabled, section#how-much-it-costs.trade .container .btn-price-regular:disabled, section.price-list-mini.trade .container .btn-price-regular.disabled, section.price-list-mini.trade .container .btn-price-regular:disabled {
                color: #fff;
                background-color: #ff3b30;
                border-color: #ff3b30
            }

            .show > section#how-much-it-costs.trade .container .btn-price-regular.dropdown-toggle, .show > section.price-list-mini.trade .container .btn-price-regular.dropdown-toggle, section#how-much-it-costs.trade .container .btn-price-regular:not(:disabled):not(.disabled).active, section#how-much-it-costs.trade .container .btn-price-regular:not(:disabled):not(.disabled):active, section.price-list-mini.trade .container .btn-price-regular:not(:disabled):not(.disabled).active, section.price-list-mini.trade .container .btn-price-regular:not(:disabled):not(.disabled):active {
                color: #fff;
                background-color: #fc0d00;
                border-color: #ef0d00
            }

                .show > section#how-much-it-costs.trade .container .btn-price-regular.dropdown-toggle:focus, .show > section.price-list-mini.trade .container .btn-price-regular.dropdown-toggle:focus, section#how-much-it-costs.trade .container .btn-price-regular:not(:disabled):not(.disabled).active:focus, section#how-much-it-costs.trade .container .btn-price-regular:not(:disabled):not(.disabled):active:focus, section.price-list-mini.trade .container .btn-price-regular:not(:disabled):not(.disabled).active:focus, section.price-list-mini.trade .container .btn-price-regular:not(:disabled):not(.disabled):active:focus {
                    box-shadow: 0 0 0 .2rem rgba(255,88,79,.5)
                }

    section#how-much-it-costs.staff .container, section.price-list-mini.staff .container {
        background-color: #f7fae6
    }

        section#how-much-it-costs.staff .container .btn-price-regular, section.price-list-mini.staff .container .btn-price-regular {
            color: #212529;
            background-color: #cde267;
            border-color: #cde267;
            color: #fff
        }

            section#how-much-it-costs.staff .container .btn-price-regular:hover, section.price-list-mini.staff .container .btn-price-regular:hover {
                color: #212529;
                background-color: #abcf02;
                border-color: #bfda3c
            }

            section#how-much-it-costs.staff .container .btn-price-regular.focus, section#how-much-it-costs.staff .container .btn-price-regular:focus, section.price-list-mini.staff .container .btn-price-regular.focus, section.price-list-mini.staff .container .btn-price-regular:focus {
                color: #212529;
                background-color: #abcf02;
                border-color: #bfda3c;
                box-shadow: 0 0 0 .2rem rgba(179,198,94,.5)
            }

            section#how-much-it-costs.staff .container .btn-price-regular.disabled, section#how-much-it-costs.staff .container .btn-price-regular:disabled, section.price-list-mini.staff .container .btn-price-regular.disabled, section.price-list-mini.staff .container .btn-price-regular:disabled {
                color: #212529;
                background-color: #cde267;
                border-color: #cde267
            }

            .show > section#how-much-it-costs.staff .container .btn-price-regular.dropdown-toggle, .show > section.price-list-mini.staff .container .btn-price-regular.dropdown-toggle, section#how-much-it-costs.staff .container .btn-price-regular:not(:disabled):not(.disabled).active, section#how-much-it-costs.staff .container .btn-price-regular:not(:disabled):not(.disabled):active, section.price-list-mini.staff .container .btn-price-regular:not(:disabled):not(.disabled).active, section.price-list-mini.staff .container .btn-price-regular:not(:disabled):not(.disabled):active {
                color: #212529;
                background-color: #bfda3c;
                border-color: #bbd831
            }

                .show > section#how-much-it-costs.staff .container .btn-price-regular.dropdown-toggle:focus, .show > section.price-list-mini.staff .container .btn-price-regular.dropdown-toggle:focus, section#how-much-it-costs.staff .container .btn-price-regular:not(:disabled):not(.disabled).active:focus, section#how-much-it-costs.staff .container .btn-price-regular:not(:disabled):not(.disabled):active:focus, section.price-list-mini.staff .container .btn-price-regular:not(:disabled):not(.disabled).active:focus, section.price-list-mini.staff .container .btn-price-regular:not(:disabled):not(.disabled):active:focus {
                    box-shadow: 0 0 0 .2rem rgba(179,198,94,.5)
                }

            section#how-much-it-costs.staff .container .btn-price-regular:hover, section.price-list-mini.staff .container .btn-price-regular:hover {
                color: #fff !important
            }

    section#how-much-it-costs.book .container .btn-price-regular, section.price-list-mini.book .container .btn-price-regular {
        color: #fff;
        background-color: #00bfe8;
        border-color: #00bfe8
    }

        section#how-much-it-costs.book .container .btn-price-regular:hover, section.price-list-mini.book .container .btn-price-regular:hover {
            color: #fff;
            background-color: #00abd0;
            border-color: #0095b5
        }

        section#how-much-it-costs.book .container .btn-price-regular.focus, section#how-much-it-costs.book .container .btn-price-regular:focus, section.price-list-mini.book .container .btn-price-regular.focus, section.price-list-mini.book .container .btn-price-regular:focus {
            color: #fff;
            background-color: #00abd0;
            border-color: #0095b5;
            box-shadow: 0 0 0 .2rem rgba(38,201,235,.5)
        }

        section#how-much-it-costs.book .container .btn-price-regular.disabled, section#how-much-it-costs.book .container .btn-price-regular:disabled, section.price-list-mini.book .container .btn-price-regular.disabled, section.price-list-mini.book .container .btn-price-regular:disabled {
            color: #fff;
            background-color: #00bfe8;
            border-color: #00bfe8
        }

        .show > section#how-much-it-costs.book .container .btn-price-regular.dropdown-toggle, .show > section.price-list-mini.book .container .btn-price-regular.dropdown-toggle, section#how-much-it-costs.book .container .btn-price-regular:not(:disabled):not(.disabled).active, section#how-much-it-costs.book .container .btn-price-regular:not(:disabled):not(.disabled):active, section.price-list-mini.book .container .btn-price-regular:not(:disabled):not(.disabled).active, section.price-list-mini.book .container .btn-price-regular:not(:disabled):not(.disabled):active {
            color: #fff;
            background-color: #0095b5;
            border-color: #008ba8
        }

            .show > section#how-much-it-costs.book .container .btn-price-regular.dropdown-toggle:focus, .show > section.price-list-mini.book .container .btn-price-regular.dropdown-toggle:focus, section#how-much-it-costs.book .container .btn-price-regular:not(:disabled):not(.disabled).active:focus, section#how-much-it-costs.book .container .btn-price-regular:not(:disabled):not(.disabled):active:focus, section.price-list-mini.book .container .btn-price-regular:not(:disabled):not(.disabled).active:focus, section.price-list-mini.book .container .btn-price-regular:not(:disabled):not(.disabled):active:focus {
                box-shadow: 0 0 0 .2rem rgba(38,201,235,.5)
            }

    section#how-much-it-costs .container, section.price-list-mini .container {
        background-color: #e6fbff;
        border-radius: .3125rem
    }

        section#how-much-it-costs .container h2, section.price-list-mini .container h2 {
            font-size: 2.25rem;
            text-align: center
        }

        section#how-much-it-costs .container p, section.price-list-mini .container p {
            font-size: 1.3125rem;
            line-height: 1.6875rem;
            text-align: center
        }

        section#how-much-it-costs .container ul, section.price-list-mini .container ul {
            line-height: 2.25rem;
            list-style: none;
            padding: 0
        }

            section#how-much-it-costs .container ul li:before, section.price-list-mini .container ul li:before {
                content: '';
                padding-right: 1.5625rem
            }

            section#how-much-it-costs .container ul li:not(.no-check):before, section.price-list-mini .container ul li:not(.no-check):before {
                background: url(/_public/wf/icons/check.svg) no-repeat left center;
                background-size: .875rem;
                color: #00bfe8
            }

        section#how-much-it-costs .container .card, section.price-list-mini .container .card {
            width: 100%
        }

            section#how-much-it-costs .container .card .card-header p, section.price-list-mini .container .card .card-header p {
                font-size: 1rem
            }

            section#how-much-it-costs .container .card .text-small, section.price-list-mini .container .card .text-small {
                font-size: 1rem
            }

            section#how-much-it-costs .container .card .btn-primary, section.price-list-mini .container .card .btn-primary {
                padding: 1.125rem 0
            }

@media (min-width:576px) {
    section#how-much-it-costs .container, section.price-list-mini .container {
        padding: 5rem
    }
}

@media (min-width:768px) {
    section#how-much-it-costs, section.price-list-mini {
        margin-bottom: 5.625rem
    }

        section#how-much-it-costs .container, section.price-list-mini .container {
            padding: 5rem
        }
}

section#correct-accounting {
    margin: 4.375rem auto 2.5rem
}

    section#correct-accounting h2 {
        font-size: 1.75rem
    }

    section#correct-accounting p {
        font-size: 1.125rem
    }

    section#correct-accounting .accordion .card-columns {
        column-count: 1;
        column-gap: .625rem
    }

        section#correct-accounting .accordion .card-columns .card {
            border-radius: .375rem
        }

            section#correct-accounting .accordion .card-columns .card.bg-beige-light {
                border: 1px solid #f3eee1
            }

            section#correct-accounting .accordion .card-columns .card .card-body {
                color: #565656;
                font-size: .75rem;
                line-height: 1rem
            }

@media (min-width:768px) {
    section#correct-accounting {
        margin-bottom: 2.8125rem;
        margin-top: 6.25rem
    }

        section#correct-accounting h2 {
            font-size: 2.75rem
        }

        section#correct-accounting p {
            margin: 1.875rem auto 5.625rem
        }

        section#correct-accounting .accordion .card-columns {
            column-count: 2;
            column-gap: 1.5rem
        }

            section#correct-accounting .accordion .card-columns .card {
                margin-bottom: 2.125rem
            }

                section#correct-accounting .accordion .card-columns .card .card-title i {
                    display: none
                }
}

@media (min-width:992px) {
    section#correct-accounting {
        margin-bottom: 5rem
    }
}

@media (min-width:1200px) {
    section#correct-accounting .accordion .card-columns {
        column-count: 4;
        column-gap: .625rem
    }

        section#correct-accounting .accordion .card-columns .card {
            margin-bottom: .625rem
        }
}

section.book-assistant {
    margin-top: 7.5rem
}

    section.book-assistant .container {
        background: #f1f0fd;
        border-radius: .375rem
    }

        section.book-assistant .container .assistant-header {
            margin-left: 3.125rem
        }

            section.book-assistant .container .assistant-header small {
                color: #c4c4c4;
                font-size: .75rem;
                margin-bottom: .75rem
            }

            section.book-assistant .container .assistant-header h2 {
                font-size: 2.125rem;
                margin-bottom: 1.875rem
            }

        section.book-assistant .container p {
            font-size: 1.3125rem;
            font-weight: 400;
            line-height: 1.6875rem
        }

@media (max-width:1199.98px) {
    section.book-assistant .container .btn.btn-big-text {
        font-size: 1.5625rem !important
    }
}

@media (max-width:991.98px) {
    section.book-assistant .container .assistant-header {
        margin-left: 0;
        text-align: center
    }

    section.book-assistant .container .assistant-img, section.book-assistant .container .assistant-text {
        margin-bottom: 1.875rem;
        text-align: center
    }
}

@media (max-width:575.98px) {
    section.book-assistant .container .card {
        width: 100%
    }
}

section#self-accounting {
    margin: 6.875rem auto 3rem
}

    section#self-accounting .container {
        position: relative
    }

        section#self-accounting .container:before {
            background: url(/_public/wf/img/samodzielna-ksiegowosc-online.png) no-repeat center center;
            background-size: 100%;
            content: '';
            display: block;
            height: 18.875rem;
            left: calc((100% - 210px)/ 2);
            position: absolute;
            top: -9.375rem;
            width: 13.125rem;
            z-index: 1
        }

        section#self-accounting .container .bg-blue {
            background-color: #e6fbff;
            padding-top: 6.25rem
        }

            section#self-accounting .container .bg-blue h2 {
                font-size: 2rem;
                line-height: 2.375rem;
                text-align: center
            }

            section#self-accounting .container .bg-blue p {
                text-align: center
            }

            section#self-accounting .container .bg-blue .btn {
                font-size: 1.3125rem;
                font-weight: 900;
                padding: 1.3125rem 0;
                width: 100%
            }

                section#self-accounting .container .bg-blue .btn i {
                    margin-left: 1.25rem
                }

@media (min-width:768px) {
    section#self-accounting {
        margin-top: 0
    }

        section#self-accounting .container:before {
            left: 3.125rem;
            top: calc((100% - 302px)/ 2);
            width: 13.75rem
        }

        section#self-accounting .container .bg-blue {
            padding-top: 0
        }

            section#self-accounting .container .bg-blue h2, section#self-accounting .container .bg-blue p {
                text-align: left
            }

            section#self-accounting .container .bg-blue .btn {
                padding: 1.3125rem 2.5625rem;
                width: auto
            }
}

@media (min-width:992px) {
    section#self-accounting {
        margin-bottom: 7.1875rem
    }

        section#self-accounting .container:before {
            width: 18.75rem
        }
}

@media (min-width:1200px) {
    section#self-accounting .container:before {
        left: 9.375rem;
        width: 23.875rem
    }
}

section#guide {
    margin: 3.125rem 0
}

    section#guide .card-body {
        padding: .4375rem
    }

        section#guide .card-body img {
            border-radius: .375rem
        }

    section#guide .btn {
        display: block
    }

    section#guide h2 {
        align-items: center;
        display: flex;
        font-size: 1.75rem
    }

        section#guide h2 span {
            margin-left: 1.25rem;
            width: 70%
        }

    section#guide h3 {
        font-size: 1.5rem;
        font-weight: 300;
        margin-top: 2.5rem;
        text-align: center
    }

        section#guide h3 strong {
            font-weight: 700
        }

    section#guide .card-text-info img {
        border-radius: 0
    }

@media (min-width:768px) {
    section#guide .btn {
        display: initial
    }

    section#guide h2 {
        justify-content: center
    }

    section#guide .card-photo {
        margin: 0 auto;
        width: 34.375rem
    }
}

@media (min-width:1200px) {
    section#guide {
        margin: 7.1875rem 0
    }

        section#guide .container {
            background: url(/_public/wf/img/blob-guide.png) no-repeat right center
        }

        section#guide h2 {
            justify-content: flex-start
        }

        section#guide h3 {
            font-size: 2.25rem;
            text-align: left
        }
}

.invoicing-app .card-price-secondary {
    height: 22.5rem !important
}

.invoicing-app #self-invoicing {
    margin: 6.875rem auto 3rem
}

    .invoicing-app #self-invoicing .container {
        position: relative
    }

        .invoicing-app #self-invoicing .container:before {
            background: url(/_public/wf/img/samodzielne-fakturowanie.png) no-repeat center center;
            background-size: 100%;
            content: '';
            display: block;
            height: 18.875rem;
            left: calc((100% - 210px)/ 2);
            position: absolute;
            top: -9.375rem;
            width: 13.125rem;
            z-index: 1
        }

        .invoicing-app #self-invoicing .container .bg-blue {
            background-color: #e6fbff;
            padding-top: 6.25rem
        }

            .invoicing-app #self-invoicing .container .bg-blue h2 {
                font-size: 2rem;
                line-height: 2.375rem;
                text-align: center
            }

            .invoicing-app #self-invoicing .container .bg-blue p {
                text-align: center
            }

            .invoicing-app #self-invoicing .container .bg-blue .btn {
                font-size: 1.3125rem;
                font-weight: 900;
                padding: 1.3125rem 0;
                width: 100%
            }

                .invoicing-app #self-invoicing .container .bg-blue .btn i {
                    margin-left: 1.25rem
                }

@media (min-width:768px) {
    .invoicing-app #self-invoicing {
        margin-top: 0
    }

        .invoicing-app #self-invoicing .container:before {
            left: 3.125rem;
            top: calc((100% - 302px)/ 2);
            width: 13.75rem
        }

        .invoicing-app #self-invoicing .container .bg-blue {
            padding-top: 0
        }

            .invoicing-app #self-invoicing .container .bg-blue h2, .invoicing-app #self-invoicing .container .bg-blue p {
                text-align: left
            }

            .invoicing-app #self-invoicing .container .bg-blue .btn {
                padding: 1.3125rem 2.5625rem;
                width: auto
            }
}

@media (min-width:992px) {
    .invoicing-app #self-invoicing {
        margin-bottom: 7.1875rem
    }

        .invoicing-app #self-invoicing .container:before {
            width: 18.75rem
        }
}

@media (min-width:1200px) {
    .invoicing-app #self-invoicing .container:before {
        left: 9.375rem;
        width: 23.875rem
    }
}

.online-integrations-app .card-price-secondary {
    height: 22.5rem !important
}

.pdf-doc-container {
    background: url(/_public/wf/img/blob-pdf-doc.svg) no-repeat top center
}

.pdf-doc-header p {
    font-size: 1.3125rem
}

.pdf-doc-header-new-url p {
    font-size: 1rem;
    font-weight: 700
}

@media (max-width:767.98px) {
    .pdf-doc-header h2 {
        font-size: 2.25rem
    }
}

.pdf-doc-buttons ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding-left: 0
}

    .pdf-doc-buttons ul li {
        margin: .625rem;
        min-width: 15rem
    }

.pdf-doc-buttons .btn {
    align-items: flex-end;
    color: #000;
    display: flex;
    font-weight: 400;
    height: 100%;
    justify-content: center;
    padding: 1.5625rem 2.1875rem
}

    .pdf-doc-buttons .btn i {
        margin-right: .9375rem
    }

    .pdf-doc-buttons .btn:hover {
        background-color: #fff;
        box-shadow: 0 .375rem 1.25rem rgba(0,0,0,.1)
    }

        .pdf-doc-buttons .btn:hover i {
            filter: none
        }

    .pdf-doc-buttons .btn:focus {
        background-color: #fff;
        border-color: #fff;
        box-shadow: none
    }

.pdf-doc-testimonial {
    position: relative
}

    .pdf-doc-testimonial:after {
        background: url(/_public/wf/img/blob-price-2.png) no-repeat;
        bottom: 0;
        content: '';
        display: block;
        height: 15.3125rem;
        left: auto;
        position: absolute;
        right: 0;
        top: -2rem;
        width: 13rem
    }

@media (max-width:991.98px) {
    .pdf-doc-testimonial:after {
        display: none
    }
}

.pdf-doc-list-content-container {
    background-color: #f7f8fa;
    border-radius: .625rem;
    padding: 3.75rem
}

.pdf-doc-list #invoice-view .tab-container > table {
    background-color: #868d9e;
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem;
    box-shadow: 0 0 .3125rem rgba(0,0,0,.2);
    color: #fff;
    font-size: .8125rem;
    table-layout: fixed;
    width: 64.375rem
}

    .pdf-doc-list #invoice-view .tab-container > table:first-child colgroup col:last-child {
        display: none
    }

    .pdf-doc-list #invoice-view .tab-container > table:first-child th {
        padding: 1rem
    }

        .pdf-doc-list #invoice-view .tab-container > table:first-child th.row-box-cell {
            padding-left: 0 !important;
            padding-right: 0 !important;
            width: 0 !important
        }

        .pdf-doc-list #invoice-view .tab-container > table:first-child th.row-collapse {
            display: none
        }

    .pdf-doc-list #invoice-view .tab-container > table:last-child {
        border-radius: 0 0 .625rem .625rem
    }

        .pdf-doc-list #invoice-view .tab-container > table:last-child td {
            padding: 1.4375rem 0
        }

.pdf-doc-list #invoice-view .std-wrapper > table {
    box-shadow: 0 0 .3125rem rgba(0,0,0,.2);
    font-size: .875rem;
    table-layout: fixed;
    width: 64.375rem
}

    .pdf-doc-list #invoice-view .std-wrapper > table colgroup col:last-child {
        display: none
    }

    .pdf-doc-list #invoice-view .std-wrapper > table tr {
        background-color: #f5f7fb;
        border-bottom: .0625rem solid #dfe2e7
    }

        .pdf-doc-list #invoice-view .std-wrapper > table tr:nth-child(odd) {
            background-color: #fff
        }

@media (max-width:1199.98px) {
    .pdf-doc-list #invoice-view .std-wrapper > table tr {
        border-left: .0625rem solid #dfe2e7;
        border-right: .0625rem solid #dfe2e7
    }
}

.pdf-doc-list #invoice-view .std-wrapper > table th.row-box-cell {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 0 !important
}

    .pdf-doc-list #invoice-view .std-wrapper > table th.row-box-cell a {
        display: none
    }

.pdf-doc-list #invoice-view .std-wrapper > table td {
    padding: 1rem
}

    .pdf-doc-list #invoice-view .std-wrapper > table td.row-collapse {
        display: none
    }

.pdf-doc-list span.small {
    font-size: .8125rem
}

.pdf-doc-payment-source img {
    transform: scale(.6)
}

.info-box .title {
    font-size: 2.25rem;
    font-weight: 700
}

@media (max-width:991.98px) {
    .info-box .title {
        text-align: center
    }
}

@media (max-width:575.98px) {
    .info-box .title {
        font-size: 1.8125rem;
        text-align: left
    }
}

.info-box .title.small {
    font-size: 1.875rem;
    font-weight: 700
}

@media (max-width:991.98px) {
    .info-box .title.small {
        font-size: 1.625rem
    }
}

.info-box .text {
    font-size: 1.125rem;
    font-weight: 300;
    margin-top: 1.5625rem;
    padding: 0
}

@media (max-width:991.98px) {
    .info-box .text {
        margin: 2.1875rem 0;
        text-align: center
    }
}

@media (max-width:575.98px) {
    .info-box .text {
        margin: 2.1875rem 0;
        text-align: left
    }
}

@media (max-width:991.98px) {
    .info-box .text.text-columns {
        text-align: left
    }
}

.info-box.right-image .images img {
    width: 55%
}

@media (max-width:991.98px) {
    .info-box.right-image .images {
        display: flex;
        justify-content: center
    }
}

.info-box.right-image .images .interface-image {
    position: absolute;
    top: 5.625rem
}

@media (max-width:575.98px) {
    .info-box.right-image .images .interface-image {
        top: 7.8125rem
    }
}

.info-box.right-image .images .blob {
    position: relative;
    z-index: -1
}

.info-box.two-columns .card-info {
    background-color: #f7f8fa;
    border-radius: .625rem;
    overflow: hidden;
    padding: 2.8125rem
}

    .info-box.two-columns .card-info .card-info-title {
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: 2rem
    }

    .info-box.two-columns .card-info .card-info-body {
        font-size: 1.125rem
    }

        .info-box.two-columns .card-info .card-info-body img {
            margin-bottom: 2rem
        }

        .info-box.two-columns .card-info .card-info-body .bullet {
            display: flex;
            margin-bottom: 2rem
        }

            .info-box.two-columns .card-info .card-info-body .bullet:last-child {
                margin-bottom: 0
            }

.price-box-container {
    padding: 2.8125rem 6.25rem
}

@media (max-width:991.98px) {
    .price-box-container {
        padding: 2.8125rem
    }
}

.price-box-container.book {
    background-color: #f1f0fd
}

.price-box-container.staff {
    background-color: #f2f9cf
}

.price-box-container .title {
    font-size: 2.125rem;
    font-weight: 700
}

@media (max-width:575.98px) {
    .price-box-container .title {
        font-size: 1.75rem
    }
}

.price-box-container .blob-assistant {
    transform: translateX(-50px)
}

@media (max-width:991.98px) {
    .price-box-container .blob-assistant {
        transform: none
    }
}

.contact-page .container-fluid, .contact-page .container-lg, .contact-page .container-md, .contact-page .container-sm, .contact-page .container-xl {
    background: url(/_public/wf/img/blob-contact.svg) no-repeat top center;
    margin-top: 3.125rem;
    padding-top: 5rem;
    min-height: 47.75rem
}

.contact-page-search-input {
    background-color: #fff !important
}

.contact-page-address {
    font-size: .8125rem
}

    .contact-page-address p:not(:first-child) {
        margin: .3125rem 0 0 0
    }

.contact-page-address-gray {
    color: rgba(86,86,86,.5)
}

.contact-page-pgp-link {
    color: #181818
}

@media (max-width:575.98px) {
    .contact-page h2 {
        font-size: 1.75rem
    }
}

.generate-jpk7-hero h1 {
    font-size: 3.375rem
}

@media (max-width:767.98px) {
    .generate-jpk7-hero h1 {
        font-size: 2.25rem
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .generate-jpk7-hero h1 {
        font-size: 2.625rem
    }

    .generate-jpk7-hero .hero-text-lead {
        margin-top: 3.75rem
    }
}

.generate-jpk7 h2 {
    font-size: 2.25rem
}

@media (min-width:992px) and (max-width:1199.98px) {
    .generate-jpk7 h2 {
        font-size: 2rem
    }
}

.generate-jpk7 .feature-box-text-left p, .generate-jpk7 .feature-box-text-right p {
    font-size: 1.125rem;
    font-weight: 300
}

.generate-jpk7 .tick-underline {
    box-shadow: inset 0 -.3125rem 0 transparent,inset 0 -.5625rem 0 #00bfe8
}

.generate-jpk7-more-functions .card {
    background-color: #f9f0d7;
    border-color: #efd075
}

@media (max-width:767.98px) {
    .generate-jpk7-more-functions h2 {
        font-size: 1.75rem
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .assistants-support h1 {
        font-size: 3rem
    }
}

.assistants-support h2 {
    font-size: 2.25rem
}

.assistants-support-what-you-get h2 {
    font-size: 2.25rem !important
}

.assistants-support-our-help h2 {
    font-size: 2.75rem
}

.assistants-support-trial-container {
    background-color: #f7f8fa;
    border-radius: .375rem;
    padding: 3.125rem 1.875rem
}

    .assistants-support-trial-container h2 {
        font-size: 1.75rem
    }

@media (min-width:992px) and (max-width:1199.98px) {
    .assistants-support-trial-container h2 {
        font-size: 1.625rem
    }
}

.assistants-support-trial-list li {
    font-size: 1.3125rem;
    font-weight: 600
}

.assistants-support-trial .btn {
    padding: 1.5625rem 3.125rem .75rem 3.125rem
}

.accounting-offices-catalog-header .container-fluid, .accounting-offices-catalog-header .container-lg, .accounting-offices-catalog-header .container-md, .accounting-offices-catalog-header .container-sm, .accounting-offices-catalog-header .container-xl {
    background-color: #f7f8fa
}

.accounting-offices-catalog-header h1 {
    font-size: 2.5rem;
    font-weight: 600
}

@media (max-width:767.98px) {
    .accounting-offices-catalog-header h1 {
        font-size: 1.875rem
    }
}

.accounting-offices-catalog-header-hero-img {
    background-size: cover !important;
    border-bottom-left-radius: .625rem;
    border-top-left-radius: .625rem;
    min-height: 18.75rem;
    position: relative
}

.webp .accounting-offices-catalog-header-hero-img {
    background: url(/_public/wf/img/wfirma-biura-rachunkowe.png) no-repeat;
    background-image: image-set(url(/_public/wf/img/wfirma-biura-rachunkowe.webp) 1x,url(/_public/wf/img/wfirma-biura-rachunkowe-2x.webp) 2x);
    background-image: -webkit-image-set(url(/_public/wf/img/wfirma-biura-rachunkowe.webp) 1x,url(/_public/wf/img/wfirma-biura-rachunkowe-2x.webp) 2x)
}

.no-webp .accounting-offices-catalog-header-hero-img {
    background: url(/_public/wf/img/wfirma-biura-rachunkowe.png) no-repeat
}

.accounting-offices-catalog-header-hero-img-logo {
    background: url(/_public/wf/img/blob-black-accounting.svg) no-repeat;
    border-bottom-left-radius: .625rem;
    bottom: 0;
    height: 8.6875rem;
    position: absolute;
    width: 16.625rem
}

    .accounting-offices-catalog-header-hero-img-logo img {
        left: 3.0625rem;
        position: relative;
        top: 4.5625rem;
        transform: scale(1.3)
    }

@media (max-width:991.98px) {
    .accounting-offices-catalog-header-hero-img {
        background-image: none;
        border-radius: 0;
        min-height: auto;
        order: 2
    }

    .accounting-offices-catalog-header-hero-img-logo {
        display: none
    }
}

.accounting-offices-catalog-header-hero-text {
    background: linear-gradient(159.29deg,#3a2cd4 1.32%,#080063 98.73%);
    border-bottom-right-radius: .625rem;
    border-top-right-radius: .625rem;
    color: #fff
}

    .accounting-offices-catalog-header-hero-text p:first-child {
        font-size: 1.625rem;
        font-weight: 700
    }

@media (max-width:991.98px) {
    .accounting-offices-catalog-header-hero-text p:first-child {
        font-size: 1.25rem
    }
}

.accounting-offices-catalog-header-hero-text p:last-child {
    font-size: 1.3125rem;
    font-weight: 400
}

@media (max-width:991.98px) {
    .accounting-offices-catalog-header-hero-text p:last-child {
        font-size: 1.125rem;
        font-weight: 300
    }
}

@media (max-width:991.98px) {
    .accounting-offices-catalog-header-hero-text {
        border-radius: 0
    }
}

@media (max-width:575.98px) {
    .accounting-offices-catalog-header-hero-text p:first-child {
        font-size: 1.5rem
    }

    .accounting-offices-catalog-header-hero-text p:last-child {
        font-size: 1.125rem
    }
}

@media (max-width:991.98px) {
    .accounting-offices-catalog-header-hero-text {
        background: 0 0;
        color: #181818;
        order: 1
    }
}

.accounting-offices-catalog-search h5 .tick-underline, .accounting-offices-search-details h5 .tick-underline {
    box-shadow: inset 0 -.3125rem 0 transparent,inset 0 -.5rem 0 rgba(58,44,212,.3)
}

.accounting-offices-catalog-search form .custom-search-field, .accounting-offices-search-details form .custom-search-field {
    background: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--location-blue) #f1f0fd no-repeat -1.25rem;
    background-origin: content-box;
    background-size: .9375rem 1.25rem;
    border: .0625rem solid #3a2cd4;
    box-shadow: none;
    color: #3a2cd4;
    text-indent: .9375rem
}

    .accounting-offices-catalog-search form .custom-search-field::placeholder, .accounting-offices-search-details form .custom-search-field::placeholder {
        color: #3a2cd4;
        opacity: .5
    }

    .accounting-offices-catalog-search form .custom-search-field:placeholder-shown, .accounting-offices-search-details form .custom-search-field:placeholder-shown {
        text-indent: .9375rem
    }

.accounting-offices-catalog-search form .btn, .accounting-offices-search-details form .btn {
    font-size: 1.3125rem;
    height: 3.75rem
}

.accounting-offices-catalog-list .card {
    border-color: #c3c7d2
}

    .accounting-offices-catalog-list .card h5 {
        font-weight: 400
    }

    .accounting-offices-catalog-list .card .card-body {
        padding: 2.25rem 1.25rem 1.25rem 2.1875rem
    }

@media (max-width:1199.98px) {
    .accounting-offices-catalog-list .card .card-body {
        padding-left: 20px
    }
}

.accounting-offices-catalog-list-top {
    background: linear-gradient(96.2deg,#dec57e 24.4%,#cbb269 56.88%);
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    padding: .25rem 0;
    text-align: center
}

.accounting-offices-catalog-list-header {
    min-height: 8.1875rem
}

    .accounting-offices-catalog-list-header h5 a {
        color: initial
    }

        .accounting-offices-catalog-list-header h5 a:hover {
            color: #0c0090;
            text-decoration: none
        }

.accounting-offices-catalog-list-header-location {
    color: #4b5a71;
    font-size: .875rem
}

.accounting-offices-catalog-list-header-img {
    align-items: center;
    border: .0625rem solid #e3e7f1;
    border-radius: .1875rem;
    display: flex;
    height: 6.25rem;
    justify-content: center;
    margin-top: -1rem;
    padding: .625rem;
    width: 6.25rem
}

    .accounting-offices-catalog-list-header-img.recommended {
        margin-top: .625rem
    }

.accounting-offices-catalog-list-header-badges .badge:not(:last-child) {
    margin-right: .5rem
}

.accounting-offices-catalog-list-header-badges .badge i {
    vertical-align: bottom
}

.accounting-offices-catalog-list-text {
    color: #4b5a71;
    font-size: .875rem;
    min-height: 3rem
}

@media (min-width:992px) and (max-width:1199.98px) {
    .accounting-offices-catalog-list-text {
        min-height: 6.5625rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .accounting-offices-catalog-list-text {
        min-height: 9.375rem
    }
}

@media (max-width:767.98px) {
    .accounting-offices-catalog-list-text {
        height: auto
    }
}

.accounting-offices-catalog-list-btn {
    color: #3a2cd4;
    padding: .75rem 1.5625rem
}

.accounting-offices-catalog-list-footer {
    font-size: .875rem
}

    .accounting-offices-catalog-list-footer .badge {
        background-color: #f7f8fa;
        border-color: #c3c7d2;
        margin-bottom: .75rem
    }

        .accounting-offices-catalog-list-footer .badge:not(:last-child) {
            margin-right: .5rem
        }

.accounting-offices-catalog-list-pagination {
    color: #565656;
    font-weight: 700
}

.accounting-offices-catalog-list-pagination-btn {
    border: .0625rem solid #3a2cd4;
    border-radius: .1875rem;
    font-size: 1rem;
    padding: 1.25rem 0
}

    .accounting-offices-catalog-list-pagination-btn a {
        color: #3a2cd4
    }

.accounting-offices-breadcrumbs {
    color: #565656;
    font-size: .8125rem
}

    .accounting-offices-breadcrumbs a {
        color: #565656
    }

.accounting-offices-breadcrumbs-right-content {
    background-color: #f7f8fa;
    border-radius: 6.25rem;
    padding: .5rem 1.875rem
}

    .accounting-offices-breadcrumbs-right-content a {
        color: #3a2cd4
    }

@media (max-width:991.98px) {
    .accounting-offices-search-details-container {
        background-color: #f7f8fa;
        border-radius: .375rem;
        padding: 2.8125rem !important
    }
}

@media (max-width:575.98px) {
    .accounting-offices-search-details-container {
        padding: 1.25rem !important
    }
}

.accounting-offices-search-details-testimonial {
    font-size: 1rem
}

    .accounting-offices-search-details-testimonial p:last-child {
        font-size: .875rem
    }

.accounting-offices-search-details-filters {
    background-color: #f1f0fd;
    border-radius: .375rem;
    color: #3a2cd4;
    font-size: .875rem;
    font-weight: 600;
    padding: 1rem
}

    .accounting-offices-search-details-filters .custom-control-label-switch {
        cursor: pointer;
        display: inline
    }

        .accounting-offices-search-details-filters .custom-control-label-switch:before {
            background-color: #c1c5d0;
            border-color: #c1c5d0;
            height: 1.0625rem;
            width: 1.875rem
        }

        .accounting-offices-search-details-filters .custom-control-label-switch:after {
            height: .5625rem;
            width: .5625rem
        }

    .accounting-offices-search-details-filters .custom-control-input:focus ~ .custom-control-label:before {
        outline: 0
    }

    .accounting-offices-search-details-filters .custom-control-input:checked ~ .custom-control-label-switch:before {
        background-color: #3a2cd4;
        border-color: #3a2cd4
    }

    .accounting-offices-search-details-filters .custom-control-input:checked ~ .custom-control-label-switch:after {
        left: calc(-3rem + 1px)
    }

.accounting-offices-search-details-filters-container {
    column-count: 1;
    column-gap: 1rem
}

@media (max-width:991.98px) {
    .accounting-offices-search-details-filters-container {
        column-count: 2
    }

        .accounting-offices-search-details-filters-container .btn {
            font-size: 1rem !important;
            height: 2.9375rem !important
        }

        .accounting-offices-search-details-filters-container i {
            margin-left: 1.25rem !important;
            vertical-align: sub
        }
}

@media (max-width:767.98px) {
    .accounting-offices-search-details-filters-container {
        column-count: 1
    }
}

section.user-reviews {
    margin-top: 2.5rem;
    margin-bottom: 10rem
}

    section.user-reviews .avatar-circle {
        border: .0625rem solid #c1c5d0;
        border-radius: 100%;
        width: 6.5rem;
        height: 6.4375rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto
    }

@media (min-width:576px) {
    section.user-reviews .avatar-circle {
        margin: 0;
        float: right
    }
}

section.user-reviews .avatar-circle .avatar {
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 100%
}

section.user-reviews .owl-carousel {
    background-color: unset
}

    section.user-reviews .owl-carousel:before {
        background: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--quote-blue) no-repeat;
        background-size: 2.1875rem 1.8125rem;
        content: '';
        height: 1.8125rem;
        width: 4.3125rem;
        display: block;
        margin: 0 auto 2rem
    }

    section.user-reviews .owl-carousel .owl-nav {
        display: none
    }

    section.user-reviews .owl-carousel .owl-dots {
        background-color: unset;
        bottom: -4.375rem
    }

        section.user-reviews .owl-carousel .owl-dots .owl-dot {
            background-color: #dadee8;
            width: .9375rem;
            height: .9375rem;
            border-radius: 100%;
            margin: 0 .4375rem
        }

            section.user-reviews .owl-carousel .owl-dots .owl-dot.active {
                background-color: #3a2cd4
            }

            section.user-reviews .owl-carousel .owl-dots .owl-dot:focus {
                border: none;
                outline: 0
            }

    section.user-reviews .owl-carousel .lead {
        font-size: 2rem;
        font-weight: 300;
        line-height: 2.875rem
    }

@media (min-width:992px) {
    section.user-reviews .owl-carousel .lead {
        padding: 0 12.5rem
    }
}

@media (max-width:767.98px) {
    section.user-reviews .owl-carousel .lead {
        font-size: 1.625rem
    }
}

section.user-reviews .owl-carousel .lead b {
    font-weight: 700
}

section.accountancy-offices-catalog-benefits h2 {
    font-size: 2.25rem;
    font-weight: 300;
    text-align: center
}

section.accountancy-offices-catalog-benefits .list-title {
    font-size: 1.5rem;
    font-weight: 400
}

    section.accountancy-offices-catalog-benefits .list-title:before {
        background: url(/_public/wf/icons/tick-green.svg) no-repeat center center;
        background-size: .875rem;
        content: '';
        display: inline-block;
        height: .875rem;
        margin-right: .9375rem;
        width: .875rem
    }

section.accountancy-offices-catalog-benefits .list-description {
    font-size: 1rem;
    font-weight: 400
}

section.accountancy-offices-catalog-benefits .mini-banner {
    background-color: #f7f8fa;
    border-radius: 1.5625rem;
    font-size: .8125rem;
    margin: 0 auto;
    padding: .625rem 1.875rem;
    text-align: center
}

    section.accountancy-offices-catalog-benefits .mini-banner a {
        color: #3a2cd4
    }

section.accountancy-offices-catalog-benefits .underline {
    position: relative
}

    section.accountancy-offices-catalog-benefits .underline:after {
        background-color: rgba(58,44,212,.3);
        bottom: .4375rem;
        content: '';
        display: inline-block;
        height: .625rem;
        left: .1875rem;
        margin: 0 auto;
        position: absolute;
        right: .125rem
    }

.accounting-office-title {
    font-size: 2.25rem;
    font-weight: 300
}

.accounting-office-meta-title {
    font-size: 2.75rem;
    font-weight: 300;
    line-height: 3.8125rem;
    margin-bottom: 1.1875rem
}

.accounting-office-meta-location {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1.125rem
}

.accounting-office-meta-description {
    color: #4b5a71;
    font-size: .875rem;
    font-weight: 400;
    line-height: 22,.25rem;
    margin-bottom: 1.25rem
}

.accounting-office-about {
    background-color: #f7f8fa;
    margin-top: 3.25rem;
    padding: 1.25rem 0 1.875rem
}

@media (min-width:992px) {
    .accounting-office-about {
        margin-top: 0;
        padding: 1.875rem 0
    }

    .accounting-office-about-sidebar {
        position: relative;
        top: -4.375rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .accounting-office-about {
        margin-top: 0;
        padding-top: 3.0625rem
    }
}

.featured .accounting-office-about {
    background-color: #f6edd3
}

.accounting-office-about-title {
    color: #565656;
    font-size: .875rem
}

.accounting-office-about-description {
    background-color: #fff;
    border: .0625rem #e3e7f1;
    border-radius: .1875rem;
    color: #181818;
    font-size: 1rem;
    line-height: 1.6rem;
    padding: 1.25rem 1.875rem
}

    .accounting-office-about-description ul {
        line-height: 2.25rem;
        list-style: none;
        margin-bottom: 0;
        padding: 0
    }

        .accounting-office-about-description ul li:before {
            content: '';
            padding-right: 1.5625rem
        }

        .accounting-office-about-description ul li:not(.no-check):before {
            background: url(/_public/wf/icons/check.svg) no-repeat left center;
            background-size: .875rem;
            color: #00bfe8
        }

.accounting-office-about-description-number {
    color: #2dac00;
    font-size: .75rem;
    font-weight: 700
}

    .accounting-office-about-description-number span:nth-child(2) {
        display: none
    }

    .accounting-office-about-description-number[aria-expanded=true] span:nth-child(1) {
        display: none
    }

    .accounting-office-about-description-number[aria-expanded=true] span:nth-child(2) {
        display: unset
    }

    .accounting-office-about-description-number i {
        vertical-align: sub
    }

.accounting-office-about-description-policy {
    color: #4b5a71
}

.accounting-office-about-description span {
    color: #3a2cd4;
    font-weight: 700
}

.accounting-office-about-banner {
    background-color: #e6f9fd;
    border: .0625rem solid #00bfe8;
    border-radius: .1875rem
}

.accounting-office-card {
    overflow: hidden
}

@media (min-width:992px) {
    .accounting-office-card {
        position: absolute;
        z-index: 10
    }
}

.accounting-office-card .card-body {
    padding: .75rem 1.6875rem .75rem
}

@media (min-width:992px) {
    .accounting-office-card .card-body {
        padding: 3.125rem 4.6875rem
    }
}

.featured .accounting-office-card {
    padding-top: 0
}

.accounting-office-card-featured {
    background: linear-gradient(111.67deg,#dec57e 32.88%,#cbb269 51.67%);
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    padding: 1rem;
    text-align: center
}

@media (max-width:991.98px) {
    .accounting-office-card-featured {
        font-size: .75rem;
        padding: .125rem
    }

        .accounting-office-card-featured i {
            position: relative;
            top: -.125rem
        }
}

.accounting-office-card-info {
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    justify-content: center
}

    .accounting-office-card-info > :first-of-type {
        margin-bottom: 1.875rem
    }

    .accounting-office-card-info small {
        color: #565656;
        font-size: .8125rem
    }

.accounting-office-card-info-address address {
    margin-bottom: .3125rem
}

.accounting-office-card-info .btn {
    font-size: 1.125rem
}

.accounting-office .card-wrapper {
    padding: 0
}

.accounting-office-features-list-title {
    font-size: 1.125rem;
    font-weight: 700
}

.accounting-office-features-list > div > * {
    background-color: #f1f0fd;
    border-radius: .1875rem;
    padding: 1.375rem 2rem
}

    .accounting-office-features-list > div > * p {
        font-size: .875rem
    }

.accounting-office-description-title {
    font-size: .875rem
}

.accounting-office-description-text {
    font-size: 1.125rem;
    line-height: 160%
}

.accounting-office-description-offer .btn {
    display: inline-flex !important;
    min-width: 15.375rem
}

.accounting-office-faq-title {
    margin-bottom: 3.875rem
}

.accounting-office-faq .accordion .accordion-header {
    border-top: .0625rem solid #c3c7d2
}

    .accounting-office-faq .accordion .accordion-header button {
        background-color: #fff;
        border: none;
        color: #181818;
        font-size: 1.3125rem;
        font-weight: 600
    }

        .accounting-office-faq .accordion .accordion-header button:active, .accounting-office-faq .accordion .accordion-header button:focus {
            border: none;
            outline: 0
        }

.accounting-office-banner {
    background: #f1f0fd;
    border-radius: .375rem;
    padding: 4.375rem 0;
    text-align: center
}

.accounting-office-banner-title {
    font-size: 2.75rem;
    font-weight: 700
}

.accounting-office-banner-description {
    font-size: 1.125rem;
    font-weight: 300
}

.accounting-office #ol-map {
    height: 12.6875rem;
    position: relative
}

.accounting-office-card .btn, .accounting-office-description .btn {
    background-color: #f1f0fd;
    color: #3a2cd4
}

.featured .accounting-office-card .btn, .featured .accounting-office-description .btn {
    background-color: #f6edd3;
    color: #a09065
}

.accounting-office-card .btn-icon, .accounting-office-description .btn-icon {
    align-items: center;
    display: flex;
    height: 3.625rem;
    justify-content: center;
    position: relative
}

@media (min-width:768px) {
    .accounting-office-card .btn-icon, .accounting-office-description .btn-icon {
        justify-content: left;
        padding-left: 4.8125rem
    }
}

.accounting-office-card .btn-icon::before, .accounting-office-description .btn-icon::before {
    background-size: 2rem 2rem;
    content: '';
    height: 2rem;
    left: 1.1875rem;
    position: absolute;
    width: 2rem
}

.accounting-office-card .btn-icon-mail::before, .accounting-office-description .btn-icon-mail::before {
    background-image: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--mail-blue)
}

.featured .accounting-office-card .btn-icon-mail::before, .featured .accounting-office-description .btn-icon-mail::before {
    background-image: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--mail-beige)
}

.accounting-office-card .btn-icon-phone::before, .accounting-office-description .btn-icon-phone::before {
    background-image: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--phone-blue)
}

.featured .accounting-office-card .btn-icon-phone::before, .featured .accounting-office-description .btn-icon-phone::before {
    background-image: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--phone-beige)
}

@media (min-width:768px) {
    .accounting-office-more-list .office-item:first-child {
        padding-right: .625rem
    }

    .accounting-office-more-list .office-item:last-child {
        padding-left: .625rem
    }
}

.accounting-office-contact-modal label {
    font-size: .875rem;
    font-weight: 700
}

.accounting-office-contact-modal input, .accounting-office-contact-modal textarea {
    border-color: #3a2cd4 !important
}

.accounting-office-contact-modal textarea {
    height: 9.375rem;
    padding: 1.375rem;
    resize: none
}

.accounting-office-contact-modal .modal-content {
    padding: .75rem
}

.accounting-office-contact-modal .modal-dialog {
    max-width: 47.5rem
}

.accounting-office-contact-modal .modal-body {
    background: url(/_public/wf/img/contact-form-bg.svg) top right no-repeat;
    background-size: cover;
    padding: 2.875rem;
    position: relative
}

@media (max-width:991.98px) {
    .accounting-office-contact-modal .modal-body {
        padding: 1.25rem
    }

        .accounting-office-contact-modal .modal-body .btn-tertiary {
            width: 100%
        }
}

.accounting-office-contact-modal-name {
    color: #3a2cd4;
    font-size: 1.125rem;
    font-weight: 700
}

    .accounting-office-contact-modal-name span {
        color: #5d667b;
        font-weight: 400
    }

.accounting-office-contact-modal-button {
    background: 0 0;
    border: none;
    padding: 0;
    position: absolute;
    right: 2%;
    top: .3125rem
}

@media (max-width:991.98px) {
    .accounting-office-contact-modal-button {
        padding: 15px;
        right: 0;
        top: -.5rem
    }
}

.accounting-office-contact-modal-success h3 {
    color: #3a2cd4;
    font-size: 2rem
}

.accounting-office-contact-modal-success p {
    color: #5d667b
}

.accounting-office-contact-modal .grecaptcha-badge {
    visibility: hidden
}

.accounting-office-contact-modal.lpv2-modal input, .accounting-office-contact-modal.lpv2-modal textarea {
    border-color: #00bfe8 !important
}

.accounting-office-contact-modal.lpv2-modal .modal-body {
    background: url(/_public/wf/img/contact-form-bg-lp2.svg) top right no-repeat;
    background-size: cover;
    padding: 2.875rem;
    position: relative
}

.sticky-spacer {
    height: auto !important
}

.self-employment .hero-img-container img {
    width: 91%
}

    .self-employment .hero-img-container img:last-child {
        left: 0;
        position: absolute;
        top: 0;
        width: 88%
    }

@media (min-width:992px) {
    .self-employment .hero-text {
        margin-top: -9.375rem
    }
}

.factoring .simple-header {
    background-color: #e6fbff;
    padding: 3.125rem 0
}

@media (min-width:992px) and (max-width:1199.98px) {
    .factoring .simple-header h1 {
        font-size: 3rem
    }
}

@media (max-width:991.98px) {
    .factoring .simple-header h1 {
        font-size: 2.25rem
    }
}

.factoring .simple-header-blob-container {
    background: url(/_public/wf/img/blob-white-header.svg) no-repeat center center;
    background-size: contain;
    min-height: 22.5rem
}

@media (max-width:575.98px) {
    .factoring .simple-header-blob-container {
        background-size: 90%
    }
}

@media (max-width:420px) {
    .factoring .simple-header-blob-container {
        min-height: 16.75rem
    }
}

@media (max-width:280px) {
    .factoring .simple-header-blob-container {
        min-height: 14.125rem
    }
}

.factoring .simple-header-text-container p {
    font-size: 1.3125rem;
    line-height: 2.125rem
}

.factoring-feature-box-image h1 {
    font-size: 2.25rem
}

.factoring-feature-box-image p {
    margin: 1.875rem 0 2.3125rem 0
}

@media (max-width:575.98px) {
    .factoring-feature-box-image .btn {
        width: 100%
    }
}

.factoring-feature-box-image .tick-underline {
    box-shadow: inset 0 -5px 0 transparent,inset 0 -9px 0 #00bfe8
}

.factoring-how-it-works-lead-column {
    position: relative
}

    .factoring-how-it-works-lead-column:not(:last-child):after {
        background: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--arrow-long-right) no-repeat;
        background-size: 4.4375rem 2.0625rem;
        content: '';
        height: 2.0625rem;
        position: absolute;
        right: -2.25rem;
        top: 4.6875rem;
        width: 4.4375rem
    }

@media (max-width:575.98px) {
    .factoring-how-it-works-lead-column:not(:last-child):after {
        display: none
    }
}

@media (max-width:991.98px) {
    .factoring-how-it-works-lead-column:nth-child(2):after {
        display: none
    }
}

.factoring-how-it-works-lead-container {
    background-position: center;
    background-repeat: no-repeat;
    font-size: 1.3125rem;
    font-weight: 600;
    max-width: 16.25rem;
    min-height: 11.875rem;
    padding-top: 2.6875rem;
    text-align: center
}

.factoring-how-it-works-lead-container-first {
    background-image: url(/_public/wf/img/factoring/blob-shape-1.svg)
}

.factoring-how-it-works-lead-container-second {
    background-image: url(/_public/wf/img/factoring/blob-shape-2.svg);
    background-position: center .75rem
}

.factoring-how-it-works-lead-container-third {
    background-image: url(/_public/wf/img/factoring/blob-shape-3.svg);
    background-position: center 1.125rem
}

.factoring-how-it-works-lead-container-fourth {
    background-image: url(/_public/wf/img/factoring/blob-shape-4.svg);
    background-position: center .625rem
}

.factoring-what-you-get h2 {
    font-size: 2.5rem !important
}

.factoring-what-you-get h3 {
    display: flex
}

    .factoring-what-you-get h3:before {
        margin-top: .25rem !important;
        width: 1.875rem !important
    }

@media (min-width:768px) and (max-width:991.98px) {
    .factoring-what-you-get h3:before {
        display: none !important
    }
}

.factoring-feature-box-image-left-container {
    background-color: #f7f8fa;
    padding: 1.875rem 0
}

.factoring-feature-box-image-left h3 {
    font-size: 2.375rem
}

@media (max-width:767.98px) {
    .factoring-feature-box-image-left h3 {
        font-size: 1.75rem
    }
}

@media (max-width:575.98px) {
    .factoring-feature-box-image-left .btn {
        width: 100%
    }
}

.factoring-faq .container-fluid, .factoring-faq .container-lg, .factoring-faq .container-md, .factoring-faq .container-sm, .factoring-faq .container-xl {
    background-color: transparent
}

.factoring-faq ul.cloud > li:before {
    background-image: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--cloud-beige)
}

.pasejo h3 {
    font-size: 2.25rem
}

.pasejo .hero-laptop .hero-img-container img:last-child {
    position: unset;
    transform: none
}

.pasejo-offer p {
    font-size: 1.125rem;
    font-weight: 300
}

.pasejo-functions h3 {
    font-size: 2.25rem
}

.pasejo-functions-list-text {
    align-items: center;
    display: flex;
    font-size: 1rem;
    padding-left: 3.75rem
}

@media (max-width:767.98px) {
    .pasejo-functions .icon-list {
        list-style: none;
        padding: 0
    }
}

.pasejo-smart-cloud-package-wrapper {
    background-color: #f7f8fa;
    border-radius: .375rem;
    padding: 3.125rem 0;
    position: relative
}

@media (max-width:1199.98px) {
    .pasejo-smart-cloud-package-wrapper {
        padding-top: 19.375rem
    }
}

.pasejo-smart-cloud-package-wrapper:before {
    background: url(/_public/wf/img/pasejo/pakiet-smart-cloud.png) no-repeat center center;
    background-size: 100%;
    content: '';
    display: block;
    height: 19.5rem;
    left: -2.5rem;
    position: absolute;
    top: 1.375rem;
    width: 25rem;
    z-index: 1
}

@media (max-width:1199.98px) {
    .pasejo-smart-cloud-package-wrapper:before {
        left: calc((100% - 400px)/ 2);
        top: -2.5rem
    }
}

@media (max-width:575.98px) {
    .pasejo-smart-cloud-package-wrapper:before {
        background-size: 87%
    }
}

.pasejo-smart-cloud-package-content {
    font-size: 1.3125rem
}

@media (max-width:1199.98px) {
    .pasejo-smart-cloud-package-content {
        margin: 0 auto
    }
}

@media (max-width:1199.98px) {
    .pasejo-smart-cloud-package-content h3 {
        font-size: 2.75rem;
        margin-bottom: 2.5rem
    }
}

.pasejo-smart-cloud-package .card .btn {
    font-size: 1.625rem;
    padding: 1.375rem 1.875rem
}

@media (min-width:576px) and (max-width:1199.98px) {
    .pasejo-smart-cloud-package .card {
        padding-top: 3.125rem
    }

        .pasejo-smart-cloud-package .card .card-text {
            font-size: 2.5rem
        }

        .pasejo-smart-cloud-package .card .card-big-number {
            font-size: 7.5rem
        }

        .pasejo-smart-cloud-package .card .card-text-small {
            font-size: 1.625rem
        }
}

.pasejo-integration-columns:not(:last-child) {
    padding-right: .3125rem
}

@media (max-width:767.98px) {
    .pasejo-integration-columns:not(:last-child) {
        margin-bottom: 1rem;
        padding-right: 0
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .pasejo-integration-columns {
        padding: .3125rem !important
    }
}

.pasejo-integration .card {
    background-color: #f7f8fa;
    height: 100%
}

.pasejo-integration .card-body {
    padding: 1rem 1.5625rem
}

.pasejo-integration .card h3 {
    display: flex;
    font-size: 1.125rem
}

    .pasejo-integration .card h3:before {
        background: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--tick-round-blue) no-repeat center center;
        background-size: 1.25rem 1.25rem;
        content: '';
        display: inline-block;
        height: 1.25rem;
        margin: .375rem .9375rem 0 0;
        width: 2rem
    }

@media (max-width:1199.98px) {
    .pasejo-integration .card h3 {
        display: block
    }

        .pasejo-integration .card h3:before {
            display: block;
            margin-bottom: .625rem;
            width: 1.25rem
        }
}

.pasejo-integration .card-text {
    font-size: .875rem
}

.pasejo-webinar-img {
    border-bottom-left-radius: .625rem;
    border-top-left-radius: .625rem
}

@media (max-width:991.98px) {
    .pasejo-webinar-img {
        border-bottom-left-radius: unset;
        border-top-left-radius: .625rem;
        border-top-right-radius: .625rem
    }
}

.pasejo-webinar-content {
    background-color: #f7f8fa;
    border-bottom-right-radius: .625rem;
    border-top-right-radius: .625rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .pasejo-webinar-content h3 {
        font-size: 2.5rem
    }

@media (min-width:992px) and (max-width:1199.98px) {
    .pasejo-webinar-content h3 {
        font-size: 1.75rem
    }
}

@media (max-width:767.98px) {
    .pasejo-webinar-content h3 {
        font-size: 2rem
    }
}

@media (max-width:991.98px) {
    .pasejo-webinar-content {
        border-bottom-left-radius: .625rem;
        border-bottom-right-radius: .625rem;
        border-top-right-radius: unset
    }
}

@media (max-width:767.98px) {
    .pasejo-webinar-content {
        align-items: center
    }

        .pasejo-webinar-content .btn {
            font-size: 1.5rem !important;
            width: 70%
        }
}

.pasejo-try-container {
    background-color: #e6fbff;
    border-radius: .375rem;
    padding: 3.125rem 0
}

.pasejo-try h3 {
    font-size: 2.75rem;
    line-height: 3.9375rem
}

    .pasejo-try h3 .tick-underline {
        box-shadow: inset 0 -.3125rem 0 transparent,inset 0 -.75rem 0 #00bfe8
    }

.pasejo-try .btn {
    font-size: 1.3125rem
}

@media (max-width:991.98px) {
    .pasejo-try h3 {
        font-size: 1.3125rem;
        line-height: 1.875rem
    }

        .pasejo-try h3 .tick-underline {
            box-shadow: inset 0 -.3125rem 0 transparent,inset 0 -.375rem 0 #00bfe8
        }

    .pasejo-try .btn {
        font-size: 1.125rem
    }
}

.rodo h3 {
    font-size: 2.25rem
}

.rodo .advice-slider:before {
    top: -2.5625rem
}

.rodo-advice h3 {
    font-size: 2.75rem
}

@media (max-width:767.98px) {
    .rodo-advice h3 {
        font-size: 2.25rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .rodo-infographic h3 {
        font-size: 2.75rem
    }
}

.rodo-trial {
    margin-top: 9.375rem
}

.rodo-trial-container {
    background-color: #f7f7f7;
    border-radius: .375rem;
    padding: 3.125rem 0;
    position: relative
}

    .rodo-trial-container:before {
        background: url(/_public/wf/img/wfirma-ksiegowosc-online.png) no-repeat;
        content: '';
        height: 23.4375rem;
        left: -16.875rem;
        position: absolute;
        top: -3.5rem;
        width: 24.625rem
    }

@media (min-width:992px) and (max-width:1199.98px) {
    .rodo-trial-container:before {
        left: -1.75rem
    }
}

@media (max-width:991.98px) {
    .rodo-trial-container:before {
        left: calc((100% - 375px)/ 2);
        top: -11.75rem
    }
}

@media (max-width:575.98px) {
    .rodo-trial-container:before {
        background-size: 18.125rem;
        left: calc((100% - 290px)/ 2);
        top: -4.6875rem
    }
}

@media (max-width:1199.98px) {
    .rodo-trial-container {
        margin: 0 auto
    }
}

@media (max-width:991.98px) {
    .rodo-trial-container {
        padding-top: 14.6875rem
    }
}

.rodo-trial h2 {
    font-size: 2rem
}

.rodo-trial .btn {
    font-size: 1.3125rem;
    font-weight: 700;
    padding: 1.5625rem 2.5rem
}

@media (max-width:991.98px) {
    .rodo-trial {
        margin-top: 15.625rem
    }
}

@media (max-width:575.98px) {
    .rodo-trial {
        margin-top: 8.75rem
    }
}

.rodo-articles-container {
    background: url(/_public/wf/img/blob-rodo.svg) no-repeat top center;
    padding-bottom: 7.5rem
}

@media (min-width:576px) and (max-width:991.98px) {
    .rodo-articles-container {
        background-size: 120%;
        padding-bottom: 0
    }
}

@media (max-width:575.98px) {
    .rodo-articles-container {
        background-size: 200%;
        padding-bottom: 0
    }
}

.rodo .card:hover .card-title a {
    color: #00bfe8 !important
}

.rodo .card-title {
    font-weight: 600
}

    .rodo .card-title a {
        color: #181818
    }

.rodo .card-text-info {
    color: #00bfe8 !important;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.125rem
}

.accountancy-features {
    background-image: url(/_public/wf/img/accountancy-offices/background-blob.svg);
    background-position: 37% -37.5rem;
    background-repeat: no-repeat;
    padding-top: 5.0625rem
}

@media (min-width:768px) and (max-width:991.98px) {
    .accountancy-features {
        background-position: 62% -37.5rem
    }
}

@media (max-width:767.98px) {
    .accountancy-features {
        background: 0 0;
        padding-top: 2.5rem
    }
}

.accountancy-features-banner, .accountancy-features-header, .accountancy-features-list {
    margin: 0 auto;
    max-width: 62.5rem
}

.accountancy-features-header-pretitle {
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: .6875rem
}

.accountancy-features-header-title {
    color: #181818;
    font-size: 2.5rem;
    font-weight: 600
}

@media (max-width:767.98px) {
    .accountancy-features-header-title {
        font-size: 2.25rem
    }
}

.accountancy-features-list {
    margin-top: 3.625rem
}

.accountancy-features-list-item {
    background: #fff url(/_public/wf/icons/check-teritary.svg) no-repeat 2.5rem 2.5rem;
    border: .0625rem solid #e3e7f1;
    border-radius: .1875rem;
    box-sizing: border-box;
    padding: 2rem 2.5rem 2rem 5.4375rem
}

.accountancy-features-list-item-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 140%
}

.accountancy-features-list-item-description {
    color: #181818;
    font-size: 1rem;
    font-weight: 300;
    line-height: 140%;
    margin-top: 1.5rem
}

    .accountancy-features-list-item-description ul {
        margin-top: 2.0625rem;
        padding-inline-start: 1em
    }

        .accountancy-features-list-item-description ul li {
            margin: .3125rem 0
        }

            .accountancy-features-list-item-description ul li::marker {
                color: #3a2cd4
            }

@media (min-width:768px) and (max-width:991.98px) {
    .accountancy-features-list-item {
        padding-left: 4.6875rem
    }

    .accountancy-features-list-item-title {
        font-size: 1.125rem
    }
}

@media (max-width:767.98px) {
    .accountancy-features-list-item {
        background-position: 1.875rem 2.5rem;
        padding-left: 4.6875rem
    }

    .accountancy-features-list-item-title {
        font-size: 1.3125rem
    }
}

.accountancy-features-banner {
    margin-top: 4.6875rem
}

.accountancy-features-banner-img {
    background: linear-gradient(138.89deg,#00bfe8 -45.48%,#3a2cd4 97.85%);
    border-radius: .625rem 0 0 .625rem
}

@media (max-width:991.98px) {
    .accountancy-features-banner-img {
        border-radius: .625rem .625rem 0 0
    }
}

.accountancy-features-banner-content {
    background-color: #f7f8fa;
    border-radius: 0 .625rem .625rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #f2f3f5;
}

@media (max-width:991.98px) {
    .accountancy-features-banner-content {
        border-radius: 0 0 .625rem .625rem;
        padding: 2.5rem 0;
        background-color: #f2f3f5;
    }
}

.accountancy-features-banner-title {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 120%;
    text-align: center !important;
    padding: 50px;
}

@media (max-width:767.98px) {
    .accountancy-features-banner-title {
        font-size: 2rem
    }
}

.accountancy-features-banner-description {
    font-size: 1rem;
    font-weight: 300;
    line-height: 140%;
    margin-top: 2.4375rem
}

.accountancy-features-menu h3 {
    font-size: 2.5rem;
    font-weight: 600
}

.accountancy-features-menu-item {
    align-items: center;
    border: .0625rem solid #e3e7f1;
    border-radius: .1875rem;
    display: flex;
    flex-direction: column;
    height: 11.25rem;
    margin: .125rem;
    width: 11.25rem
}

    .accountancy-features-menu-item.active {
        background-color: #f7f8fa
    }

.accountancy-features-menu-item-icon {
    display: flex;
    flex-direction: column;
    height: 50%;
    justify-content: flex-end
}

.accountancy-features-menu-item-text {
    height: 50%;
    padding-top: 1.5625rem
}

@media (max-width:575.98px) {
    .accountancy-features-menu-item {
        font-size: .875rem;
        height: 9.5625rem;
        width: 9.5625rem
    }
}

.accountancy-advantages-header {
    background-color: #f7f8fa
}

.accountancy-advantages h1 {
    font-size: 2.75rem
}

@media (max-width:575.98px) {
    .accountancy-advantages h1 {
        font-size: 2.25rem
    }
}

.accountancy-advantages-box-image-left h3 {
    font-size: 2.5rem;
    font-weight: 600
}

@media (max-width:575.98px) {
    .accountancy-advantages-box-image-left h3 {
        font-size: 2.25rem
    }
}

.accountancy-advantages-box-image-left-img {
    position: relative
}

    .accountancy-advantages-box-image-left-img:before {
        background: url(/_public/wf/icons/sprite/sprite.css.svg?ksyhuj9b8or#icons--tick-round-blue-big) no-repeat;
        background-size: 6.375rem 6.375rem;
        bottom: -2.875rem;
        content: '';
        height: 6.375rem;
        left: -3.0625rem;
        opacity: .8;
        position: absolute;
        width: 6.375rem
    }

@media (max-width:991.98px) {
    .accountancy-advantages-box-image-left-img:before {
        display: none
    }
}

.accountancy-advantages-clients .container {
    margin-top: -8.75rem;
    padding-top: 8.75rem
}

.accountancy-advantages-clients h3 {
    font-size: 2.5rem;
    font-weight: 600
}

.accountancy-advantages-box-image-right h3 {
    font-size: 2.75rem;
    font-weight: 600
}

@media (max-width:991.98px) {
    .accountancy-advantages-box-image-right h3 {
        font-size: 2.5rem
    }

        .accountancy-advantages-box-image-right h3 .tick-underline {
            box-shadow: inset 0 -.3125rem 0 transparent,inset 0 -1.125rem 0 rgba(58,44,212,.3)
        }
}

@media (max-width:575.98px) {
    .accountancy-advantages-box-image-right h3 {
        font-size: 1.875rem
    }

        .accountancy-advantages-box-image-right h3 .tick-underline {
            box-shadow: inset 0 -.3125rem 0 transparent,inset 0 -1rem 0 rgba(58,44,212,.3)
        }
}

.accountancy-advantages-plum-columns .card {
    border: .0625rem solid #3a2cd4;
    height: 100%
}

.accountancy-advantages-plum-columns .card-body h3 {
    color: #3a2cd4;
    font-size: 1.3125rem
}

.accountancy-advantages-online-functions h3 {
    font-size: 2.5rem;
    font-weight: 600
}

@media (max-width:575.98px) {
    .accountancy-advantages-online-functions h3 {
        font-size: 1.75rem;
        text-align: center
    }
}

@media (min-width:576px) and (max-width:991.98px) {
    .accountancy-advantages-online-functions .lead-tick-icon {
        display: unset;
        padding-left: 0
    }

        .accountancy-advantages-online-functions .lead-tick-icon:before {
            top: -2.1875rem
        }
}

.accountancy-advantages .accountancy-advantages-box-image-left p, .accountancy-advantages .accountancy-advantages-online-functions p {
    font-weight: 300
}

@media (max-width:767.98px) {
    .accountancy-price-list-header h1 {
        font-size: 2.25rem !important
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .accountancy-price-list-header h5 {
        font-size: 1.125rem
    }
}

@media (max-width:767.98px) {
    .accountancy-price-list-header p {
        font-size: 1.3125rem
    }
}

.accountancy-price-list-header-img {
    position: relative
}

    .accountancy-price-list-header-img:after {
        background: url(/_public/wf/img/accountancy-offices/tag-cennik-biur-rachunkowych.svg) no-repeat;
        background-size: 11.4375rem 11.4375rem;
        content: '';
        height: 11.4375rem;
        position: absolute;
        right: -2.1875rem;
        top: -3.4375rem;
        width: 11.4375rem
    }

@media (max-width:620px) {
    .accountancy-price-list-header-img img {
        width: 94%
    }

    .accountancy-price-list-header-img:after {
        background-image: url(/_public/wf/img/accountancy-offices/tag-cennik-biur-rachunkowych-mobile.svg);
        background-size: 5.5625rem 5.5625rem;
        height: 5.5625rem;
        right: 1.375rem;
        top: -1.625rem;
        width: 5.5625rem
    }
}

.accountancy-price-list-functions h3 {
    font-size: 2.25rem
}

@media (max-width:991.98px) {
    .accountancy-price-list-functions h3 {
        font-size: 2rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .accountancy-price-list .lead-tick-icon {
        display: block
    }

        .accountancy-price-list .lead-tick-icon:before {
            display: block;
            margin-bottom: 1.25rem;
            position: unset
        }
}

.feature-box-price-list-left .advantage-container p {
    font-weight: 300
}

.nfg-form-container {
    background: url(/_public/wf/img/nfg/blob-form.svg) no-repeat center top;
    padding: 7.5rem 0
}

@media (max-width:991.98px) {
    .nfg-form-container {
        background-size: cover
    }
}

@media (max-width:575.98px) {
    .nfg-form-container {
        padding: 8.75rem 0 15.625rem 0
    }
}

.nfg-form-footer {
    font-size: .875rem
}

.nfg h1 {
    font-size: 2.375rem
}

@media (max-width:991.98px) {
    .nfg h1 {
        font-size: 2.25rem;
        line-height: 2.875rem
    }
}

.nfg .hero-laptop .hero-img-container img:last-child {
    position: unset;
    transform: none
}

.nfg .card {
    padding: 4.375rem 12.5rem;
    position: relative
}

.nfg .card-header p:first-child {
    font-size: 1.3125rem;
    font-weight: 300
}

.nfg .card-header p:last-child {
    font-weight: 700
}

.nfg .card:after {
    background: url(/_public/wf/img/nfg/blob-info-desktop.svg) no-repeat;
    bottom: -8.75rem;
    content: '';
    height: 23.125rem;
    position: absolute;
    right: -16.25rem;
    width: 31.3125rem
}

@media (min-width:1200px) and (max-width:1388px) {
    .nfg .card:after {
        background-size: 79%;
        right: -16.875rem
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .nfg .card {
        padding: 4.375rem 8.75rem
    }

        .nfg .card:after {
            background-size: 70%;
            right: -18.75rem
        }
}

@media (max-width:991.98px) {
    .nfg .card {
        padding: 2.5rem 4.375rem
    }

        .nfg .card:after {
            background-size: 82%;
            bottom: -20.75rem;
            right: -9.375rem
        }
}

@media (min-width:576px) and (max-width:626px) {
    .nfg .card:after {
        background-size: 79%;
        right: -9rem
    }
}

@media (min-width:361px) and (max-width:575px) {
    .nfg .card {
        border-radius: 0;
        padding: 2.5rem 1.875rem
    }

        .nfg .card:after {
            background-position: top center;
            background-size: 70%;
            left: calc((100% - 510px)/ 2)
        }
}

@media (max-width:360px) {
    .nfg .card {
        border-radius: 0;
        padding: 2.5rem 1.875rem
    }

        .nfg .card:after {
            background-image: url(/_public/wf/img/nfg/blob-info-mobile.svg);
            background-position: top center;
            background-size: 100%;
            bottom: -21.25rem;
            height: 23.0625rem;
            right: 0;
            width: 100%
        }
}

.nfg form input, .nfg form textarea {
    border-color: #00bfe8 !important;
    font-size: 1rem !important
}

.nfg form textarea {
    height: 8.75rem;
    padding: 1.375rem;
    resize: none
}

    .nfg form textarea:focus {
        border: .125rem solid #00bfe8;
        box-shadow: none;
        outline: 0
    }

.nfg form .btn {
    font-size: 1rem
}

.nfg form input[type=checkbox] + .radiohtml {
    display: none
}

.nfg form .custom-control-label {
    cursor: pointer;
    padding: .125rem 0 0 .5rem
}

.nfg form .custom-control-input::placeholder {
    color: #565656
}

.nfg form .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #00bfe8
}

.nfg form .custom-checkbox .custom-control-label::before {
    border-color: #00bfe8
}

.nfg form input[type=number] {
    -moz-appearance: textfield
}

.nfg form input::-webkit-inner-spin-button, .nfg form input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.nfg-banner {
    margin-top: 6.25rem
}

.nfg-banner-container {
    background-color: #e6fbff;
    padding: 3.75rem 0
}

.nfg-banner h3 {
    font-size: 2.5rem;
    font-weight: 600
}

@media (max-width:575.98px) {
    .nfg-banner h3 {
        font-size: 2.25rem
    }
}

.nfg-banner-content p {
    font-size: 1.1875rem
}

@media (max-width:991.98px) {
    .nfg-banner {
        margin-top: 15rem
    }
}

@media (max-width:575.98px) {
    .nfg-banner {
        margin-top: 7.5rem
    }
}

.nfg-how-it-works h3 {
    font-weight: 2.25rem
}

.nfg-how-it-works .factoring-how-it-works-lead-container {
    font-weight: 400
}

.nfg-how-it-works .factoring-how-it-works-lead-container-first {
    background-image: url(/_public/wf/img/nfg/blob-shape-1.svg);
    background-position-y: 1.6875rem
}

.nfg-how-it-works .factoring-how-it-works-lead-container-second {
    background-image: url(/_public/wf/img/nfg/blob-shape-2.svg);
    background-position-y: 1.8125rem;
    padding-top: 3.3125rem
}

.nfg-how-it-works .factoring-how-it-works-lead-container-third {
    background-image: url(/_public/wf/img/nfg/blob-shape-3.svg);
    background-position-y: 1.9375rem
}

.nfg-how-it-works .factoring-how-it-works-lead-container-fourth {
    background-image: url(/_public/wf/img/nfg/blob-shape-4.svg);
    background-position-y: 1.5625rem;
    padding-top: 3.25rem
}

.nfg-modal-success-content {
    border-radius: .625rem;
    box-shadow: .625rem .625rem 2.5rem rgba(0,0,0,.2)
}

.nfg-modal-success-body {
    background: url(/_public/wf/img/nfg/form-success-blob.png) no-repeat center;
    font-size: 1.5rem;
    padding: 4.0625rem 6.25rem
}

@media (max-width:991.98px) {
    .nfg-modal-success-body {
        padding: unset
    }
}

@media (max-width:991.98px) {
    .sales-manager h1 {
        font-size: 2.5rem
    }
}

@media (max-width:767.98px) {
    .sales-manager .hero-laptop .hero-img-container img:last-child {
        position: unset;
        transform: unset
    }
}

.sales-manager-functions h3 {
    font-size: 2.25rem
}

.sales-manager-functions p {
    font-size: 1.125rem
}

.sales-manager-price-list h2 {
    font-size: 2.625rem
}

@media (max-width:991.98px) {
    .sales-manager-price-list h2, .sales-manager-price-list h3 {
        font-size: 2rem
    }
}

.sales-manager-more-functions h3 {
    font-size: 2.25rem
}

.sales-manager-more-functions .card {
    background-color: #e6fbff;
    border-color: #acebf9
}

.sales-manager-more-functions .card-text {
    font-size: 1.125rem
}

section#page-404 .error-404 {
    background-color: #f0f2f5;
    background-image: url(/_public/wf/img/sunbed.png);
    background-position: right center;
    background-repeat: no-repeat
}

@media (min-width:768px) and (max-width:991.98px) {
    section#page-404 .error-404 {
        background-position: top right
    }
}

@media (max-width:767.98px) {
    section#page-404 .error-404 {
        background-position: top center;
        background-size: contain
    }
}

section#page-404 .error-404 .header {
    padding: 8.75rem 0 10rem
}

@media (max-width:767.98px) {
    section#page-404 .error-404 .header {
        padding-bottom: 2.875rem;
        padding-top: 80vw
    }
}

section#page-404 .error-404 .header .title {
    color: #c3c7d2;
    font-size: 3.4375rem;
    font-weight: 700
}

section#page-404 .error-404 .header .subtitle {
    color: #181818;
    font-size: 2.75rem;
    font-weight: 300
}

@media (max-width:767.98px) {
    section#page-404 .error-404 .header .subtitle {
        font-size: 2rem
    }
}

section#page-404 .error-404 .header .custom-search {
    max-width: 100%;
    width: 21.5rem
}

    section#page-404 .error-404 .header .custom-search input {
        background-color: #fff
    }

section#page-404 section.articles {
    padding: 7.5rem 0
}

@media (max-width:767.98px) {
    section#page-404 section.articles {
        padding: 2.5rem 0 3.4375rem
    }
}

@media (max-width:991.98px) {
    section#page-404 section.articles .assistant .card.card-event {
        width: 100%
    }
}

#cookie-info {
    background-color: #eaeef1;
    bottom: 0;
    color: #4c5a72;
    font-size: .6875rem;
    height: auto;
    line-height: 1.3125rem;
    min-width: 100%;
    padding: .625rem 0;
    position: fixed;
    text-align: center;
    z-index: 99999999999
}

    #cookie-info span {
        margin-right: .25rem
    }

    #cookie-info .cookie-info-body {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    #cookie-info .close-info {
        color: #4c5a72;
        line-height: 2;
        text-decoration: none
    }

[role=main] {
    overflow: hidden
}

.show-loader {
    display: none;
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 50px;
    z-index: 2000
}

    .show-loader .loader-wf {
        animation: loader-wf 1s ease-in-out infinite;
        border: 5px solid;
        border-bottom-color: rgba(255,255,255,.1);
        border-left-color: #375ebc;
        border-radius: 50px;
        border-right-color: rgba(255,255,255,.1);
        border-top-color: #375ebc;
        display: inline-block;
        height: 50px;
        padding: 0;
        position: relative;
        width: 50px
    }

        .show-loader .loader-wf.mb24 {
            border-left-color: #3cb87e;
            border-top-color: #3cb87e
        }

@keyframes loader-wf {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loader-wf {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.show-loader .spinner {
    border-radius: 50%;
    height: 38px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 38px;
    z-index: 1040
}

.badge {
    border-radius: .1875rem;
    font-size: .875rem;
    font-weight: 400;
    padding: .375rem .625rem
}

.badge-primary-brighter {
    background-color: #e6f9fd;
    border: .0625rem solid #00bfe8
}

.badge-success {
    background-color: #e9ffe1;
    border: .0625rem solid #2dac00
}

.badge-info-bright {
    background-color: #f1f0fd;
    border: .0625rem solid #3a2cd4
}

.badge-warning-bright {
    background-color: #fef8e6;
    border: .0625rem solid #f7b801
}