:root {
    --blue: #007bff;
    --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: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 575px;
    --breakpoint-md: 768px;
    --breakpoint-xmd: 992px;
    --breakpoint-lg: 1200px;
    --breakpoint-xl: 1400px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto 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
}

.container {
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:575px) {
    .container {
        max-width: 575px
    }
}

@media(min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media(min-width:992px) {
    .container {
        max-width: 992px
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1200px
    }
}

@media(min-width:1400px) {
    .container {
        max-width: 1400px
    }
}

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

@media(min-width:575px) {

    .container,
    .container-sm {
        max-width: 575px
    }
}

@media(min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 768px
    }
}

@media(min-width:992px) {

    .container,
    .container-md,
    .container-sm,
    .container-xmd {
        max-width: 992px
    }
}

@media(min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xmd {
        max-width: 1200px
    }
}

@media(min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xmd {
        max-width: 1400px
    }
}

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

.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-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.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-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.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-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.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-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.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-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto,
.col-xmd,
.col-xmd-1,
.col-xmd-2,
.col-xmd-3,
.col-xmd-4,
.col-xmd-5,
.col-xmd-6,
.col-xmd-7,
.col-xmd-8,
.col-xmd-9,
.col-xmd-10,
.col-xmd-11,
.col-xmd-12,
.col-xmd-auto {
    position: relative;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px
}

.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:575px) {
    .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-xmd {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xmd-last {
        order: 13
    }

    .order-xmd-0 {
        order: 0
    }

    .order-xmd-1 {
        order: 1
    }

    .order-xmd-2 {
        order: 2
    }

    .order-xmd-3 {
        order: 3
    }

    .order-xmd-4 {
        order: 4
    }

    .order-xmd-5 {
        order: 5
    }

    .order-xmd-6 {
        order: 6
    }

    .order-xmd-7 {
        order: 7
    }

    .order-xmd-8 {
        order: 8
    }

    .order-xmd-9 {
        order: 9
    }

    .order-xmd-10 {
        order: 10
    }

    .order-xmd-11 {
        order: 11
    }

    .order-xmd-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width:1200px) {
    .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:1400px) {
    .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-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .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%
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.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: translateY(-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);
    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: 50%;
    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;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(50% - 1px);
    border-top-right-radius: calc(50% - 1px)
}

.modal-header .close {
    padding: 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(50% - 1px);
    border-bottom-left-radius: calc(50% - 1px)
}

.modal-footer>* {
    margin: .25rem
}

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

@media(min-width:575px) {
    .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)
    }

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

@media(min-width:1200px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media(min-width:1400px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow:before,
.bs-tooltip-top .arrow:before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow:before,
.bs-tooltip-right .arrow:before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.bs-tooltip-bottom .arrow:before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow:before,
.bs-tooltip-left .arrow:before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 50%
}

.popover {
    top: 0;
    left: 0;
    z-index: 1060;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 50%
}

.popover,
.popover .arrow {
    position: absolute;
    display: block
}

.popover .arrow {
    width: 1rem;
    height: .5rem;
    margin: 0 50%
}

.popover .arrow:after,
.popover .arrow:before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow:before,
.bs-popover-top>.arrow:before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow:after,
.bs-popover-top>.arrow:after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: 50% 0
}

.bs-popover-auto[x-placement^=right]>.arrow:before,
.bs-popover-right>.arrow:before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow:after,
.bs-popover-right>.arrow:after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.bs-popover-bottom>.arrow:before {
    top: 0;
    border-width: 0 .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.bs-popover-bottom>.arrow:after {
    top: 1px;
    border-width: 0 .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: 50% 0
}

.bs-popover-auto[x-placement^=left]>.arrow:before,
.bs-popover-left>.arrow:before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow:after,
.bs-popover-left>.arrow:after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(50% - 1px);
    border-top-right-radius: calc(50% - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.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: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !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: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded,
.rounded-sm {
    border-radius: 50% !important
}

.rounded-top {
    border-top-left-radius: 50% !important
}

.rounded-right,
.rounded-top {
    border-top-right-radius: 50% !important
}

.rounded-bottom,
.rounded-right {
    border-bottom-right-radius: 50% !important
}

.rounded-bottom,
.rounded-left {
    border-bottom-left-radius: 50% !important
}

.rounded-left {
    border-top-left-radius: 50% !important
}

.rounded-circle,
.rounded-lg {
    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:575px) {
    .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-xmd-none {
        display: none !important
    }

    .d-xmd-inline {
        display: inline !important
    }

    .d-xmd-inline-block {
        display: inline-block !important
    }

    .d-xmd-block {
        display: block !important
    }

    .d-xmd-table {
        display: table !important
    }

    .d-xmd-table-row {
        display: table-row !important
    }

    .d-xmd-table-cell {
        display: table-cell !important
    }

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

    .d-xmd-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width:1200px) {
    .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:1400px) {
    .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:575px) {
    .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-xmd-row {
        flex-direction: row !important
    }

    .flex-xmd-column {
        flex-direction: column !important
    }

    .flex-xmd-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xmd-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xmd-wrap {
        flex-wrap: wrap !important
    }

    .flex-xmd-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xmd-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xmd-fill {
        flex: 1 1 auto !important
    }

    .flex-xmd-grow-0 {
        flex-grow: 0 !important
    }

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

    .flex-xmd-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xmd-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xmd-start {
        justify-content: flex-start !important
    }

    .justify-content-xmd-end {
        justify-content: flex-end !important
    }

    .justify-content-xmd-center {
        justify-content: center !important
    }

    .justify-content-xmd-between {
        justify-content: space-between !important
    }

    .justify-content-xmd-around {
        justify-content: space-around !important
    }

    .align-items-xmd-start {
        align-items: flex-start !important
    }

    .align-items-xmd-end {
        align-items: flex-end !important
    }

    .align-items-xmd-center {
        align-items: center !important
    }

    .align-items-xmd-baseline {
        align-items: baseline !important
    }

    .align-items-xmd-stretch {
        align-items: stretch !important
    }

    .align-content-xmd-start {
        align-content: flex-start !important
    }

    .align-content-xmd-end {
        align-content: flex-end !important
    }

    .align-content-xmd-center {
        align-content: center !important
    }

    .align-content-xmd-between {
        align-content: space-between !important
    }

    .align-content-xmd-around {
        align-content: space-around !important
    }

    .align-content-xmd-stretch {
        align-content: stretch !important
    }

    .align-self-xmd-auto {
        align-self: auto !important
    }

    .align-self-xmd-start {
        align-self: flex-start !important
    }

    .align-self-xmd-end {
        align-self: flex-end !important
    }

    .align-self-xmd-center {
        align-self: center !important
    }

    .align-self-xmd-baseline {
        align-self: baseline !important
    }

    .align-self-xmd-stretch {
        align-self: stretch !important
    }
}

@media(min-width:1200px) {
    .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:1400px) {
    .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:575px) {
    .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-xmd-left {
        float: left !important
    }

    .float-xmd-right {
        float: right !important
    }

    .float-xmd-none {
        float: none !important
    }
}

@media(min-width:1200px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media(min-width:1400px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: 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 {
    top: 0
}

.fixed-bottom,
.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

@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: 0 .5rem 1rem rgba(0, 0, 0, .15) !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
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent
}

.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
}

.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
}

.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-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:575px) {
    .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
    }

    .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
    }

    .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-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
    }

    .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
    }

    .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-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-xmd-0 {
        margin: 0 !important
    }

    .mt-xmd-0,
    .my-xmd-0 {
        margin-top: 0 !important
    }

    .mr-xmd-0,
    .mx-xmd-0 {
        margin-right: 0 !important
    }

    .mb-xmd-0,
    .my-xmd-0 {
        margin-bottom: 0 !important
    }

    .ml-xmd-0,
    .mx-xmd-0 {
        margin-left: 0 !important
    }

    .m-xmd-1 {
        margin: .25rem !important
    }

    .mt-xmd-1,
    .my-xmd-1 {
        margin-top: .25rem !important
    }

    .mr-xmd-1,
    .mx-xmd-1 {
        margin-right: .25rem !important
    }

    .mb-xmd-1,
    .my-xmd-1 {
        margin-bottom: .25rem !important
    }

    .ml-xmd-1,
    .mx-xmd-1 {
        margin-left: .25rem !important
    }

    .m-xmd-2 {
        margin: .5rem !important
    }

    .mt-xmd-2,
    .my-xmd-2 {
        margin-top: .5rem !important
    }

    .mr-xmd-2,
    .mx-xmd-2 {
        margin-right: .5rem !important
    }

    .mb-xmd-2,
    .my-xmd-2 {
        margin-bottom: .5rem !important
    }

    .ml-xmd-2,
    .mx-xmd-2 {
        margin-left: .5rem !important
    }

    .m-xmd-3 {
        margin: 1rem !important
    }

    .mt-xmd-3,
    .my-xmd-3 {
        margin-top: 1rem !important
    }

    .mr-xmd-3,
    .mx-xmd-3 {
        margin-right: 1rem !important
    }

    .mb-xmd-3,
    .my-xmd-3 {
        margin-bottom: 1rem !important
    }

    .ml-xmd-3,
    .mx-xmd-3 {
        margin-left: 1rem !important
    }

    .m-xmd-4 {
        margin: 1.5rem !important
    }

    .mt-xmd-4,
    .my-xmd-4 {
        margin-top: 1.5rem !important
    }

    .mr-xmd-4,
    .mx-xmd-4 {
        margin-right: 1.5rem !important
    }

    .mb-xmd-4,
    .my-xmd-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xmd-4,
    .mx-xmd-4 {
        margin-left: 1.5rem !important
    }

    .m-xmd-5 {
        margin: 3rem !important
    }

    .mt-xmd-5,
    .my-xmd-5 {
        margin-top: 3rem !important
    }

    .mr-xmd-5,
    .mx-xmd-5 {
        margin-right: 3rem !important
    }

    .mb-xmd-5,
    .my-xmd-5 {
        margin-bottom: 3rem !important
    }

    .ml-xmd-5,
    .mx-xmd-5 {
        margin-left: 3rem !important
    }

    .p-xmd-0 {
        padding: 0 !important
    }

    .pt-xmd-0,
    .py-xmd-0 {
        padding-top: 0 !important
    }

    .pr-xmd-0,
    .px-xmd-0 {
        padding-right: 0 !important
    }

    .pb-xmd-0,
    .py-xmd-0 {
        padding-bottom: 0 !important
    }

    .pl-xmd-0,
    .px-xmd-0 {
        padding-left: 0 !important
    }

    .p-xmd-1 {
        padding: .25rem !important
    }

    .pt-xmd-1,
    .py-xmd-1 {
        padding-top: .25rem !important
    }

    .pr-xmd-1,
    .px-xmd-1 {
        padding-right: .25rem !important
    }

    .pb-xmd-1,
    .py-xmd-1 {
        padding-bottom: .25rem !important
    }

    .pl-xmd-1,
    .px-xmd-1 {
        padding-left: .25rem !important
    }

    .p-xmd-2 {
        padding: .5rem !important
    }

    .pt-xmd-2,
    .py-xmd-2 {
        padding-top: .5rem !important
    }

    .pr-xmd-2,
    .px-xmd-2 {
        padding-right: .5rem !important
    }

    .pb-xmd-2,
    .py-xmd-2 {
        padding-bottom: .5rem !important
    }

    .pl-xmd-2,
    .px-xmd-2 {
        padding-left: .5rem !important
    }

    .p-xmd-3 {
        padding: 1rem !important
    }

    .pt-xmd-3,
    .py-xmd-3 {
        padding-top: 1rem !important
    }

    .pr-xmd-3,
    .px-xmd-3 {
        padding-right: 1rem !important
    }

    .pb-xmd-3,
    .py-xmd-3 {
        padding-bottom: 1rem !important
    }

    .pl-xmd-3,
    .px-xmd-3 {
        padding-left: 1rem !important
    }

    .p-xmd-4 {
        padding: 1.5rem !important
    }

    .pt-xmd-4,
    .py-xmd-4 {
        padding-top: 1.5rem !important
    }

    .pr-xmd-4,
    .px-xmd-4 {
        padding-right: 1.5rem !important
    }

    .pb-xmd-4,
    .py-xmd-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xmd-4,
    .px-xmd-4 {
        padding-left: 1.5rem !important
    }

    .p-xmd-5 {
        padding: 3rem !important
    }

    .pt-xmd-5,
    .py-xmd-5 {
        padding-top: 3rem !important
    }

    .pr-xmd-5,
    .px-xmd-5 {
        padding-right: 3rem !important
    }

    .pb-xmd-5,
    .py-xmd-5 {
        padding-bottom: 3rem !important
    }

    .pl-xmd-5,
    .px-xmd-5 {
        padding-left: 3rem !important
    }

    .m-xmd-n1 {
        margin: -.25rem !important
    }

    .mt-xmd-n1,
    .my-xmd-n1 {
        margin-top: -.25rem !important
    }

    .mr-xmd-n1,
    .mx-xmd-n1 {
        margin-right: -.25rem !important
    }

    .mb-xmd-n1,
    .my-xmd-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xmd-n1,
    .mx-xmd-n1 {
        margin-left: -.25rem !important
    }

    .m-xmd-n2 {
        margin: -.5rem !important
    }

    .mt-xmd-n2,
    .my-xmd-n2 {
        margin-top: -.5rem !important
    }

    .mr-xmd-n2,
    .mx-xmd-n2 {
        margin-right: -.5rem !important
    }

    .mb-xmd-n2,
    .my-xmd-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xmd-n2,
    .mx-xmd-n2 {
        margin-left: -.5rem !important
    }

    .m-xmd-n3 {
        margin: -1rem !important
    }

    .mt-xmd-n3,
    .my-xmd-n3 {
        margin-top: -1rem !important
    }

    .mr-xmd-n3,
    .mx-xmd-n3 {
        margin-right: -1rem !important
    }

    .mb-xmd-n3,
    .my-xmd-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xmd-n3,
    .mx-xmd-n3 {
        margin-left: -1rem !important
    }

    .m-xmd-n4 {
        margin: -1.5rem !important
    }

    .mt-xmd-n4,
    .my-xmd-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xmd-n4,
    .mx-xmd-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xmd-n4,
    .my-xmd-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xmd-n4,
    .mx-xmd-n4 {
        margin-left: -1.5rem !important
    }

    .m-xmd-n5 {
        margin: -3rem !important
    }

    .mt-xmd-n5,
    .my-xmd-n5 {
        margin-top: -3rem !important
    }

    .mr-xmd-n5,
    .mx-xmd-n5 {
        margin-right: -3rem !important
    }

    .mb-xmd-n5,
    .my-xmd-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xmd-n5,
    .mx-xmd-n5 {
        margin-left: -3rem !important
    }

    .m-xmd-auto {
        margin: auto !important
    }

    .mt-xmd-auto,
    .my-xmd-auto {
        margin-top: auto !important
    }

    .mr-xmd-auto,
    .mx-xmd-auto {
        margin-right: auto !important
    }

    .mb-xmd-auto,
    .my-xmd-auto {
        margin-bottom: auto !important
    }

    .ml-xmd-auto,
    .mx-xmd-auto {
        margin-left: auto !important
    }
}

@media(min-width:1200px) {
    .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
    }

    .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
    }

    .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-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:1400px) {
    .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
    }

    .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
    }

    .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-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
    }
}

.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:575px) {
    .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-xmd-left {
        text-align: left !important
    }

    .text-xmd-right {
        text-align: right !important
    }

    .text-xmd-center {
        text-align: center !important
    }
}

@media(min-width:1200px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width:1400px) {
    .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: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

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

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: hsla(0, 0%, 100%, .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;
    overflow-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.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: 0 solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: 0
}

.nav-tabs .nav-link {
    border: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.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: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: 50%
}

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

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

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

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

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

.navbar {
    position: relative;
    padding: .5rem 1rem
}

.navbar,
.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl,
.navbar .container-xmd {
    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: 50%
}

.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: no-repeat 50%;
    background-size: 100% 100%
}

@media(max-width:574.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,
    .navbar-expand-sm>.container-xmd {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:575px) {
    .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: .5rem;
        padding-left: .5rem
    }

    .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,
    .navbar-expand-sm>.container-xmd {
        flex-wrap: nowrap
    }

    .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,
    .navbar-expand-md>.container-xmd {
        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: .5rem;
        padding-left: .5rem
    }

    .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,
    .navbar-expand-md>.container-xmd {
        flex-wrap: nowrap
    }

    .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-xmd>.container,
    .navbar-expand-xmd>.container-fluid,
    .navbar-expand-xmd>.container-lg,
    .navbar-expand-xmd>.container-md,
    .navbar-expand-xmd>.container-sm,
    .navbar-expand-xmd>.container-xl,
    .navbar-expand-xmd>.container-xmd {
        padding-right: 0;
        padding-left: 0
    }
}

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

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

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

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

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

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

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

@media(max-width:1199.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,
    .navbar-expand-lg>.container-xmd {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:1200px) {
    .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: .5rem;
        padding-left: .5rem
    }

    .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,
    .navbar-expand-lg>.container-xmd {
        flex-wrap: nowrap
    }

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

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

@media(max-width:1399.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,
    .navbar-expand-xl>.container-xmd {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:1400px) {
    .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: .5rem;
        padding-left: .5rem
    }

    .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,
    .navbar-expand-xl>.container-xmd {
        flex-wrap: nowrap
    }

    .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,
.navbar-expand>.container-xmd {
    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: .5rem;
    padding-left: .5rem
}

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

.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: rgba(0, 0, 0, .5)
}

.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: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

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

.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: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: hsla(0, 0%, 100%, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .5);
    border-color: hsla(0, 0%, 100%, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: hsla(0, 0%, 100%, .5)
}

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

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

.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: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 50%
}

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

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

@media(min-width:575px) {
    .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-xmd-left {
        right: auto;
        left: 0
    }

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

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

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

@media(min-width:1400px) {
    .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: #f8f9fa
}

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

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    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
}

@font-face {
    font-family: Promt-regular;
    src: url(../../../fonts/prompt-v4-latin-ext_latin-regular.woff2) format("woff2"), url(../../../fonts/prompt-v4-latin-ext_latin-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-stretch: normal
}

@font-face {
    font-family: Promt-medium;
    src: url(../../../fonts/prompt-v4-latin-ext_latin-500.woff2) format("woff2"), url(../../../fonts/prompt-v4-latin-ext_latin-500.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    font-stretch: normal
}

@font-face {
    font-family: Promt-semi-bold;
    src: url(../../../fonts/prompt-v4-latin-ext_latin-600.woff2) format("woff2"), url(../../../fonts/prompt-v4-latin-ext_latin-600.woff) format("woff");
    font-display: swap;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: Promt-bold;
    src: url(../../../fonts/prompt-v4-latin-ext_latin-700.woff2) format("woff2"), url(../../../fonts/prompt-v4-latin-ext_latin-700.woff) format("woff");
    font-weight: 700;
    font-display: swap;
    font-style: normal;
    font-stretch: normal
}

.js-no-scroll {
    height: 100%;
    overflow: hidden
}

.nav-tabs {
    border-color: #e2e2e2;
    margin: 10px 0
}

.nav-tabs .nav-link {
    border: none;
    text-transform: uppercase;
    font-family: Promt-semi-bold, sans-serif;
    width: 100%
}

.nav-tabs .nav-link.active {
    border-bottom: 6px solid #252323
}

.dropdown-item.active,
.dropdown-item:active {
    background: none
}

.fixed-bottom,
.fixed-top {
    position: fixed !important
}

.modal-content {
    border-radius: 0;
    padding: 12px
}

.modal-header {
    border: none
}

.modal-title {
    font-size: 1.375rem;
    font-family: Promt-bold, sans-serif;
    text-transform: uppercase
}

.modal-footer {
    border: none;
    justify-content: center
}

.modal-footer .btn {
    margin: 0 10px
}

.modal-backdrop.show {
    background: #252323;
    opacity: .95
}

.modal-open.locale-suggestion-open {
    height: 100vh
}

.modal-open.locale-suggestion-open .modal-backdrop {
    background: none;
    opacity: 0
}

.c-form-state {
    position: relative;
    padding: 17px 16px 17px 70px;
    border-radius: 4px;
    text-align: left;
    font-family: Promt-regular, sans-serif;
    font-size: 1rem
}

.c-form-state:before {
    position: absolute;
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100%
}

.c-form-state:after {
    position: absolute;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    left: 23px;
    top: 50%;
    transform: translateY(-50%)
}

.c-form-state--success {
    font-family: Promt-medium, sans-serif;
    background-color: #73e78a
}

.c-form-state--success:after {
    background: url(../../images/svg/icon-check-big.svg) no-repeat 50%
}

.c-form-state--error {
    background-color: #fceded
}

.c-form-state--error:after {
    background: url(../../images/svg/icon-close-light-red.svg) no-repeat 50%;
    z-index: 101
}

.sales-tax-message {
    font-style: italic
}

.shipping-address-block.disable-store-details .form-group:has(#shipping_country, #shipping_address1, #shipping_address2, #shipping_city, #shipping_postalCode, #shipping_stateCode) .styled-select,
.shipping-address-block.disable-store-details .form-group:has(#shipping_country, #shipping_address1, #shipping_address2, #shipping_city, #shipping_postalCode, #shipping_stateCode) input,
.shipping-address-block.disable-store-details .form-group:has(#shipping_country, #shipping_address1, #shipping_address2, #shipping_city, #shipping_postalCode, #shipping_stateCode) select {
    color: #646464;
    user-select: none;
    cursor: default;
    background-color: #ececec
}

.shipping-address-block.disable-store-details .form-group:has(#shipping_country, #shipping_address1, #shipping_address2, #shipping_city, #shipping_postalCode, #shipping_stateCode) .clear-input-button {
    display: none;
    user-select: none
}

.shipping-address-block.disable-store-details .form-group:has(#shipping_country, #shipping_address1, #shipping_address2, #shipping_city, #shipping_postalCode, #shipping_stateCode) .c-custom-select:not(.styled-select) {
    background-image: unset
}

@font-face {
    font-family: Lambotype;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../../fonts/Lambotype-Black.woff2) format("woff2")
}

@font-face {
    font-family: Lambotype;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(../../fonts/Lambotype-BlackItalic.woff2) format("woff2")
}

@font-face {
    font-family: Lambotype;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../../fonts/Lambotype-Bold.woff2) format("woff2")
}

@font-face {
    font-family: Lambotype;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../../fonts/Lambotype-BoldItalic.woff2) format("woff2")
}

@font-face {
    font-family: Lambotype;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(../../fonts/Lambotype-Light.woff2) format("woff2")
}

@font-face {
    font-family: Lambotype;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(../../fonts/Lambotype-LightItalic.woff2) format("woff2")
}

@font-face {
    font-family: Lambotype;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../../fonts/Lambotype-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Lambotype;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../../fonts/Lambotype-RegularItalic.woff2) format("woff2")
}

:root {
    --color-background-primary: #121212;
    --color-background-secondary: linear-gradient(0deg, #000 20.5%, transparent);
    --color-background-thirdary: #fff;
    --color-background-fourth: #000;
    --color-primary: #fff;
    --color-secondary: #121212;
    --color-minicart: #b69f62;
    --color-error: red;
    --zi-base: 1;
    --zi-elipsis: 2;
    --zi-content: 5;
    --zi-elipsis-carousel: 8;
    --zi-content-carousel: 10;
    --zi-video-icon: 10;
    --zi-overlay: 10;
    --zi-header: 11;
    --zi-menu-mobile: 20;
    --zi-header-mobile: 50;
    --zi-minicart: 50;
    --container-width: 100%;
    --header-pl: 1.25rem;
    --header-pr: 1.25rem;
    --header-pt: 1.25rem;
    --header-pb: 0.5rem;
    --header-height: 2.45588rem;
    --header-logo-ctnr-width: 10.4375rem;
    --header-logo-bab-height: 1.02331rem;
    --header-logo-bab-width: 6.49056rem;
    --header-sep-logo-ml: 0.88rem;
    --header-sep-logo-mr: 0.88rem;
    --header-sep-logo-height: 1.63725rem;
    --header-sep-logo-width: 0.125rem;
    --header-logo-lambo-height: 2.45588rem;
    --header-logo-lambo-width: 2.19275rem;
    --header-nav-mr: 0;
    --header-nav-list-pt: 126px;
    --header-sep-height: 1.5rem;
    --header-sep-width: 0.0625rem;
    --header-sep-mh: 1.25rem;
    --footer-logo-ctnr-pb: 1.87rem;
    --footer-logo-ctnr-pt: 1.87rem;
    --footer-logo-ctnr-width: 14.6875rem;
    --footer-logo-bab-height: 1.43994rem;
    --footer-logo-bab-width: 9.13338rem;
    --footer-sep-logo-ml: 1.23rem;
    --footer-sep-logo-mr: 1.23rem;
    --footer-sep-logo-height: 2.30394rem;
    --footer-sep-logo-width: 0.125rem;
    --footer-logo-lambo-height: 3.45588rem;
    --footer-logo-lambo-width: 3.08563rem;
    --footer-hr-mb: 0.62rem;
    --footer-copyright-ctnr-ph: 0;
    --footer-copyright-w: 100%
}

@media only screen and (min-width:768px) {
    :root {
        --container-width: 1440px;
        --header-pl: 140px;
        --header-pr: 140px;
        --header-pt: 30px;
        --header-pb: 16px;
        --header-height: 84px;
        --header-logo-ctnr-width: 357px;
        --header-logo-bab-height: 35px;
        --header-logo-bab-width: 222px;
        --header-sep-logo-ml: 30px;
        --header-sep-logo-mr: 30px;
        --header-sep-logo-height: 56px;
        --header-logo-lambo-height: 84px;
        --header-logo-lambo-width: 75px;
        --header-nav-list-pt: 0;
        --footer-logo-ctnr-width: 357px;
        --footer-logo-bab-height: 35px;
        --footer-logo-bab-width: 222px;
        --footer-sep-logo-ml: 30px;
        --footer-sep-logo-mr: 30px;
        --footer-sep-logo-height: 56px;
        --footer-logo-lambo-height: 84px;
        --footer-logo-lambo-width: 75px;
        --footer-hr-mb: 1.87rem;
        --footer-copyright-ctnr-ph: 10rem;
        --footer-copyright-mb: 1.87rem;
        --footer-copyright-w: 50rem
    }
}

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

body {
    background: var(--color-background-primary);
    color: var(--color-primary);
    font-family: Lambotype;
    font-style: normal;
    overflow-x: hidden;
    scroll-behavior: smooth
}

body,
body h1,
body h2,
body h3,
body p {
    font-weight: 400;
    margin: 0;
    padding: 0
}

body strong {
    font-weight: 900
}

body .container {
    margin: auto;
    max-width: var(--container-width);
    padding: 0;
    position: relative;
    width: var(--container-width)
}

body header {
    background-color: transparent;
    flex-shrink: 0;
    height: calc(var(--header-height) + var(--header-pt) + var(--header-pb));
    padding: var(--header-pt) var(--header-pr) var(--header-pb) var(--header-pl);
    position: fixed;
    width: 100%;
    top: 0;
    transition: background-color .3s;
    z-index: var(--zi-header)
}

body header.fixed {
    background-color: var(--color-background-primary)
}

@media only screen and (min-width:768px) {
    body header {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

body header nav {
    left: var(--header-pl);
    margin-left: auto;
    margin-right: var(--header-nav-mr);
    position: absolute;
    top: var(--header-pt);
    z-index: var(--zi-content)
}

@media only screen and (min-width:768px) {
    body header nav {
        left: auto;
        position: relative;
        top: auto
    }
}

body header nav.open .burger {
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="65" height="31" fill="none"><path d="M.799 30.5L15.375.5H64.2l-14.576 30H.8z" fill="%23fff" stroke="%23fff"/></svg>');
    color: var(--color-secondary)
}

body header nav.open .burger rect {
    fill: var(--color-background-primary);
    stroke: var(--color-background-primary)
}

body header nav.open .burger .bottom,
body header nav.open .burger .top {
    transform-origin: center
}

body header nav.open .burger .top {
    transform: rotate(45deg) translate(-1px, 5px)
}

body header nav.open .burger .bottom {
    transform: rotate(-45deg) translate(1.5px, -5px)
}

body header nav.open .burger .middle {
    opacity: 0
}

body header nav.open ul {
    left: 0
}

body header nav .burger {
    cursor: pointer;
    position: relative;
    stroke: var(--color-background-thirdary);
    vertical-align: baseline;
    z-index: calc(var(--zi-menu-mobile) + 1)
}

@media only screen and (min-width:768px) {
    body header nav .burger {
        display: none
    }
}

body header nav .burger rect {
    fill: var(--color-background-thirdary);
    stroke: var(--color-background-thirdary);
    transition: all .3s ease-in-out
}

body header nav ul {
    background-color: var(--color-background-fourth);
    height: 100%;
    left: -100%;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: var(--header-nav-list-pt);
    position: fixed;
    overflow: hidden;
    transition: left .3s ease;
    top: 0;
    width: 100%;
    z-index: var(--zi-menu-mobile)
}

body header nav ul li {
    text-align: center
}

body header nav ul li a {
    color: var(--color-primary);
    display: block;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    padding: 16px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    outline: none!important;
}

@media only screen and (min-width:768px) {
    body header nav ul {
        background-color: inherit;
        height: auto;
        left: auto;
        position: relative;
        overflow: hidden;
        transition: none;
        top: auto;
        width: auto
    }

    body header nav ul li {
        display: inline-block;
        margin: 0 15px;
        text-align: inherit
    }

    body header nav ul li:first-child {
        margin-left: 0
    }

    body header nav ul li:last-child {
        margin-right: 0
    }

    body header nav ul li a {
        color: var(--color-primary);
        display: block;
        font-size: .875rem;
        font-style: normal;
        font-weight: 700;
        padding: 16px 0;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase
    }
}

body header .logo-container {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto;
    position: relative;
    width: var(--header-logo-ctnr-width);
    z-index: var(--zi-header-mobile)
}

body header .logo-container svg {
    height: var(--header-logo-bab-height);
    width: var(--header-logo-bab-width)
}

body header .logo-container .sep-line {
    background-color: var(--color-background-thirdary);
    height: var(--header-sep-logo-height);
    margin-left: var(--header-sep-logo-ml);
    margin-right: var(--header-sep-logo-mr);
    width: var(--header-sep-logo-width)
}

body header .logo-container img {
    height: var(--header-logo-lambo-height);
    width: var(--header-logo-lambo-width)
}

body header .logo-container img.babolat-logo {
    width: 5.625rem
}

@media only screen and (min-width:768px) {
    body header .logo-container img.babolat-logo {
        width: 9.375rem
    }
}

@media only screen and (min-width:768px) {
    body header .logo-container {
        margin: 0
    }
}

body header .sep-line {
    background-color: var(--color-background-thirdary);
    display: none;
    height: var(--header-sep-height);
    margin: 0 var(--header-sep-mh);
    opacity: .3;
    width: var(--header-sep-width)
}

@media only screen and (min-width:768px) {
    body header .sep-line {
        display: block
    }
}

body header .home-link {
    position: absolute;
    right: 4rem;
    top: 1.94rem;
    z-index: var(--zi-header-mobile)
}

@media only screen and (min-width:768px) {
    body header .home-link {
        position: relative;
        right: auto;
        top: auto
    }
}

body .l-overlay {
    content: "";
    position: fixed;
    background: rgba(25, 23, 23, .95);
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: var(--zi-overlay)
}

body .add-to-basket-alert {
    animation: fade 5s linear forwards;
    min-width: 272px
}

@keyframes fade {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    90% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

body .alert-danger {
    color: #ca2f2f
}

body .add-to-cart-messages {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    position: fixed;
    top: 25%;
    width: 50%;
    z-index: 100
}

body footer {
    background-color: var(--color-background-fourth);
    border-top: 1px solid hsla(0, 0%, 100%, .15);
    padding: 1.56rem 1.25rem;
    position: relative;
    z-index: var(--zi-content)
}

body footer .logo-container {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto;
    padding-bottom: var(--footer-logo-ctnr-pb);
    padding-top: var(--footer-logo-ctnr-pt);
    width: var(--footer-logo-ctnr-width)
}

body footer .logo-container svg {
    height: var(--footer-logo-bab-height);
    width: var(--footer-logo-bab-width)
}

body footer .logo-container .sep-line {
    height: var(--footer-sep-logo-height);
    margin-left: var(--footer-sep-logo-ml);
    margin-right: var(--footer-sep-logo-mr);
    background-color: var(--color-background-thirdary);
    width: var(--footer-sep-logo-width)
}

body footer .logo-container img {
    height: var(--footer-logo-lambo-height);
    width: var(--footer-logo-lambo-width)
}

body footer .c-country-selector {
    width: 11.25rem;
    margin: 0 auto
}

body footer .c-country-selector .dropdown-menu {
    background-color: var(--color-background-primary);
    color: var(--color-primary)
}

body footer .copyright-ctnr {
    padding: 0 var(--footer-copyright-ctnr-ph)
}

body footer .copyright-ctnr .hr {
    background-color: var(--color-background-thirdary);
    display: block;
    height: .0625rem;
    margin-bottom: var(--footer-hr-mb);
    opacity: .3;
    width: 100%
}

body footer .copyright-ctnr p {
    font-weight: 100;
    line-height: 1.5rem;
    margin: 0 auto 1rem;
    text-align: center;
    width: var(--footer-copyright-w)
}

body footer .copyright-ctnr p:nth-child(2) {
    margin-bottom: var(--footer-copyright-mb)
}

body footer .copyright-ctnr p:last-child {
    margin: 0 auto
}

body footer .copyright-ctnr p a {
    color: var(--color-primary);
    font-weight: 100
}

body footer .copyright-ctnr .grecaptcha-badge {
    visibility: hidden
}

body.pd-in-edit-mode #onetrust-consent-sdk {
    display: none
}

.grecaptcha-badge {
    z-index: 99
}

.c-country-selector__dropdown {
    height: 43px
}

.c-country-selector__dropdown.show .c-country-selector__btn {
    border-bottom: none
}

.c-country-selector__dropdown.show .c-country-selector__btn:after {
    transform: rotate(180deg)
}

.c-country-selector__dropdown-menu {
    border-radius: 0;
    max-height: 155px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 300px;
    border-top: none;
    margin: 0;
    -ms-overflow-style: none
}

.c-country-selector__btn {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    text-transform: capitalize;
    border-radius: 0;
    cursor: pointer;
    padding: 14px 16px 14px 0;
    color: #fff;
    height: 43px
}

.c-country-selector__dropdown-item {
    cursor: pointer;
    padding: 5px 16px;
    display: block;
    width: 100%;
    white-space: nowrap
}

.c-country-selector__dropdown-item:hover {
    background: #f2f2f5;
    color: #000;
    text-decoration: none
}

.c-country-selector__dropdown-item:active {
    background: #f2f2f5;
    color: #000;
    text-decoration: none
}

.c-country-selector__country {
    text-transform: capitalize
}

.c-country-selector__language {
    text-transform: lowercase
}

.popover {
    border: 0;
    border-radius: 4px;
    font-family: Promt-regular, sans-serif;
    color: #252323;
    min-width: 175px;
    background: transparent;
    z-index: 1030;
    top: 41px;
    left: auto;
    right: -20px
}

.popover,
.popover .arrow,
.popover .popover-header {
    display: none
}

.popover__arrow {
    left: auto;
    width: 1rem;
    height: .5rem;
    margin: 0 50%;
    top: 1px;
    right: -58px
}

.popover__arrow:after,
.popover__arrow:before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.popover__arrow:after {
    border-bottom-color: #74ecf7;
    top: 1px;
    border-width: 0 8px 8px
}

.popover__content-border {
    border-top: 5px solid #74ecf7;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.popover-body {
    padding: 0
}

.popover__contents {
    padding: 15px 16px;
    box-shadow: 0 8px 14px 0 rgba(46, 46, 46, .07), 0 2px 4px 0 rgba(0, 0, 0, .13);
    border-radius: 0 0 4px 4px;
    background: #fff;
    margin-top: -1px
}

.popover__contents .nav-item>a {
    text-decoration: none
}

.popover__contents .nav-item>a:hover {
    font-family: Promt-bold, sans-serif
}

.popover__contents .nav-item>a .login-icon {
    margin-top: -1px
}

.popover__content {
    margin-top: 10px
}

@media(min-width:1200px) {
    .popover.show {
        display: block
    }
}

.l-header.fixed-top .popover {
    top: 56px
}

.bl-carousel-container {
    --carousel-ctnr-h: 29.5rem;
    --carousel-ctnr-pv: 1.97rem;
    --carousel-ctnr-content-w: 21.875rem;
    --carousel-h2-fs: 1.75rem;
    --carousel-h2-lh: 2rem;
    --carousel-item-h: 13.93569rem;
    --carousel-item-w: 9.28581rem;
    --carousel-actions-b: 1.25rem
}

@media only screen and (min-width:768px) {
    .bl-carousel-container {
        --carousel-ctnr-h: 49.0625rem;
        --carousel-ctnr-pv: 3.75rem;
        --carousel-ctnr-content-w: 50rem;
        --carousel-h2-fs: 3.25rem;
        --carousel-h2-lh: 3.75rem;
        --carousel-item-h: 30.51rem;
        --carousel-item-w: 19.11544rem;
        --carousel-actions-b: 1.88rem
    }
}

.bl-carousel-container {
    background: url(../../images/hangar.jpg) no-repeat 50%;
    background-size: cover;
    height: var(--carousel-ctnr-h);
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: var(--zi-content)
}

.bl-carousel-container .inner-container {
    height: 100%;
    margin: 0;
    position: relative
}

.bl-carousel-container .inner-container .text-inner {
    color: var(--color-primary);
    margin: auto;
    padding: var(--carousel-ctnr-pv) 0;
    position: relative;
    text-align: center;
    width: var(--carousel-ctnr-content-w);
    z-index: var(--zi-content-carousel)
}

.bl-carousel-container .inner-container .text-inner h2 {
    font-size: var(--carousel-h2-fs);
    font-weight: 800;
    line-height: var(--carousel-h2-lh);
    margin-bottom: 1.25rem;
    text-transform: uppercase;
    width: 100%
}

.bl-carousel-container .inner-container .text-inner p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    width: 100%
}

.bl-carousel-container .inner-container .gallery {
    position: absolute;
    width: 100%;
    height: var(--carousel-item-h);
    overflow: hidden
}

.bl-carousel-container .inner-container .gallery .cards {
    height: var(--carousel-item-h);
    margin: 0;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: var(--carousel-item-w);
    z-index: var(--zi-content)
}

.bl-carousel-container .inner-container .gallery .cards li {
    left: 0;
    list-style: none;
    height: var(--carousel-item-h);
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: var(--carousel-item-w)
}

.bl-carousel-container .inner-container .gallery .actions {
    position: absolute;
    bottom: var(--carousel-actions-b);
    left: 50%;
    transform: translateX(-50%);
    z-index: var(--zi-content-carousel)
}

.bl-carousel-container .inner-container .gallery button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 2.5625rem;
    outline: none;
    margin: 0 -5px;
    width: 4.4375rem
}

.bl-carousel-container .inner-container .gallery button.prev {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="71" height="41" fill="none"><path d="M.8 40.5L20.312.5H70.2l-19.512 40H.8z" fill="%23000" stroke="%23fff"/><path d="M38.5 15.75l-4.5 4.5 4.5 4.5" stroke="%23fff" stroke-width="2"/></svg>')
}

.bl-carousel-container .inner-container .gallery button.next {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="71" height="41" fill="none"><path d="M70.2.5l-19.512 40H.8L20.312.5H70.2z" fill="%23000" stroke="%23fff"/><path d="M32.5 25.25l4.5-4.5-4.5-4.5" stroke="%23fff" stroke-width="2"/></svg>')
}

.bl-carousel-container .inner-container .gallery button:hover.prev {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="71" height="41" fill="none"><path d="M20 0h51L51 41H0L20 0z" fill="%23fff"/><path d="M38.5 15.75l-4.5 4.5 4.5 4.5" stroke="%23000" stroke-width="2"/></svg>')
}

.bl-carousel-container .inner-container .gallery button:hover.next {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="71" height="41" fill="none"><path d="M70.2.5l-19.512 40H.8L20.312.5H70.2z" fill="%23fff" stroke="%23000"/><path d="M32.5 25.25l4.5-4.5-4.5-4.5" stroke="%23000" stroke-width="2"/></svg>')
}

.bl-carousel-container .elipsis {
    background: radial-gradient(50% 50% at 50% 50%, transparent 0, #000 100%);
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: var(--zi-elipsis-carousel)
}

.text-container {
    --text-ctnr-pv: 3.75rem;
    --text-ctnr-content-w: 20.5rem;
    --elipsis-h: 100%;
    --elipsis-w: 100%;
    --text-h2-fs: 1.75rem;
    --text-h2-lh: 2rem;
    position: relative
}

@media only screen and (min-width:768px) {
    .text-container {
        --text-ctnr-pv: 3.75rem;
        --text-ctnr-content-w: 50rem;
        --elipsis-h: 115.0875rem;
        --elipsis-w: 83.375rem;
        --text-h2-fs: 3.25rem;
        --text-h2-lh: 3.75rem
    }
}

.text-container .elipsis {
    background: var(--color-background-fourth);
    border-radius: var(--elipsis-h);
    filter: blur(92px);
    flex-shrink: 0;
    height: var(--elipsis-h);
    margin: auto;
    position: absolute;
    top: 0;
    width: var(--elipsis-w);
    z-index: var(--zi-elipsis)
}

@media only screen and (min-width:768px) {
    .text-container .elipsis {
        top: calc(var(--elipsis-h)/2*-1)
    }
}

.text-container .text-inner {
    color: var(--color-primary);
    margin: auto;
    max-width: var(--text-max-width);
    padding: var(--text-margin) 0 var(--text-ctnr-pv) 0;
    position: relative;
    text-align: center;
    width: var(--text-ctnr-content-w);
    z-index: var(--zi-content)
}

.text-container .text-inner h2 {
    font-size: var(--text-h2-fs);
    font-weight: 900;
    line-height: var(--text-h2-lh);
    margin-bottom: 1.25rem;
    text-transform: uppercase;
    width: 100%
}

.text-container .text-inner p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    width: 100%
}

.text-container .background {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.gallery-container {
    position: relative;
    z-index: var(--zi-content)
}

.gallery-container .gallery {
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(2, 1fr)
}

@media only screen and (min-width:768px) {
    .gallery-container .gallery {
        grid-template-columns: repeat(3, 1fr)
    }

    .gallery-container .gallery .one {
        grid-column: 1;
        grid-row: 1/3;
        display: flex
    }

    .gallery-container .gallery .one picture {
        display: flex;
        width: 100%;
        height: 100%
    }
}

.gallery-container .gallery img {
    display: block;
    width: 100%;
    object-fit: cover
}

.gallery-container .gallery .row {
    display: grid;
    grid-column: 1/3;
    grid-row: 3/3;
    grid-template-columns: repeat(2, 1fr);
    margin: 0;
    padding: 0
}

.gallery-container .gallery .one {
    grid-column: 1;
    grid-row: 1/3
}

.gallery-container .gallery .two {
    grid-column: 2;
    grid-row: 1/1
}

.gallery-container .gallery .three {
    grid-column: 2;
    grid-row: 2/2
}

.gallery-container .gallery .four {
    grid-column: 1;
    grid-row: 4/4
}

.gallery-container .gallery .five {
    grid-column: 2;
    grid-row: 4/4
}

.gallery-container .gallery .six {
    grid-column: 1/3;
    grid-row: 5/5
}

@media only screen and (min-width:768px) {
    .gallery-container .gallery .row {
        grid-row: 1/3;
        grid-column: 3/3;
        grid-template-columns: repeat(2, 1fr)
    }

    .gallery-container .gallery .one {
        grid-column: 1;
        grid-row: 1/5
    }

    .gallery-container .gallery .two {
        grid-column: 2;
        grid-row: 1/3
    }

    .gallery-container .gallery .three {
        grid-column: 2;
        grid-row: 3/5
    }

    .gallery-container .gallery .four {
        grid-column: 1;
        grid-row: 1/5
    }

    .gallery-container .gallery .five {
        grid-column: 2;
        grid-row: 1/5
    }

    .gallery-container .gallery .six {
        grid-column: 3;
        grid-row: 3/5
    }
}

.video-container {
    --control-b: 2.5rem;
    --control-r: 1.25rem
}

@media only screen and (min-width:768px) {
    .video-container {
        --control-r: 8.75rem
    }
}

.video-container {
    position: relative
}

.video-container video {
    position: relative;
    z-index: var(--zi-content)
}

.video-container .video-control {
    bottom: var(--control-b);
    display: block;
    position: absolute;
    right: var(--control-r);
    z-index: var(--zi-video-icon)
}

.video-container .video-control.muted {
    display: none
}

.video-container .video-control.shaded {
    filter: brightness(40%)
}

.video-container.muted .video-control {
    display: none
}

.video-container.muted .video-control.muted {
    display: block
}

.form-container {
    --form-ctnr-pv: 1.87rem;
    --form-ctnr-content-w: 20.5rem;
    --elipsis-h: 110.26813rem;
    --elipsis-w: 41.1875rem;
    --elipsis-b: 1.29rem;
    --form-h2-fs: 1.75rem;
    --form-h2-lh: 2rem
}

@media only screen and (min-width:768px) {
    .form-container {
        --form-ctnr-pv: 3.75rem;
        --form-ctnr-content-w: 37rem;
        --elipsis-h: 119.25rem;
        --elipsis-w: 106.16194rem;
        --elipsis-b: -0.5rem;
        --form-h2-fs: 3.25rem;
        --form-h2-lh: 3.75rem
    }
}

.form-container {
    background: url(../../images/bl_form_background.png) no-repeat 50%;
    background-size: cover;
    overflow: hidden;
    position: relative
}

@media only screen and (min-width:768px) {
    .form-container {
        background: url(../../images/bl_products_background_desktop.png) #d3d3d3 50%/cover no-repeat
    }
}

.form-container .elipsis {
    background: var(--color-background-fourth);
    border-radius: var(--elipsis-h);
    filter: blur(92px);
    flex-shrink: 0;
    height: var(--elipsis-h);
    left: 50%;
    bottom: var(--elipsis-b);
    margin: auto;
    position: absolute;
    transform: translate(-50%);
    width: var(--elipsis-w);
    z-index: var(--zi-elipsis)
}

.form-container .text-inner {
    color: var(--color-primary);
    margin: auto;
    padding: var(--form-ctnr-pv) 0;
    position: relative;
    text-align: center;
    width: var(--form-ctnr-content-w);
    z-index: var(--zi-content)
}

.form-container .text-inner h2 {
    font-size: var(--form-h2-fs);
    font-weight: 800;
    line-height: var(--form-h2-lh);
    margin-bottom: 1.25rem;
    text-transform: uppercase;
    width: 100%
}

.form-container .text-inner p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    width: 100%
}

.form-container form {
    color: var(--color-primary);
    display: block;
    margin: auto;
    padding: 0 1.25rem 2.31rem;
    position: relative;
    text-align: center;
    z-index: var(--zi-content)
}

@media only screen and (min-width:768px) {
    .form-container form .form-row {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin: auto;
        width: var(--form-ctnr-content-w)
    }
}

.form-container form .form-row.checkbox {
    margin-bottom: 1.88rem;
    position: relative;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width:768px) {
    .form-container form .form-row.checkbox {
        display: block
    }
}

.form-container form .form-row.checkbox input {
    position: absolute;
    cursor: pointer;
    height: 100%;
    opacity: 0;
    width: 100%;
    z-index: 2
}

.form-container form .form-row.checkbox span.checkbox {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="%23fff" d="M.5.5h15v15H.5z"/></svg>');
    cursor: pointer;
    height: 1rem;
    left: .13rem;
    position: absolute;
    top: 5px;
    -webkit-transition: background-image .2s ease-in-out;
    transition: background-image .2s ease-in-out;
    width: 1rem;
    z-index: 1
}

.form-container form .form-row.checkbox input:checked~.checkbox {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="%23fff" d="M0 0h16v16H0z"/><path stroke="%23fff" d="M.5.5h15v15H.5z"/><path d="M3 7.5L6.5 11 13 4.5" stroke="%23000" stroke-width="3"/></svg>')
}

.form-container form .form-row.checkbox label {
    display: inline-block;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin-left: 1.84rem;
    vertical-align: top;
    max-width: 90%
}

@media only screen and (min-width:768px) {
    .form-container form .form-row.checkbox label {
        font-size: 1rem
    }
}

.form-container form .form-row.radio {
    align-items: start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 1.88rem;
    position: relative;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width:768px) {
    .form-container form .form-row.radio {
        flex-direction: row
    }
}

.form-container form .form-row.radio .form-col-radio {
    margin-right: 3rem;
    position: relative
}

.form-container form .form-row.radio .form-col-radio input {
    position: absolute;
    cursor: pointer;
    height: 100%;
    opacity: 0;
    width: 100%;
    z-index: 2
}

.form-container form .form-row.radio .form-col-radio span.radio {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="%23fff"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16 8 8 0 000 16zm0-3"/></svg>');
    cursor: pointer;
    height: 1rem;
    left: .13rem;
    position: absolute;
    top: 5px;
    -webkit-transition: background-image .2s ease-in-out;
    transition: background-image .2s ease-in-out;
    width: 1rem;
    z-index: 1
}

.form-container form .form-row.radio .form-col-radio input:checked~.radio {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="%23fff"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16 8 8 0 000 16zm0-3a5 5 0 110-10 5 5 0 010 10z"/></svg>')
}

.form-container form .form-row.radio .form-col-radio label {
    display: inline-block;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin-left: 1.44rem;
    vertical-align: top;
    max-width: 90%
}

.form-container form .form-row.button {
    text-align: right
}

@media only screen and (min-width:768px) {
    .form-container form .form-row.button {
        display: block
    }
}

.form-container form .form-row.button button {
    background: none;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="190" height="41" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" d="M.8 40.5L20.312.5H189.2l-19.512 40H.8z" fill="%23000" stroke="%23fff"/></svg>');
    border: 0;
    color: var(--color-primary);
    cursor: pointer;
    font-size: 1rem;
    font-style: normal;
    font-weight: 800;
    height: 2.5625rem;
    line-height: normal;
    text-transform: uppercase;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 11.875rem
}

.form-container form .form-row.button button:hover {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="190" height="41" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.8 40.5L20.312.5H189.2l-19.512 40H.8z" fill="%23fff" stroke="%23fff"/></svg>');
    color: var(--color-secondary)
}

.form-container form .form-row.button .message {
    line-height: 1.5rem;
    margin-top: 1rem
}

.form-container form .form-row.button .message.success {
    color: #74af20
}

.form-container form .form-row.button .message.error,
.form-container form .form-row.button .message.requirederror {
    color: #d70909
}

.form-container form .form-row.button .message.hidden {
    display: none
}

.form-container form .form-row .form-col {
    margin-bottom: 1.88rem;
    width: 100%
}

@media only screen and (min-width:768px) {
    .form-container form .form-row .form-col {
        display: inline-block;
        width: 48%
    }
}

.form-container form .form-row .form-col input {
    background: none;
    border: 0;
    border-bottom: 1px solid var(--color-background-thirdary);
    color: var(--color-primary);
    display: block;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: .5;
    width: 100%
}

.form-container form .form-row .form-col input:focus {
    outline: none
}

.form-container form .form-row .form-col input:focus-within {
    outline: 1px solid #0075ff
}

.form-container form .form-row .form-col label {
    color: var(--color-primary);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: .5
}

.bl-productpresenter-container {
    --productspresenter-ctnr-pv: 1.25rem;
    --productspresenter-ctnr-content-w: 20.5rem;
    --elipsis-h: 67.25rem;
    --elipsis-w: 30.75rem;
    --elipsis-b: 0;
    --products-h2-fs: 1.75rem;
    --products-h2-lh: 2rem;
    --colors-container-mh: 1.31rem;
    --colors-container-w: auto;
    --colors-line-w: 7.6875rem;
    --caracteristic-title-mb: 0.62rem;
    --caracteristics-mh: 1.31rem;
    --products-ctnr-pb: 4.62rem;
    --products-ctnr-h: 30.625rem;
    --products-ctnr-w: 17.875rem;
    --caracteristic-line-w: 6rem
}

@media only screen and (min-width:768px) {
    .bl-productpresenter-container {
        --productspresenter-ctnr-pv: 3.75rem;
        --productspresenter-ctnr-content-w: 40rem;
        --elipsis-h: 74.8125rem;
        --elipsis-w: 90rem;
        --elipsis-b: -20rem;
        --colors-container-mh: auto;
        --colors-container-w: 42.505rem;
        --colors-line-w: 18rem;
        --products-ctnr-pb: 5.5rem;
        --products-ctnr-h: 35.625rem;
        --products-ctnr-w: 20.75rem;
        --products-h2-fs: 3.25rem;
        --products-h2-lh: 3.75rem;
        --caracteristics-mh: 0
    }
}

.bl-productpresenter-container {
    background: url(../../images/bl_text_background.png) 50%;
    background-size: cover;
    border-bottom: 1px solid hsla(0, 0%, 100%, .15);
    overflow: hidden;
    position: relative;
    z-index: var(--zi-content)
}

@media only screen and (min-width:768px) {
    .bl-productpresenter-container {
        background: url(../../images/bl_products_background_desktop.png) #d3d3d3 50%/cover no-repeat
    }
}

.bl-productpresenter-container .elipsis {
    background: rgba(0, 0, 0, .89);
    border-radius: var(--elipsis-h);
    filter: blur(92px);
    flex-shrink: 0;
    height: var(--elipsis-h);
    left: 50%;
    margin: auto;
    position: absolute;
    bottom: var(--elipsis-b);
    transform: translate(-50%);
    width: var(--elipsis-w);
    z-index: var(--zi-elipsis)
}

.bl-productpresenter-container .text-inner {
    color: var(--color-primary);
    margin: auto;
    padding: var(--productspresenter-ctnr-pv) 0;
    position: relative;
    text-align: center;
    width: var(--productspresenter-ctnr-content-w);
    z-index: var(--zi-content)
}

.bl-productpresenter-container .text-inner h2 {
    font-size: var(--products-h2-fs);
    font-weight: 800;
    line-height: var(--products-h2-lh);
    margin-bottom: 0;
    text-transform: uppercase;
    width: 100%
}

.bl-productpresenter-container .text-inner p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    width: 100%
}

.bl-productpresenter-container .colors-container {
    margin: 0 var(--colors-container-mh) 1.88rem var(--colors-container-mh);
    position: relative;
    width: var(--colors-container-w);
    z-index: var(--zi-content)
}

.bl-productpresenter-container .colors-container .color-title {
    align-items: center;
    display: flex;
    font-size: 1rem;
    font-style: normal;
    font-weight: 800;
    justify-content: space-between;
    line-height: normal;
    margin-bottom: 1.25rem;
    text-transform: uppercase
}

.bl-productpresenter-container .colors-container .color-title span {
    height: .0625rem;
    width: var(--colors-line-w)
}

.bl-productpresenter-container .colors-container .color-title span.left {
    background: linear-gradient(90deg, #121212, #fff 78.99%)
}

.bl-productpresenter-container .colors-container .color-title span.right {
    background: linear-gradient(90deg, #fff, #121212 78.99%)
}

.bl-productpresenter-container .colors-container .colors {
    display: flex;
    justify-content: center
}

.bl-productpresenter-container .colors-container .colors svg {
    height: 2.0625rem;
    margin-left: -3px;
    margin-right: -3px;
    width: 3.64863rem
}

.bl-productpresenter-container .colors-container .colors svg.active path {
    stroke: #fff
}

.bl-productpresenter-container .products-container {
    padding-bottom: var(--products-ctnr-pb);
    position: relative;
    z-index: var(--zi-content)
}

@media only screen and (min-width:768px) {
    .bl-productpresenter-container .products-container .caracteristics {
        height: 0;
        position: absolute;
        visibility: hidden;
        width: 0
    }
}

.bl-productpresenter-container .products-container .caracteristics .experience-bl_assets-caracteristic .caracteristic-container {
    display: none
}

.bl-productpresenter-container .products-container .caracteristics .experience-bl_assets-caracteristic .caracteristic-container.active {
    display: block
}

@media only screen and (min-width:768px) {
    .bl-productpresenter-container .products-container .caracteristics .experience-bl_assets-caracteristic .caracteristic-container.active {
        display: none
    }
}

.bl-productpresenter-container .products-container .caracteristics .experience-bl_assets-caracteristic .caracteristic-container .point {
    height: 0;
    visibility: hidden;
    width: 0
}

.bl-productpresenter-container .products-container .products {
    height: var(--products-ctnr-h);
    margin: 0 auto;
    position: relative;
    width: var(--products-ctnr-w)
}

.bl-productpresenter-container .products-container .products .experience-bl_assets-caracteristic .caracteristic-container.active .line {
    opacity: 1
}

@media only screen and (min-width:768px) {
    .bl-productpresenter-container .products-container .products .experience-bl_assets-caracteristic .caracteristic-container.active .inner-text {
        opacity: 1
    }
}

.bl-productpresenter-container .products-container .products .experience-bl_assets-caracteristic .caracteristic-container .point {
    cursor: pointer;
    left: var(--point-pos-x);
    position: absolute;
    top: var(--point-pos-y);
    transition: .2s ease-in-out
}

.bl-productpresenter-container .products-container .products .experience-bl_assets-caracteristic .caracteristic-container .inner-text {
    display: none
}

@media only screen and (min-width:768px) {
    .bl-productpresenter-container .products-container .products .experience-bl_assets-caracteristic .caracteristic-container .inner-text {
        align-items: var(--align-items);
        display: flex;
        justify-content: var(--text-align);
        flex-flow: column;
        opacity: 0
    }
}

.bl-productpresenter-container .products-container .products .product-container {
    display: none
}

.bl-productpresenter-container .products-container .products .product-container.active {
    display: block
}

.bl-productpresenter-container .products-container .products .product-container img {
    height: 100%;
    width: 100%
}

.bl-productpresenter-container .products-container .caracteristic-container .line {
    opacity: 0
}

@media only screen and (min-width:768px) {
    .bl-productpresenter-container .products-container .caracteristic-container .line {
        background-color: var(--active-color);
        height: .0625rem;
        left: var(--line-pos-x);
        position: absolute;
        top: var(--line-pos-y);
        transition: .2s ease-in-out;
        width: var(--line-w)
    }
}

.bl-productpresenter-container .products-container .caracteristic-container .inner-text {
    text-align: center
}

@media only screen and (min-width:768px) {
    .bl-productpresenter-container .products-container .caracteristic-container .inner-text {
        left: var(--text-pos-x);
        position: absolute;
        top: var(--text-pos-y);
        text-align: var(--text-align);
        transition: .2s ease-in-out;
        width: 12.1875rem
    }
}

.bl-productpresenter-container .products-container .caracteristic-container .inner-text .title {
    color: var(--active-color);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: var(--caracteristic-title-mb);
    text-transform: uppercase;
    transition: .2s ease-in-out
}

@media only screen and (min-width:768px) {
    .bl-productpresenter-container .products-container .caracteristic-container .inner-text .title {
        width: 11rem
    }
}

.bl-productpresenter-container .products-container .caracteristic-container .inner-text .text {
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 var(--caracteristics-mh)
}

.l-header__minicart {
    margin: 0;
    position: relative;
    z-index: calc(var(--zi-header-mobile) - 1)
}

@media(max-width:574.98px) {
    .l-header__minicart {
        display: block !important;
        position: absolute;
        right: .5rem;
        top: 1.4rem
    }
}

.l-header__minicart-link {
    text-decoration: none
}

.l-header__minicart-link .icon-cart {
    opacity: .5;
    stroke: var(--color-primary)
}

.l-header__minicart-link:hover {
    text-decoration: none
}

.l-header__minicart-quantity {
    background-color: var(--color-minicart) !important;
    border-radius: 50%;
    color: var(--color-primary);
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    display: inline-block;
    text-align: center;
    font-size: .75rem;
    font-weight: 400;
    position: relative;
    top: -20px;
    left: -10px;
    padding-top: 1px;
    padding-right: 1px
}

.l-header__minicart-total {
    height: 28px;
    margin-left: 1.25rem
}

.l-header__minicart .c-button--icon-opacity .minicart-quantity {
    top: -20px;
    left: -10px
}

.l-header__minicart .c-product-tile__image-container {
    max-height: 85px
}

@supports(-webkit-appearance:-apple-pay-button) {
    .l-header__minicart .adyen-checkout__applepay__button {
        -webkit-appearance: -apple-pay-button !important;
        width: 100% !important
    }
}

@supports not (-webkit-appearance:-apple-pay-button) {
    .l-header__minicart .adyen-checkout__applepay__button {
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 5px;
        padding: 0;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
        width: 100%
    }
}

.minicart-popover {
    font-family: Lambotype;
    min-width: 390px;
    right: -14px;
    left: auto;
    z-index: var(--zi-minicart)
}

.minicart-popover .popover__arrow {
    right: 15px;
    margin: 0
}

.minicart-popover.show {
    display: block
}

.minicart-popover .c-product-slider__section-title,
.minicart-popover .popover__slider {
    display: none
}

.minicart-popover .popover__contents {
    border: 1px solid var(--color-minicart);
    border-top: 0
}

.minicart__wrapper {
    background-color: var(--color-background-fourth);
    width: 100% !important;
    max-width: 100% !important
}

.minicart__content .lineitem {
    padding: 0
}

.minicart__lineitem {
    background-color: #151515;
    border-radius: .25rem;
    border: 1px solid #252525;
    margin-bottom: 1.25rem
}

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

.minicart__lineitems-details {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px 16px
}

.minicart__lineitems-details .lineitem__name {
    font-size: 1rem
}

.minicart__lineitems-details .lineitem__name:hover {
    text-decoration: none
}

.minicart__title-wrapper {
    align-items: center;
    background-color: #151515;
    color: var(--color-primary);
    display: flex;
    justify-content: space-between;
    line-height: 1rem;
    padding: 10px 10px 4px 20px;
    margin-bottom: 1.25rem
}

.minicart__title-wrapper .title {
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

.minicart__footer {
    background-color: #151515;
    left: 0;
    color: var(--color-primary);
    bottom: 0;
    padding: 16px 24px 10px;
    font-size: 1rem;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.minicart__footer .checkout-continue {
    text-align: center;
    margin: .625rem auto
}

.minicart__footer .checkout-continue .checkout-btn {
    display: block;
    width: 100%;
    text-indent: 0;
    background-color: var(--color-primary);
    border-radius: 10rem;
    border: 2px solid var(--color-primary);
    color: var(--color-background-fourth);
    cursor: pointer;
    font-size: 1.125rem;
    font-weight: 900;
    height: 2.9375rem;
    line-height: 2.9375rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease
}

.minicart__footer .checkout-continue .checkout-btn:hover {
    background-color: var(--color-background-fourth);
    border-color: var(--color-primary);
    color: var(--color-primary)
}

.minicart__footer .sub-total,
.minicart__footer .sub-total-label {
    margin-bottom: 8px
}

.minicart__footer .sub-total-mention {
    display: block;
    font-size: .75rem;
    color: grey
}

.minicart__close-wrapper {
    text-align: right
}

.minicart__close-wrapper button {
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" fill="none"><path d="M13 13l10 10M23 13L13 23" stroke="%23fff" stroke-width="2"/></svg>');
    border: 0;
    width: 2.1875rem;
    height: 2.1875rem;
    cursor: pointer
}

.minicart__close-wrapper button span {
    display: none
}

.minicart__close-button {
    cursor: pointer
}

.minicart__close-button path {
    stroke-width: 1.5 !important
}

.minicart__continue-shopping {
    padding: 10px 0 0;
    text-decoration: underline;
    cursor: pointer
}

.minicart__continue-shopping-link {
    font-size: .875rem
}

.minicart .l-theme-popover-arrow:after {
    border-bottom-color: var(--color-minicart) !important
}

.minicart .popover__content-border {
    border-top: 5px solid var(--color-minicart)
}

.minicart .line-item-unit-price {
    padding-right: 0;
    min-width: 120px
}

.minicart .line-item-unit-price .icon-green-check {
    display: none
}

.minicart .line-item-unit-price .strike-through {
    margin-right: 9px;
    text-decoration: line-through
}

.minicart .line-item-unit-price .c-price__discount-percentage {
    margin-left: 0
}

.minicart .line-item-quantity {
    display: none
}

.minicart .line-item-total-price .strike-through {
    text-decoration: line-through
}

.minicart .line-item-total-price .line-item-total-price-amount {
    font-weight: 900
}

.minicart .lineitem__options a {
    text-decoration: none;
    font-size: .875rem;
    font-weight: 700
}

.minicart .lineitem__attributes,
.minicart .lineitem__options a {
    color: var(--color-primary);
    font-style: normal;
    line-height: normal
}

.minicart .lineitem__attributes {
    font-size: .75rem;
    font-weight: 400
}

.minicart .lineitem__remove {
    display: none !important
}

.minicart .lineitem__price {
    color: var(--color-primary)
}

.minicart .lineitem.parent-lineitem {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.minicart .lineitem.string-lineitem {
    border-radius: 0
}

.minicart .lineitem.stringing-service-lineitem {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.minicart .lineitem .line-item-divider {
    background: #252525;
    width: 100%;
    height: .0625rem;
    margin: .625rem 0
}

.delete-product-modal .product-to-remove {
    text-transform: capitalize
}

.delete-product-modal .modal-content {
    padding: 8px
}

.delete-product-modal .modal-body {
    padding-top: 0;
    padding-bottom: 0
}

.delete-product-modal .modal-footer {
    padding-top: 8px
}

@media(max-width:574.98px) {
    .minicart-popover {
        display: none !important
    }

    .minicart-popover .popover__arrow {
        display: none
    }

    .minicart-popover .popover__content-border {
        border-top: 6px solid #74ecf7;
        border-radius: 0
    }

    .minicart__title-wrapper {
        padding: 18px 16px 4px
    }

    .minicart__title-wrapper .title {
        font: 18px/24px Promt-bold, sans-serif;
        text-transform: uppercase
    }

    .minicart__content {
        background: #f2f2f5
    }

    .minicart__lineitem:last-child .lineitem {
        margin: 0
    }

    .minicart-error {
        padding: 4px 16px
    }

    .minicart-error .close {
        margin-right: 5px
    }

    .minicart .popover__content {
        margin-top: 12px
    }

    .minicart .popover__contents {
        border-radius: 0
    }

    .minicart .number-of-items {
        line-height: 24px
    }
}

@media(min-width:575px) {
    .minicart-popover {
        min-width: 390px;
        left: -6px
    }

    .minicart-popover .popover__arrow {
        left: 15px;
        right: 0;
        margin: 0
    }

    .minicart__lineitems-details {
        padding: 0 25px 25px
    }
}

@media(min-width:768px) {
    .minicart-popover {
        left: -15px
    }

    .minicart__footer {
        padding: 8px 24px
    }

    .minicart__footer .sub-total-label {
        margin-bottom: 4px
    }

    .minicart__footer .sub-total-mention {
        padding-bottom: 2px
    }

    .minicart__continue-shopping {
        margin-bottom: 1.5rem;
        padding: 4px 0 0
    }

    .minicart .lineitem__details {
        padding: 10px 12px
    }
}

@media(min-width:1200px) {
    .minicart-popover {
        right: 13px;
        left: auto;
        top: 23px
    }

    .minicart-popover .popover__arrow {
        left: auto;
        right: 18px;
        margin: 0
    }

    .minicart-popover .popover__slider {
        display: block;
        background: #fff;
        margin-top: -2px;
        box-shadow: 0 8px 14px 0 rgba(46, 46, 46, .07), 0 2px 4px 0 rgba(0, 0, 0, .13)
    }

    .minicart-popover .popover__slider .slick-slider {
        opacity: 0
    }

    .minicart-popover .popover__slider .slick-slider.slick-refreshed {
        opacity: 1
    }

    .minicart-popover .popover__slider .c-product-tile__label {
        font-size: .625rem
    }

    .minicart-popover .popover__slider .slick-arrow {
        font-size: 0;
        width: 28px;
        height: 28px
    }

    .minicart-popover .popover__slider .slick-arrow:after {
        width: 24px;
        height: 24px
    }

    .minicart-popover .popover__slider .slick-prev {
        left: -28px
    }

    .minicart-popover .popover__slider .slick-next {
        right: -28px
    }

    .minicart-popover .popover__slider .slick-dots {
        bottom: -58px;
        left: -36px;
        right: -36px;
        background: #fff
    }

    .minicart-popover .popover__slider .slick-dots button {
        width: 6px;
        height: 6px;
        margin: 0 3px
    }

    .minicart-popover .popover__slider .c-product-tile__swatch {
        width: 12px;
        height: 12px
    }

    .minicart-popover .popover__slider .c-product-tile__swatch-link {
        margin-right: 5px;
        margin-bottom: 5px
    }

    .minicart-popover .popover__slider .c-product-tile__separator {
        margin-bottom: 4px
    }

    .minicart-popover .popover__slider .c-product-tile__sport-category {
        font-size: .75rem;
        height: 18px
    }

    .minicart-popover .popover__slider .c-price__value,
    .minicart-popover .popover__slider .c-product-tile__product-name {
        font-size: .875rem
    }

    .minicart-popover .popover__slider .c-product-tile__product-name {
        height: 18px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .minicart-popover .popover__slider .c-product-tile {
        padding: 10px;
        min-width: 150px
    }

    .minicart-popover .popover__slider .c-product-slider {
        padding: 12px 36px
    }

    .minicart-popover .popover__slider .c-product-slider__item {
        padding: 0 4px
    }

    .minicart-popover .popover__slider .c-product-slider__wrapper {
        padding-bottom: 30px
    }

    .minicart-popover .popover__slider .c-product-tile__swatches-wrapper {
        margin-bottom: 0;
        min-height: 20px
    }

    .minicart-popover .popover__slider .c-product-tile__tile-image {
        width: auto
    }

    .minicart-popover .popover__slider .c-product-tile__label {
        top: 8px
    }

    .minicart-popover .m-product-detail__rating .bv_averageRating_component_container {
        display: none !important
    }
}

@media(min-width:1400px) {
    .minicart-popover .popover__arrow {
        right: 15px
    }

    .minicart .lineitem__details {
        padding: 12px 12px 16px 10px
    }
}

@media(min-width:1920px) {
    .minicart__lineitems-details {
        max-height: 250px
    }
}

@media screen and (orientation:landscape)and (min-device-height:374px)and (max-device-height:767px) {
    .minicart-popover {
        max-height: 240px;
        overflow-y: scroll
    }

    .minicart__lineitems-details {
        max-height: 115px
    }

    .minicart__footer {
        box-shadow: 0 -8px 14px 0 rgba(46, 46, 46, .07), 0 -2px 4px 0 rgba(0, 0, 0, .13)
    }
}

.bl-tiles-container {
    --tiles-ctnr-pt: 2.52rem;
    --tiles-ctnr-pb: 3.56rem;
    --tiles-h2-fs: 1.75rem;
    --tiles-h2-lh: 2rem;
    --tiles-h2-mb: 1.87rem;
    --tiles-h3-fs: 1.375rem;
    --tiles-h3-lh: 1.5rem;
    --tiles-h3-mb: 1.88rem;
    --elipsis-h: 100%;
    --elipsis-w: 100%;
    --tiles-inner-mh: 1.25rem
}

@media(min-width:768px) {
    .bl-tiles-container {
        --tiles-ctnr-pt: 6.25rem;
        --tiles-ctnr-pb: 7.57rem;
        --tiles-h2-fs: 3.25rem;
        --tiles-h2-lh: 3.75rem;
        --tiles-h2-mb: 3.13rem;
        --elipsis-h: 125rem;
        --elipsis-w: 100%;
        --tiles-inner-mh: 8.75rem
    }
}

.bl-tiles-container {
    background-color: var(--color-background-fourth);
    background-image: var(--tiles-background-url);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: var(--tiles-ctnr-pt) 0 var(--tiles-ctnr-pb) 0;
    position: relative;
    width: 100%;
    z-index: var(--zi-content)
}

.bl-tiles-container .elipsis {
    background: var(--color-background-fourth);
    border-radius: var(--elipsis-h);
    filter: blur(92px);
    flex-shrink: 0;
    height: var(--elipsis-h);
    margin: auto;
    position: absolute;
    top: 0;
    width: var(--elipsis-w);
    z-index: var(--zi-elipsis)
}

@media(min-width:768px) {
    .bl-tiles-container .elipsis {
        top: calc(var(--elipsis-h)/2*-1)
    }
}

.bl-tiles-container .text-inner {
    color: var(--color-primary);
    margin: auto;
    position: relative;
    text-align: center;
    z-index: var(--zi-content)
}

.bl-tiles-container .text-inner h2 {
    font-size: var(--tiles-h2-fs);
    font-weight: 800;
    line-height: var(--tiles-h2-lh);
    margin-bottom: var(--tiles-h2-mb);
    text-transform: uppercase;
    width: 100%
}

.tiles {
    position: relative;
    z-index: var(--zi-content)
}

@media(min-width:768px) {
    .tiles {
        align-items: stretch;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 var(--tiles-inner-mh)
    }
}

.tiles .tile-container {
    margin: 1.25rem;
    position: relative;
    text-align: center
}

@media(min-width:768px) {
    .tiles .tile-container {
        box-sizing: border-box;
        flex: 1;
        margin: 0 1.72rem
    }

    .tiles .tile-container:first-child {
        margin-left: 0
    }

    .tiles .tile-container:last-child {
        margin-right: 0
    }
}

.tiles .tile-container .product-tile-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin: 6.12rem auto 0;
    position: relative;
    width: 21.9375rem
}

@media(min-width:768px) {
    .tiles .tile-container .product-tile-container {
        gap: 1.875rem;
        margin: 4.38rem auto 0;
        width: 32.6875rem
    }
}

.tiles .tile-container .product-tile-container .product-tile-inner {
    background: url(../../images/autolambo/bl_producttile_background.png) no-repeat 50%;
    border: 2px solid #fff;
    border-radius: 1.25rem;
    width: 100%
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant {
    background: radial-gradient(64.04% 56.61% at 50% 24%, transparent 0, #000 77.72%);
    border-radius: 1.25rem;
    display: none;
    height: 100%
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant.selected {
    display: block
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .tile-image {
    width: 100%;
    margin-top: -3rem;
    position: relative;
    z-index: var(--zi-content)
}

@media(min-width:768px) {
    .tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .tile-image {
        height: 29.29038rem;
        width: auto
    }
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .elipsis {
    border-radius: 25rem;
    background: hsla(0, 0%, 100%, .6);
    filter: blur(107px);
    width: 3rem;
    height: 5rem;
    flex-shrink: 0;
    position: absolute;
    top: 9.375rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: var(--zi-elipsis)
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 1.2rem 1.25rem 1.25rem
}

@media(min-width:768px) {
    .tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body {
        margin: 2rem 2.5rem 1.25rem
    }
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column {
    box-sizing: border-box;
    flex: 1
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.productname {
    text-align: left
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.productname h3 {
    color: var(--color-primary);
    font-size: 1.375rem;
    font-style: italic;
    font-weight: 900;
    margin-bottom: .5rem;
    text-transform: uppercase
}

@media(min-width:768px) {
    .tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.productname h3 {
        font-size: 1.75rem
    }
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.productname h4 {
    color: var(--color-primary);
    font-size: .875rem;
    font-style: italic;
    font-weight: 900;
    line-height: normal;
    margin: 0;
    text-transform: uppercase
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.swatches .c-product-tile__swatches {
    align-items: center;
    background: #2c2c2c;
    border-radius: 2.9375rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    height: 30px;
    margin: 0 auto;
    width: 5.5625rem
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.swatches .c-product-tile__swatches:after {
    display: none !important
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.swatches .c-product-tile__swatches a {
    border: 2px solid #2c2c2c;
    border-radius: 10rem;
    padding: 1px;
    text-decoration: none;
    transition: border-color .3s ease;
    height: 30px!important;
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.swatches .c-product-tile__swatches a:first-child {
    margin-left: 0
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.swatches .c-product-tile__swatches a:last-child {
    margin-right: 0
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.swatches .c-product-tile__swatches a.selected,
.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.swatches .c-product-tile__swatches a:hover {
    border: 2px solid var(--color-primary)
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.swatches .c-product-tile__swatches a img {
    border-radius: 10rem;
    box-sizing: border-box;
    box-shadow: none !important;
    padding: 1px;
    height: 1.438rem;
    width: 1.438rem
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.price-list {
    color: var(--color-primary);
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 300;
    text-align: right;
    text-transform: uppercase
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.price-list .c-price {
    display: flex;
    column-gap: 10px;
    row-gap: 5px;
    margin-top: 5px;
    flex-wrap: wrap;
    justify-content: flex-end
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.price-list .c-price .icon-green-check {
    display: none
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.price-list .c-price .c-price__sales.c-price__sales--discounted {
    order: 0;
    font-weight: 700;
    flex-basis: 100%
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.price-list .c-price .price__strike-through {
    order: 1
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.price-list .c-price .price__strike-through .c-price__strike-through {
    margin: 0;
    text-decoration: line-through
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__body .pd-product-tile__details-column.price-list .c-price .c-price__discount-percentage {
    order: 2;
    margin: 0
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer {
    padding: 0 1.25rem 1.25rem
}

@media(min-width:768px) {
    .tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer {
        padding: 0 2.5rem 1.25rem
    }
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .out-of-stock {
    color: var(--color-error);
    display: block;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .notify-me {
    display: block;
    font-size: 1rem;
    margin-top: .5rem;
    text-transform: uppercase
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .bis-subscription__email-label {
    display: none
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .bis-subscription__email {
    background-color: var(--color-background-fourth);
    border: 0;
    border-bottom: 1px solid var(--color-primary);
    color: var(--color-primary);
    display: block;
    font-size: 1rem;
    font-weight: 300;
    margin: 0;
    outline: none;
    text-align: left;
    width: 100%
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .bis-subscription__email::placeholder {
    color: var(--color-primary)
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .privacy-checkbox {
    margin-bottom: 1rem
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .form-group {
    margin: 1rem 0;
    width: 100%;
    display: inline-block;
    position: relative
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .c-input--checkbox {
    display: none
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .c-input--checkbox+.c-label:before {
    top: -2px;
    left: 0;
    position: absolute;
    width: 16px;
    height: 16px;
    margin: 0;
    display: inline-block;
    content: "";
    float: left;
    border: 1px solid #fff;
    border-radius: 2px
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .c-input--checkbox:checked+.c-label {
    font-weight: 600
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .c-input--checkbox:checked+.c-label:after {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 0;
    top: 2px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAoElEQVR4nK2TQQqDQAxF1cP1EoJrrd6gJ+gteoGCunHR0o14E6/QRcH2ScBFqqKTwQ+zGDJ55GeSIDhCQATkQA08do68OUuOBuTYlWlA5QEoNaDxADRWwGey+vUFFMDLpYIe+M2Sr8DN1cJ9+qZB3S8rFW1aeAIx0AGJ8u0MELXACXizLnMTNwHlIryvv0GSplmVakAos21YplRyvDZ3rhFYivJaMCHoZQAAAABJRU5ErkJggg==") no-repeat 50%
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .c-input--checkbox:checked+.c-label:before {
    border: 1px solid #000
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .c-input--checkbox+.c-label {
    line-height: 1.38rem;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    text-indent: 0;
    padding-left: 23px
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .c-input--checkbox+.c-label a {
    color: var(--color-primary)
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .c-input--checkbox+.c-label:before {
    top: 2px
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .c-button {
    background-color: var(--color-primary);
    border-radius: 10rem;
    border: 2px solid var(--color-primary);
    color: var(--color-background-fourth);
    cursor: pointer;
    display: block;
    font-size: 1.125rem;
    font-weight: 900;
    padding: 1.09rem .25rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
    width: 100%
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .c-button:not(.c-button--nohover):hover {
    background-color: var(--color-minicart);
    border-color: var(--color-minicart);
    color: var(--color-primary)
}

.tiles .tile-container .product-tile-container .product-tile-inner .product-tile-variant .pd-product-tile__footer .feedback {
    margin-top: 1rem
}

.tiles .tile-container .product-tile-container .specifications {
    margin-top: 1.88rem
}

@media(min-width:768px) {
    .tiles .tile-container .product-tile-container .specifications {
        margin-top: 0
    }
}

.tiles .tile-container .product-tile-container .specifications h3 {
    color: var(--color-primary);
    font-size: 1.375rem;
    font-style: italic;
    font-weight: 900;
    line-height: 1.5rem;
    margin-bottom: 1.25rem;
    text-align: left;
    text-transform: uppercase
}

.tiles .tile-container .product-tile-container .specifications ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.tiles .tile-container .product-tile-container .specifications ul li {
    align-items: start;
    display: flex;
    border-top: 1px solid var(--color-primary);
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1.25rem 0
}

.tiles .tile-container .product-tile-container .specifications ul li .specification-label {
    color: var(--color-primary);
    flex: 1;
    font-size: 1rem;
    font-style: italic;
    font-weight: 300;
    line-height: 1.5rem;
    text-align: left;
    text-transform: uppercase
}

.tiles .tile-container .product-tile-container .specifications ul li .specification-value {
    color: var(--color-primary);
    flex: 1;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5rem;
    text-align: right
}

.tiles .tile-container .content-tile-container {
    background: #0b0b0b;
    border-radius: 1.25rem;
    border: 2px solid #0b0b0b;
    color: var(--color-primary);
    padding: 2.5rem 2.13rem;
    transition: background-color .3s ease, border-color .3s ease
}

.tiles .tile-container .content-tile-container:last-child {
    margin-bottom: 0
}

.tiles .tile-container .content-tile-container:hover {
    background: var(--color-background-fourth);
    border: 2px solid #b69f62
}

.tiles .tile-container .content-tile-container:hover h3 {
    color: #b69f62
}

@media(min-width:768px) {
    .tiles .tile-container .content-tile-container {
        height: 100%
    }
}

.tiles .tile-container .content-tile-container h3 {
    font-size: var(--tiles-h3-fs);
    font-weight: 800;
    line-height: var(--tiles-h3-lh);
    margin-bottom: var(--tiles-h3-mb);
    position: relative;
    text-transform: uppercase;
    transition: background-color .3s ease, border-color .3s ease;
    width: 100%
}

.tiles .tile-container .content-tile-container .content-tile-text {
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem
}

.tiles .tile-container .content-tile-container:after {
    background: rgba(182, 159, 98, .8);
    border-radius: 30rem;
    bottom: 0;
    content: "";
    filter: blur(10px);
    height: 10rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 80%;
    z-index: -1
}

.logo-gallery-container {
    --text-h2-fs: 1.75rem;
    --text-h2-lh: 2rem
}

@media(min-width:768px) {
    .logo-gallery-container {
        --text-h2-fs: 3.25rem;
        --text-h2-lh: 3.75rem
    }
}

.logo-gallery-container {
    background-color: var(--color-background-fourth);
    padding: 3.94rem 0;
    position: relative
}

.logo-gallery-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #d6d6d6 50%, hsla(0, 0%, 100%, 0));
    pointer-events: none
}

.logo-gallery-container .text-inner {
    color: var(--color-primary);
    margin: auto;
    padding: var(--text-ctnr-pv) 0;
    position: relative;
    text-align: center;
    width: var(--text-ctnr-content-w);
    z-index: var(--zi-content)
}

@media(min-width:768px) {
    .logo-gallery-container .text-inner {
        background-color: var(--color-background-fourth)
    }
}

.logo-gallery-container .text-inner h2 {
    font-size: var(--text-h2-fs);
    font-weight: 900;
    line-height: var(--text-h2-lh);
    margin-bottom: 1.25rem;
    text-transform: uppercase;
    width: 100%
}

.logo-gallery-container .text-inner p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    width: 100%
}

.logo-gallery-container .gallery {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 2.5rem auto 0;
    width: 100%
}

@media(min-width:768px) {
    .logo-gallery-container .gallery {
        width: 30rem
    }
}

.logo-gallery-container .gallery .logo {
    flex: 1 1 45%;
    margin: 1.5rem 0;
    max-width: 45%;
    text-align: center
}

@media(min-width:768px) {
    .logo-gallery-container .gallery .logo {
        flex: 1 1 30%;
        max-width: 30%
    }
}

.logo-gallery-container .gallery .logo img {
    max-height: 4.0625rem;
    max-width: 9.375rem;
    width: auto
}

.video-sound-controller-wrapper,
.video-sound-controller-wrapper video {
    position: relative
}

.video-sound-controller-wrapper .video-controls {
    bottom: 1.75rem;
    display: flex;
    position: absolute;
    right: 1.25rem;
    column-gap: 7px;
    z-index: 10
}

.video-sound-controller-wrapper .video-controls svg {
    cursor: pointer;
    opacity: .5
}

.video-sound-controller-wrapper .video-controls svg:hover {
    opacity: 1
}

.video-sound-controller-wrapper .video-controls .video-control-sound.muted {
    display: none
}

.video-sound-controller-wrapper .video-controls.shaded {
    filter: brightness(40%)
}

.video-sound-controller-wrapper .video-controls .video-control-pause,
.video-sound-controller-wrapper .video-controls .video-control-play {
    display: block;
    margin: -3px
}

.video-sound-controller-wrapper .video-controls .video-control-pause {
    display: none;
    margin: -3px
}

.video-sound-controller-wrapper .video-controls.playing .video-control-play {
    display: none
}

.video-sound-controller-wrapper .video-controls.playing .video-control-pause {
    display: block
}

.video-sound-controller-wrapper .video-controls.muted .video-control-sound {
    display: none
}

.video-sound-controller-wrapper .video-controls.muted .video-control-sound.muted {
    display: block
}

@media(min-width:1200px) {
    .video-sound-controller-wrapper .video-controls {
        right: 8.75rem
    }
}

.video-sound-controller-wrapper .video-controls button {
    background: transparent;
    border: none
}