<!doctype html>
<html class=" js backgroundsize"><head>
    <title>beIN Account</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        :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: 576px;
            --breakpoint-md: 768px;
            --breakpoint-lg: 992px;
            --breakpoint-xl: 1200px;
            --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
        }

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

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

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

        body {
            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-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            text-align: left;
            background-color: #fff
        }

        [tabindex="-1"]:focus {
            outline: 0 !important
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin-top: 0;
            color: #272727
        }

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

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

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

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

        dt {
            font-weight: 700
        }

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

        blockquote,
        figure {
            margin: 0 0 1rem
        }

        b,
        strong {
            font-weight: bolder
        }

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

        sub {
            bottom: -.25em
        }

        sup {
            top: -.5em
        }

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

        a:hover {
            color: #0056b3
        }

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

        a:not([href]):not([tabindex]):focus {
            outline: 0
        }

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

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

        img {
            vertical-align: middle;
            border-style: none;
            max-width: 100%
        }

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

        table {
            border-collapse: collapse
        }

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

        th {
            text-align: inherit
        }

        button {
            border-radius: 0
        }

        button:focus {
            outline: dotted 1px;
            outline: -webkit-focus-ring-color auto 5px
        }

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

        button,
        input {
            overflow: visible
        }

        button,
        select {
            text-transform: none
        }

        select {
            word-wrap: normal
        }

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

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

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

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

        input[type=date],
        input[type=datetime-local],
        input[type=month],
        input[type=time] {
            -webkit-appearance: listbox
        }

        textarea {
            overflow: auto;
            resize: vertical
        }

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

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

        progress {
            vertical-align: baseline
        }

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

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

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

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

        output {
            display: inline-block
        }

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

        template {
            display: none
        }

        [hidden] {
            display: none !important
        }

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

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

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

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

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

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

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

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

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

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

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

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

        hr {
            box-sizing: content-box;
            height: 0;
            overflow: visible;
            border: 0;
            border-top: 1px solid rgba(0, 0, 0, .1)
        }

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

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

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

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

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

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

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

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

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

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

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

        .figure {
            display: inline-block
        }

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

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

        code {
            font-size: 87.5%;
            color: #e83e8c;
            word-break: break-word
        }

        a>code {
            color: inherit
        }

        kbd {
            padding: .2rem .4rem;
            font-size: 87.5%;
            color: #fff;
            background-color: #212529;
            border-radius: .2rem
        }

        kbd kbd {
            padding: 0;
            font-size: 100%;
            font-weight: 700
        }

        pre {
            display: block;
            font-size: 87.5%;
            color: #212529
        }

        pre code {
            font-size: inherit;
            color: inherit;
            word-break: normal
        }

        .pre-scrollable {
            max-height: 340px;
            overflow-y: scroll
        }

        .container {
            width: 100%
        }

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

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

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

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

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

        .row {
            display: flex;
            flex-wrap: wrap
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .form-control {
            display: block;
            width: 100%;
            padding: .375rem .75rem;
            font-weight: 400;
            line-height: 1.5;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border-radius: .25rem;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

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

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

        .form-control:focus {
            color: #495057;
            background-color: #fff;
            border-color: #80bdff;
            outline: 0;
            box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
        }

        .form-control::-webkit-input-placeholder {
            opacity: 1
        }

        .form-control:-ms-input-placeholder {
            opacity: 1
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .valid-tooltip {
            position: absolute;
            top: 100%;
            z-index: 5;
            display: none;
            max-width: 100%;
            padding: .25rem .5rem;
            margin-top: .1rem;
            font-size: .875rem;
            line-height: 1.5;
            color: #fff;
            background-color: rgba(40, 167, 69, .9);
            border-radius: .25rem
        }

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

        .form-control.is-valid:focus,
        .was-validated .form-control:valid:focus {
            border-color: #28a745;
            box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
        }

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

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

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

        .custom-select.is-valid:focus,
        .was-validated .custom-select:valid:focus {
            border-color: #28a745;
            box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
        }

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

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

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

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

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

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

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

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

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

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

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

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

        .custom-file-input.is-valid:focus~.custom-file-label,
        .was-validated .custom-file-input:valid:focus~.custom-file-label {
            border-color: #28a745;
            box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
        }

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

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

        .form-control.is-invalid,
        .was-validated .form-control:invalid {
            border-color: #dc3545;
            padding-right: calc(1.5em + .75rem);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
            background-repeat: no-repeat;
            background-position: center right calc(.375em + .1875rem);
            background-size: calc(.75em + .375rem) calc(.75em + .375rem)
        }

        .form-control.is-invalid:focus,
        .was-validated .form-control:invalid:focus {
            border-color: #dc3545;
            box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
        }

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

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

        .custom-select.is-invalid,
        .was-validated .custom-select:invalid {
            border-color: #dc3545;
            padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
            background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat #fff
        }

        .custom-select.is-invalid:focus,
        .was-validated .custom-select:invalid:focus {
            border-color: #dc3545;
            box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
        }

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

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

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

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

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

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

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

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

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

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

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

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

        .custom-file-input.is-invalid:focus~.custom-file-label,
        .was-validated .custom-file-input:invalid:focus~.custom-file-label {
            border-color: #dc3545;
            box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
        }

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

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

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

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

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

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

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

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

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

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

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

        .btn {
            display: inline-block;
            color: #212529;
            text-align: center;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-color: transparent;
            border: 1px solid transparent;
            padding: .375rem .75rem;
            line-height: 1.5;
            border-radius: .25rem;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

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

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

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

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

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

        .btn-primary {
            color: #fff;
            background-color: #007bff;
            border-color: #007bff
        }

        .btn-primary:hover {
            color: #fff;
            background-color: #0069d9;
            border-color: #0062cc
        }

        .btn-primary.focus,
        .btn-primary:focus {
            box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
        }

        .btn-primary.disabled,
        .btn-primary:disabled {
            color: #fff;
            background-color: #007bff;
            border-color: #007bff
        }

        .btn-primary:not(:disabled):not(.disabled).active,
        .btn-primary:not(:disabled):not(.disabled):active,
        .show>.btn-primary.dropdown-toggle {
            color: #fff;
            background-color: #0062cc;
            border-color: #005cbf
        }

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

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

        .btn-secondary:hover {
            color: #fff;
            background-color: #5a6268;
            border-color: #545b62
        }

        .btn-secondary.focus,
        .btn-secondary:focus {
            box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
        }

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

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

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

        .btn-success {
            color: #fff
        }

        .btn-success.focus,
        .btn-success:focus {
            box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
        }

        .btn-success.disabled,
        .btn-success:disabled {
            color: #fff;
            background-color: #28a745;
            border-color: #28a745
        }

        .btn-success:not(:disabled):not(.disabled).active,
        .btn-success:not(:disabled):not(.disabled):active,
        .show>.btn-success.dropdown-toggle {
            color: #fff;
            background-color: #1e7e34;
            border-color: #1c7430
        }

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

        .btn-info {
            color: #fff;
            background-color: #17a2b8;
            border-color: #17a2b8
        }

        .btn-info:hover {
            color: #fff;
            background-color: #138496;
            border-color: #117a8b
        }

        .btn-info.focus,
        .btn-info:focus {
            box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
        }

        .btn-info.disabled,
        .btn-info:disabled {
            color: #fff;
            background-color: #17a2b8;
            border-color: #17a2b8
        }

        .btn-info:not(:disabled):not(.disabled).active,
        .btn-info:not(:disabled):not(.disabled):active,
        .show>.btn-info.dropdown-toggle {
            color: #fff;
            background-color: #117a8b;
            border-color: #10707f
        }

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

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

        .btn-warning:hover {
            color: #212529;
            background-color: #e0a800;
            border-color: #d39e00
        }

        .btn-warning.focus,
        .btn-warning:focus {
            box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
        }

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

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

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

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

        .btn-danger:hover {
            color: #fff;
            background-color: #c82333;
            border-color: #bd2130
        }

        .btn-danger.focus,
        .btn-danger:focus {
            box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
        }

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

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

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

        .btn-light {
            color: #212529;
            background-color: #f8f9fa;
            border-color: #f8f9fa
        }

        .btn-light:hover {
            color: #212529;
            background-color: #e2e6ea;
            border-color: #dae0e5
        }

        .btn-light.focus,
        .btn-light:focus {
            box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
        }

        .btn-light.disabled,
        .btn-light:disabled {
            color: #212529;
            background-color: #f8f9fa;
            border-color: #f8f9fa
        }

        .btn-light:not(:disabled):not(.disabled).active,
        .btn-light:not(:disabled):not(.disabled):active,
        .show>.btn-light.dropdown-toggle {
            color: #212529;
            background-color: #dae0e5;
            border-color: #d3d9df
        }

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

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

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

        .btn-dark.focus,
        .btn-dark:focus {
            box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
        }

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

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

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

        .btn-outline-primary {
            color: #007bff;
            border-color: #007bff
        }

        .btn-outline-primary:hover {
            color: #fff;
            background-color: #007bff;
            border-color: #007bff
        }

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

        .btn-outline-primary.disabled,
        .btn-outline-primary:disabled {
            color: #007bff;
            background-color: transparent
        }

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

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

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

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

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

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

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

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

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

        .btn-outline-success:hover {
            color: #fff;
            background-color: #28a745;
            border-color: #28a745
        }

        .btn-outline-success.focus,
        .btn-outline-success:focus {
            box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
        }

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

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

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

        .btn-outline-info {
            color: #17a2b8;
            border-color: #17a2b8
        }

        .btn-outline-info:hover {
            color: #fff;
            background-color: #17a2b8;
            border-color: #17a2b8
        }

        .btn-outline-info.focus,
        .btn-outline-info:focus {
            box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
        }

        .btn-outline-info.disabled,
        .btn-outline-info:disabled {
            color: #17a2b8;
            background-color: transparent
        }

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

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

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

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

        .btn-outline-warning.focus,
        .btn-outline-warning:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
        }

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

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

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

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

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

        .btn-outline-danger.focus,
        .btn-outline-danger:focus {
            box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
        }

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

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

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

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

        .btn-outline-light:hover {
            color: #212529;
            background-color: #f8f9fa;
            border-color: #f8f9fa
        }

        .btn-outline-light.focus,
        .btn-outline-light:focus {
            box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
        }

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

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

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

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

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

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

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

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

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

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

        .btn-link:hover {
            color: #0056b3;
            text-decoration: underline
        }

        .btn-link.focus,
        .btn-link:focus {
            text-decoration: underline;
            box-shadow: none
        }

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

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

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

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

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

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

        .fade {
            transition: opacity .15s linear
        }

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

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

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

        .collapsing {
            position: relative;
            height: 0;
            overflow: hidden;
            transition: height .35s ease
        }

        .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: .25rem
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .dropleft .dropdown-toggle:empty::after {
            margin-left: 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
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .custom-control {
            position: relative;
            display: block;
            min-height: 1.5rem;
            padding-left: 1.5rem
        }

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

        .custom-control-input {
            position: absolute;
            z-index: -1;
            opacity: 0
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .custom-switch .custom-control-label::before {
            left: -2.25rem;
            width: 1.75rem;
            pointer-events: all;
            border-radius: .5rem
        }

        .custom-switch .custom-control-label::after {
            top: calc(.25rem + 2px);
            left: calc(-2.25rem + 2px);
            width: calc(1rem - 4px);
            height: calc(1rem - 4px);
            background-color: #adb5bd;
            border-radius: .5rem;
            transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
            transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
        }

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

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

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

        .custom-select:focus {
            border-color: #80bdff;
            outline: 0;
            box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
        }

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

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

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

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

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

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

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

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

        .custom-file-input:focus~.custom-file-label {
            border-color: #80bdff;
            box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
        }

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

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

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

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

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

        .custom-range {
            width: 100%;
            height: calc(1rem + .4rem);
            padding: 0;
            background-color: transparent;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        .custom-range:focus {
            outline: 0
        }

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

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

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

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

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

        @media (prefers-reduced-motion:reduce) {

            .collapsing,
            .custom-switch .custom-control-label::after {
                transition: none
            }

            .custom-range::-webkit-slider-thumb {
                transition: none
            }
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @media (prefers-reduced-motion:reduce) {

            .custom-control-label::before,
            .custom-file-label,
            .custom-select {
                transition: none
            }
        }

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

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

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

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

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

        .nav-tabs .nav-item {
            margin-bottom: -1px
        }

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

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

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

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

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

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

        .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;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            padding: .5rem 1rem
        }

        .navbar>.container,
        .navbar>.container-fluid {
            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: .25rem
        }

        .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: center center/100% 100% no-repeat
        }

        @media (max-width:575.98px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

        @media (max-width:1199.98px) {

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

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

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

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

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

            .navbar-expand-xl>.container,
            .navbar-expand-xl>.container-fluid {
                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 .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 {
            padding-right: 0;
            padding-left: 0;
            flex-wrap: nowrap
        }

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

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

        .navbar-light .navbar-brand,
        .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,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
        }

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

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

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

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

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

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

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

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

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

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

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

        .card {
            position: relative;
            display: flex;
            flex-direction: column;
            min-width: 0;
            word-wrap: break-word;
            background-color: #fff;
            background-clip: border-box;
            border: 1px solid rgba(0, 0, 0, .125);
            border-radius: .25rem
        }

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

        .card>.list-group:first-child .list-group-item:first-child {
            border-top-left-radius: .25rem;
            border-top-right-radius: .25rem
        }

        .card>.list-group:last-child .list-group-item:last-child {
            border-bottom-right-radius: .25rem;
            border-bottom-left-radius: .25rem
        }

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

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

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

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

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

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

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

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

        .card-header+.list-group .list-group-item:first-child {
            border-top: 0
        }

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

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

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

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

        .card-img-overlay {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            padding: 1.25rem
        }

        .card-img {
            width: 100%;
            border-radius: calc(.25rem - 1px)
        }

        .card-img-top {
            width: 100%;
            border-top-left-radius: calc(.25rem - 1px);
            border-top-right-radius: calc(.25rem - 1px)
        }

        .card-img-bottom {
            width: 100%;
            border-bottom-right-radius: calc(.25rem - 1px);
            border-bottom-left-radius: calc(.25rem - 1px)
        }

        .card-deck {
            display: flex;
            flex-direction: column
        }

        .card-deck .card {
            margin-bottom: 15px
        }

        @media (min-width:576px) {
            .card-deck {
                flex-flow: row wrap;
                margin-right: -15px;
                margin-left: -15px
            }

            .card-deck .card {
                display: flex;
                flex: 1 0 0%;
                flex-direction: column;
                margin-right: 15px;
                margin-bottom: 0;
                margin-left: 15px
            }
        }

        .card-group {
            display: flex;
            flex-direction: column
        }

        .card-group>.card {
            margin-bottom: 15px
        }

        @media (min-width:576px) {
            .card-group {
                flex-flow: row wrap
            }

            .card-group>.card {
                flex: 1 0 0%;
                margin-bottom: 0
            }

            .card-group>.card+.card {
                margin-left: 0;
                border-left: 0
            }

            .card-group>.card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

            .card-group>.card:not(:last-child) .card-header,
            .card-group>.card:not(:last-child) .card-img-top {
                border-top-right-radius: 0
            }

            .card-group>.card:not(:last-child) .card-footer,
            .card-group>.card:not(:last-child) .card-img-bottom {
                border-bottom-right-radius: 0
            }

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

            .card-group>.card:not(:first-child) .card-header,
            .card-group>.card:not(:first-child) .card-img-top {
                border-top-left-radius: 0
            }

            .card-group>.card:not(:first-child) .card-footer,
            .card-group>.card:not(:first-child) .card-img-bottom {
                border-bottom-left-radius: 0
            }

            .card-columns {
                -webkit-column-count: 3;
                column-count: 3;
                -webkit-column-gap: 1.25rem;
                column-gap: 1.25rem;
                orphans: 1;
                widows: 1
            }

            .card-columns .card {
                display: inline-block;
                width: 100%
            }
        }

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

        .accordion>.card {
            overflow: hidden
        }

        .accordion>.card:not(:first-of-type) .card-header:first-child {
            border-radius: 0
        }

        .accordion>.card:not(:first-of-type):not(:last-of-type) {
            border-bottom: 0;
            border-radius: 0
        }

        .accordion>.card:first-of-type {
            border-bottom: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .accordion>.card:last-of-type {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .accordion>.card .card-header {
            margin-bottom: -1px
        }

        .breadcrumb {
            display: flex;
            flex-wrap: wrap;
            padding: .75rem 1rem;
            margin-bottom: 1rem;
            list-style: none;
            background-color: #e9ecef;
            border-radius: .25rem
        }

        .breadcrumb-item+.breadcrumb-item {
            padding-left: .5rem
        }

        .breadcrumb-item+.breadcrumb-item::before {
            display: inline-block;
            padding-right: .5rem;
            color: #6c757d;
            content: "/"
        }

        .breadcrumb-item+.breadcrumb-item:hover::before {
            text-decoration: none
        }

        .breadcrumb-item.active {
            color: #6c757d
        }

        .pagination {
            display: flex;
            padding-left: 0;
            list-style: none;
            border-radius: .25rem
        }

        .page-link {
            position: relative;
            display: block;
            padding: .5rem .75rem;
            margin-left: -1px;
            line-height: 1.25;
            color: #007bff;
            background-color: #fff;
            border: 1px solid #dee2e6
        }

        .page-link:hover {
            z-index: 2;
            color: #0056b3;
            text-decoration: none;
            background-color: #e9ecef;
            border-color: #dee2e6
        }

        .page-link:focus {
            z-index: 2;
            outline: 0;
            box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
        }

        .page-item:first-child .page-link {
            margin-left: 0;
            border-top-left-radius: .25rem;
            border-bottom-left-radius: .25rem
        }

        .page-item:last-child .page-link {
            border-top-right-radius: .25rem;
            border-bottom-right-radius: .25rem
        }

        .page-item.disabled .page-link {
            color: #6c757d;
            pointer-events: none;
            cursor: auto;
            background-color: #fff;
            border-color: #dee2e6
        }

        .pagination-lg .page-link {
            padding: .75rem 1.5rem;
            font-size: 1.25rem;
            line-height: 1.5
        }

        .pagination-lg .page-item:first-child .page-link {
            border-top-left-radius: .3rem;
            border-bottom-left-radius: .3rem
        }

        .pagination-lg .page-item:last-child .page-link {
            border-top-right-radius: .3rem;
            border-bottom-right-radius: .3rem
        }

        .pagination-sm .page-link {
            padding: .25rem .5rem;
            font-size: .875rem;
            line-height: 1.5
        }

        .pagination-sm .page-item:first-child .page-link {
            border-top-left-radius: .2rem;
            border-bottom-left-radius: .2rem
        }

        .pagination-sm .page-item:last-child .page-link {
            border-top-right-radius: .2rem;
            border-bottom-right-radius: .2rem
        }

        .badge {
            display: inline-block;
            padding: .25em .4em;
            font-size: 75%;
            font-weight: 700;
            line-height: 1;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: .25rem;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

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

        a.badge:focus,
        a.badge:hover {
            text-decoration: none
        }

        .badge:empty {
            display: none
        }

        .btn .badge {
            position: relative;
            top: -1px
        }

        .badge-pill {
            padding-right: .6em;
            padding-left: .6em;
            border-radius: 10rem
        }

        .badge-primary {
            color: #fff;
            background-color: #007bff
        }

        a.badge-primary:focus,
        a.badge-primary:hover {
            color: #fff;
            background-color: #0062cc
        }

        a.badge-primary.focus,
        a.badge-primary:focus {
            outline: 0;
            box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
        }

        .badge-secondary {
            color: #fff;
            background-color: #6c757d
        }

        a.badge-secondary:focus,
        a.badge-secondary:hover {
            color: #fff;
            background-color: #545b62
        }

        a.badge-secondary.focus,
        a.badge-secondary:focus {
            outline: 0;
            box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
        }

        .badge-success {
            color: #fff;
            background-color: #28a745
        }

        a.badge-success:focus,
        a.badge-success:hover {
            color: #fff;
            background-color: #1e7e34
        }

        a.badge-success.focus,
        a.badge-success:focus {
            outline: 0;
            box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
        }

        .badge-info {
            color: #fff;
            background-color: #17a2b8
        }

        a.badge-info:focus,
        a.badge-info:hover {
            color: #fff;
            background-color: #117a8b
        }

        a.badge-info.focus,
        a.badge-info:focus {
            outline: 0;
            box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
        }

        .badge-warning {
            color: #212529;
            background-color: #ffc107
        }

        a.badge-warning:focus,
        a.badge-warning:hover {
            color: #212529;
            background-color: #d39e00
        }

        a.badge-warning.focus,
        a.badge-warning:focus {
            outline: 0;
            box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
        }

        .badge-danger {
            color: #fff;
            background-color: #dc3545
        }

        a.badge-danger:focus,
        a.badge-danger:hover {
            color: #fff;
            background-color: #bd2130
        }

        a.badge-danger.focus,
        a.badge-danger:focus {
            outline: 0;
            box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
        }

        .badge-light {
            color: #212529;
            background-color: #f8f9fa
        }

        a.badge-light:focus,
        a.badge-light:hover {
            color: #212529;
            background-color: #dae0e5
        }

        a.badge-light.focus,
        a.badge-light:focus {
            outline: 0;
            box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
        }

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

        a.badge-dark:focus,
        a.badge-dark:hover {
            color: #fff;
            background-color: #1d2124
        }

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

        .jumbotron {
            padding: 2rem 1rem;
            margin-bottom: 2rem;
            background-color: #e9ecef;
            border-radius: .3rem
        }

        @media (min-width:576px) {
            .jumbotron {
                padding: 4rem 2rem
            }
        }

        .jumbotron-fluid {
            padding-right: 0;
            padding-left: 0;
            border-radius: 0
        }

        .alert {
            position: relative;
            padding: .75rem 1.25rem;
            margin-bottom: 1rem;
            border: 1px solid transparent;
            border-radius: .25rem
        }

        .alert-heading {
            color: inherit
        }

        .alert-link {
            font-weight: 700
        }

        .alert-dismissible {
            padding-right: 4rem
        }

        .alert-dismissible .close {
            position: absolute;
            top: 0;
            right: 0;
            padding: .75rem 1.25rem;
            color: inherit
        }

        .alert-primary {
            color: #004085;
            background-color: #cce5ff;
            border-color: #b8daff
        }

        .alert-primary hr {
            border-top-color: #9fcdff
        }

        .alert-primary .alert-link {
            color: #002752
        }

        .alert-secondary {
            color: #383d41;
            background-color: #e2e3e5;
            border-color: #d6d8db
        }

        .alert-secondary hr {
            border-top-color: #c8cbcf
        }

        .alert-secondary .alert-link {
            color: #202326
        }

        .alert-success {
            color: #155724;
            background-color: #d4edda;
            border-color: #c3e6cb
        }

        .alert-success hr {
            border-top-color: #b1dfbb
        }

        .alert-success .alert-link {
            color: #0b2e13
        }

        .alert-info {
            color: #0c5460;
            background-color: #d1ecf1;
            border-color: #bee5eb
        }

        .alert-info hr {
            border-top-color: #abdde5
        }

        .alert-info .alert-link {
            color: #062c33
        }

        .alert-warning {
            color: #856404;
            background-color: #fff3cd;
            border-color: #ffeeba
        }

        .alert-warning hr {
            border-top-color: #ffe8a1
        }

        .alert-warning .alert-link {
            color: #533f03
        }

        .alert-danger {
            color: #721c24;
            background-color: #f8d7da;
            border-color: #f5c6cb
        }

        .alert-danger hr {
            border-top-color: #f1b0b7
        }

        .alert-danger .alert-link {
            color: #491217
        }

        .alert-light {
            color: #818182;
            background-color: #fefefe;
            border-color: #fdfdfe
        }

        .alert-light hr {
            border-top-color: #ececf6
        }

        .alert-light .alert-link {
            color: #686868
        }

        .alert-dark {
            color: #1b1e21;
            background-color: #d6d8d9;
            border-color: #c6c8ca
        }

        .alert-dark hr {
            border-top-color: #b9bbbe
        }

        .alert-dark .alert-link {
            color: #040505
        }

        @-webkit-keyframes progress-bar-stripes {
            from {
                background-position: 1rem 0
            }

            to {
                background-position: 0 0
            }
        }

        @keyframes progress-bar-stripes {
            from {
                background-position: 1rem 0
            }

            to {
                background-position: 0 0
            }
        }

        .progress {
            display: flex;
            height: 1rem;
            overflow: hidden;
            font-size: .75rem;
            background-color: #e9ecef;
            border-radius: .25rem
        }

        .progress-bar {
            display: flex;
            flex-direction: column;
            justify-content: center;
            color: #fff;
            text-align: center;
            white-space: nowrap;
            background-color: #007bff;
            transition: width .6s ease
        }

        .progress-bar-striped {
            background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
            background-size: 1rem 1rem
        }

        .progress-bar-animated {
            -webkit-animation: 1s linear infinite progress-bar-stripes;
            animation: 1s linear infinite progress-bar-stripes
        }

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

        .media-body {
            flex: 1
        }

        .list-group {
            display: flex;
            flex-direction: column;
            padding-left: 0;
            margin-bottom: 0
        }

        .list-group-item-action {
            width: 100%;
            color: #495057;
            text-align: inherit
        }

        .list-group-item-action:focus,
        .list-group-item-action:hover {
            z-index: 1;
            color: #495057;
            text-decoration: none;
            background-color: #f8f9fa
        }

        .list-group-item-action:active {
            color: #212529;
            background-color: #e9ecef
        }

        .list-group-item {
            position: relative;
            display: block;
            padding: .75rem 1.25rem;
            margin-bottom: -1px;
            background-color: #fff;
            border: 1px solid rgba(0, 0, 0, .125)
        }

        .list-group-item:first-child {
            border-top-left-radius: .25rem;
            border-top-right-radius: .25rem
        }

        .list-group-item:last-child {
            margin-bottom: 0;
            border-bottom-right-radius: .25rem;
            border-bottom-left-radius: .25rem
        }

        .list-group-item.disabled,
        .list-group-item:disabled {
            color: #6c757d;
            pointer-events: none;
            background-color: #fff
        }

        .list-group-item.active {
            z-index: 2;
            color: #fff;
            background-color: #007bff;
            border-color: #007bff
        }

        .list-group-horizontal {
            flex-direction: row
        }

        .list-group-horizontal .list-group-item {
            margin-right: -1px;
            margin-bottom: 0
        }

        .list-group-horizontal .list-group-item:first-child {
            border-top-left-radius: .25rem;
            border-bottom-left-radius: .25rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal .list-group-item:last-child {
            margin-right: 0;
            border-top-right-radius: .25rem;
            border-bottom-right-radius: .25rem;
            border-bottom-left-radius: 0
        }

        @media (min-width:576px) {
            .list-group-horizontal-sm {
                flex-direction: row
            }

            .list-group-horizontal-sm .list-group-item {
                margin-right: -1px;
                margin-bottom: 0
            }

            .list-group-horizontal-sm .list-group-item:first-child {
                border-top-left-radius: .25rem;
                border-bottom-left-radius: .25rem;
                border-top-right-radius: 0
            }

            .list-group-horizontal-sm .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: .25rem;
                border-bottom-right-radius: .25rem;
                border-bottom-left-radius: 0
            }
        }

        @media (min-width:768px) {
            .list-group-horizontal-md {
                flex-direction: row
            }

            .list-group-horizontal-md .list-group-item {
                margin-right: -1px;
                margin-bottom: 0
            }

            .list-group-horizontal-md .list-group-item:first-child {
                border-top-left-radius: .25rem;
                border-bottom-left-radius: .25rem;
                border-top-right-radius: 0
            }

            .list-group-horizontal-md .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: .25rem;
                border-bottom-right-radius: .25rem;
                border-bottom-left-radius: 0
            }
        }

        @media (min-width:992px) {
            .list-group-horizontal-lg {
                flex-direction: row
            }

            .list-group-horizontal-lg .list-group-item {
                margin-right: -1px;
                margin-bottom: 0
            }

            .list-group-horizontal-lg .list-group-item:first-child {
                border-top-left-radius: .25rem;
                border-bottom-left-radius: .25rem;
                border-top-right-radius: 0
            }

            .list-group-horizontal-lg .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: .25rem;
                border-bottom-right-radius: .25rem;
                border-bottom-left-radius: 0
            }
        }

        @media (min-width:1200px) {
            .list-group-horizontal-xl {
                flex-direction: row
            }

            .list-group-horizontal-xl .list-group-item {
                margin-right: -1px;
                margin-bottom: 0
            }

            .list-group-horizontal-xl .list-group-item:first-child {
                border-top-left-radius: .25rem;
                border-bottom-left-radius: .25rem;
                border-top-right-radius: 0
            }

            .list-group-horizontal-xl .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: .25rem;
                border-bottom-right-radius: .25rem;
                border-bottom-left-radius: 0
            }
        }

        .list-group-flush .list-group-item {
            border-right: 0;
            border-left: 0;
            border-radius: 0
        }

        .list-group-flush .list-group-item:last-child {
            margin-bottom: -1px
        }

        .list-group-flush:first-child .list-group-item:first-child {
            border-top: 0
        }

        .list-group-flush:last-child .list-group-item:last-child {
            margin-bottom: 0;
            border-bottom: 0
        }

        .list-group-item-primary {
            color: #004085;
            background-color: #b8daff
        }

        .list-group-item-primary.list-group-item-action:focus,
        .list-group-item-primary.list-group-item-action:hover {
            color: #004085;
            background-color: #9fcdff
        }

        .list-group-item-primary.list-group-item-action.active {
            color: #fff;
            background-color: #004085;
            border-color: #004085
        }

        .list-group-item-secondary {
            color: #383d41;
            background-color: #d6d8db
        }

        .list-group-item-secondary.list-group-item-action:focus,
        .list-group-item-secondary.list-group-item-action:hover {
            color: #383d41;
            background-color: #c8cbcf
        }

        .list-group-item-secondary.list-group-item-action.active {
            color: #fff;
            background-color: #383d41;
            border-color: #383d41
        }

        .list-group-item-success {
            color: #155724;
            background-color: #c3e6cb
        }

        .list-group-item-success.list-group-item-action:focus,
        .list-group-item-success.list-group-item-action:hover {
            color: #155724;
            background-color: #b1dfbb
        }

        .list-group-item-success.list-group-item-action.active {
            color: #fff;
            background-color: #155724;
            border-color: #155724
        }

        .list-group-item-info {
            color: #0c5460;
            background-color: #bee5eb
        }

        .list-group-item-info.list-group-item-action:focus,
        .list-group-item-info.list-group-item-action:hover {
            color: #0c5460;
            background-color: #abdde5
        }

        .list-group-item-info.list-group-item-action.active {
            color: #fff;
            background-color: #0c5460;
            border-color: #0c5460
        }

        .list-group-item-warning {
            color: #856404;
            background-color: #ffeeba
        }

        .list-group-item-warning.list-group-item-action:focus,
        .list-group-item-warning.list-group-item-action:hover {
            color: #856404;
            background-color: #ffe8a1
        }

        .list-group-item-warning.list-group-item-action.active {
            color: #fff;
            background-color: #856404;
            border-color: #856404
        }

        .list-group-item-danger {
            color: #721c24;
            background-color: #f5c6cb
        }

        .list-group-item-danger.list-group-item-action:focus,
        .list-group-item-danger.list-group-item-action:hover {
            color: #721c24;
            background-color: #f1b0b7
        }

        .list-group-item-danger.list-group-item-action.active {
            color: #fff;
            background-color: #721c24;
            border-color: #721c24
        }

        .list-group-item-light {
            color: #818182;
            background-color: #fdfdfe
        }

        .list-group-item-light.list-group-item-action:focus,
        .list-group-item-light.list-group-item-action:hover {
            color: #818182;
            background-color: #ececf6
        }

        .list-group-item-light.list-group-item-action.active {
            color: #fff;
            background-color: #818182;
            border-color: #818182
        }

        .list-group-item-dark {
            color: #1b1e21;
            background-color: #c6c8ca
        }

        .list-group-item-dark.list-group-item-action:focus,
        .list-group-item-dark.list-group-item-action:hover {
            color: #1b1e21;
            background-color: #b9bbbe
        }

        .list-group-item-dark.list-group-item-action.active {
            color: #fff;
            background-color: #1b1e21;
            border-color: #1b1e21
        }

        .close {
            float: right;
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 1;
            color: #000;
            text-shadow: 0 1px 0 #fff;
            opacity: .5
        }

        .close:hover {
            color: #000;
            text-decoration: none
        }

        .close:not(:disabled):not(.disabled):focus,
        .close:not(:disabled):not(.disabled):hover {
            opacity: .75
        }

        button.close {
            padding: 0;
            background-color: transparent;
            border: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        a.close.disabled {
            pointer-events: none
        }

        .toast {
            max-width: 350px;
            overflow: hidden;
            font-size: .875rem;
            background-color: rgba(255, 255, 255, .85);
            background-clip: padding-box;
            border: 1px solid rgba(0, 0, 0, .1);
            box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
            opacity: 0;
            border-radius: .25rem
        }

        .toast:not(:last-child) {
            margin-bottom: .75rem
        }

        .toast.showing {
            opacity: 1
        }

        .toast.show {
            display: block;
            opacity: 1
        }

        .toast.hide {
            display: none
        }

        .toast-header {
            display: flex;
            align-items: center;
            padding: .25rem .75rem;
            color: #6c757d;
            background-color: rgba(255, 255, 255, .85);
            background-clip: padding-box;
            border-bottom: 1px solid rgba(0, 0, 0, .05)
        }

        .toast-body {
            padding: .75rem
        }

        .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: -webkit-transform .3s ease-out;
            transition: transform .3s ease-out;
            transition: transform .3s ease-out, -webkit-transform .3s ease-out;
            transition: transform .3s ease-out, -webkit-transform .3s ease-out;
            -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px)
        }

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

            .progress-bar-animated {
                -webkit-animation: none;
                animation: none
            }

            .modal.fade .modal-dialog {
                transition: none
            }
        }

        .modal.show .modal-dialog {
            -webkit-transform: none;
            transform: none
        }

        .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: .3rem;
            outline: 0
        }

        .modal-backdrop {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1040;
            width: 100vw;
            height: 100vh;
            background-color: #000
        }

        .modal-backdrop.fade {
            opacity: 0
        }

        .modal-backdrop.show {
            opacity: .5
        }

        .modal-header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            padding: 1rem;
            border-bottom: 1px solid #dee2e6;
            border-top-left-radius: .3rem;
            border-top-right-radius: .3rem
        }

        .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;
            align-items: center;
            justify-content: flex-end;
            padding: 1rem;
            border-top: 1px solid #dee2e6;
            border-bottom-right-radius: .3rem;
            border-bottom-left-radius: .3rem
        }

        .modal-footer>:not(:first-child) {
            margin-left: .25rem
        }

        .modal-footer>:not(:last-child) {
            margin-right: .25rem
        }

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

        @media (min-width:576px) {
            .modal-dialog {
                max-width: 500px;
                margin: 1.75rem auto
            }

            .modal-dialog-scrollable {
                max-height: calc(100% - 3.5rem)
            }

            .modal-dialog-scrollable .modal-content {
                max-height: calc(100vh - 3.5rem)
            }

            .modal-dialog-centered {
                min-height: calc(100% - 3.5rem)
            }

            .modal-dialog-centered::before {
                height: calc(100vh - 3.5rem)
            }

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

        @media (min-width:992px) {

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

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

        .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: .25rem
        }

        .popover {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1060;
            display: block;
            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: .3rem
        }

        .popover .arrow {
            position: absolute;
            display: block;
            width: 1rem;
            height: .5rem;
            margin: 0 .3rem
        }

        .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) * -1)
        }

        .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) * -1);
            width: .5rem;
            height: 1rem;
            margin: .3rem 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) * -1)
        }

        .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) * -1);
            width: .5rem;
            height: 1rem;
            margin: .3rem 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(.3rem - 1px);
            border-top-right-radius: calc(.3rem - 1px)
        }

        .popover-header:empty {
            display: none
        }

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

        .carousel {
            position: relative
        }

        .carousel.pointer-event {
            touch-action: pan-y
        }

        .carousel-inner {
            position: relative;
            width: 100%;
            overflow: hidden
        }

        .carousel-inner::after {
            display: block;
            clear: both;
            content: ""
        }

        .carousel-item {
            position: relative;
            display: none;
            float: left;
            width: 100%;
            margin-right: -100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transition: -webkit-transform .6s ease-in-out;
            transition: transform .6s ease-in-out;
            transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
            transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
        }

        .carousel-item-next,
        .carousel-item-prev,
        .carousel-item.active {
            display: block
        }

        .active.carousel-item-right,
        .carousel-item-next:not(.carousel-item-left) {
            -webkit-transform: translateX(100%);
            transform: translateX(100%)
        }

        .active.carousel-item-left,
        .carousel-item-prev:not(.carousel-item-right) {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%)
        }

        .carousel-fade .carousel-item {
            opacity: 0;
            transition-property: opacity;
            -webkit-transform: none;
            transform: none
        }

        .carousel-fade .carousel-item-next.carousel-item-left,
        .carousel-fade .carousel-item-prev.carousel-item-right,
        .carousel-fade .carousel-item.active {
            z-index: 1;
            opacity: 1
        }

        .carousel-fade .active.carousel-item-left,
        .carousel-fade .active.carousel-item-right {
            z-index: 0;
            opacity: 0;
            transition: 0s .6s opacity
        }

        @media (prefers-reduced-motion:reduce) {

            .carousel-fade .active.carousel-item-left,
            .carousel-fade .active.carousel-item-right,
            .carousel-item {
                transition: none
            }
        }

        .carousel-control-next,
        .carousel-control-prev {
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 15%;
            color: #fff;
            text-align: center;
            opacity: .5;
            transition: opacity .15s ease
        }

        .carousel-control-next:focus,
        .carousel-control-next:hover,
        .carousel-control-prev:focus,
        .carousel-control-prev:hover {
            color: #fff;
            text-decoration: none;
            outline: 0;
            opacity: .9
        }

        .carousel-control-prev {
            left: 0
        }

        .carousel-control-next {
            right: 0
        }

        .carousel-control-next-icon,
        .carousel-control-prev-icon {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: 50%/100% 100% no-repeat
        }

        .carousel-control-prev-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
        }

        .carousel-control-next-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
        }

        .carousel-indicators {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 15;
            display: flex;
            justify-content: center;
            padding-left: 0;
            margin-right: 15%;
            margin-left: 15%;
            list-style: none
        }

        .carousel-indicators li {
            box-sizing: content-box;
            flex: 0 1 auto;
            width: 30px;
            height: 3px;
            margin-right: 3px;
            margin-left: 3px;
            text-indent: -999px;
            cursor: pointer;
            background-color: #fff;
            background-clip: padding-box;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            opacity: .5;
            transition: opacity .6s ease
        }

        @media (prefers-reduced-motion:reduce) {

            .carousel-control-next,
            .carousel-control-prev,
            .carousel-indicators li {
                transition: none
            }
        }

        .carousel-indicators .active {
            opacity: 1
        }

        .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 20px;
            left: 15%;
            z-index: 10;
            padding-top: 20px;
            padding-bottom: 20px;
            color: #fff;
            text-align: center
        }

        @-webkit-keyframes spinner-border {
            to {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }

        @keyframes spinner-border {
            to {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }

        .spinner-border {
            display: inline-block;
            width: 2rem;
            height: 2rem;
            vertical-align: text-bottom;
            border: .25em solid currentColor;
            border-right-color: transparent;
            border-radius: 50%;
            -webkit-animation: .75s linear infinite spinner-border;
            animation: .75s linear infinite spinner-border
        }

        .spinner-border-sm {
            width: 1rem;
            height: 1rem;
            border-width: .2em
        }

        @-webkit-keyframes spinner-grow {
            0% {
                -webkit-transform: scale(0);
                transform: scale(0)
            }

            50% {
                opacity: 1
            }
        }

        @keyframes spinner-grow {
            0% {
                -webkit-transform: scale(0);
                transform: scale(0)
            }

            50% {
                opacity: 1
            }
        }

        .spinner-grow {
            display: inline-block;
            width: 2rem;
            height: 2rem;
            vertical-align: text-bottom;
            background-color: currentColor;
            border-radius: 50%;
            opacity: 0;
            -webkit-animation: .75s linear infinite spinner-grow;
            animation: .75s linear infinite spinner-grow
        }

        .spinner-grow-sm {
            width: 1rem;
            height: 1rem
        }

        .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-sm {
            border-radius: .2rem !important
        }

        .rounded {
            border-radius: .25rem !important
        }

        .rounded-top {
            border-top-left-radius: .25rem !important;
            border-top-right-radius: .25rem !important
        }

        .rounded-right {
            border-top-right-radius: .25rem !important;
            border-bottom-right-radius: .25rem !important
        }

        .rounded-bottom {
            border-bottom-right-radius: .25rem !important;
            border-bottom-left-radius: .25rem !important
        }

        .rounded-left {
            border-top-left-radius: .25rem !important;
            border-bottom-left-radius: .25rem !important
        }

        .rounded-lg {
            border-radius: .3rem !important
        }

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

        .rounded-pill {
            border-radius: 50rem !important
        }

        .rounded-0 {
            border-radius: 0 !important
        }

        .clearfix::after {
            display: block;
            clear: both;
            content: ""
        }

        .d-none {
            display: none !important
        }

        .d-inline {
            display: inline !important
        }

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

        .d-block {
            display: block !important
        }

        .d-table {
            display: table !important
        }

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

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

        .d-flex {
            display: flex !important
        }

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

        @media (min-width:576px) {
            .d-sm-none {
                display: none !important
            }

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

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

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

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

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

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

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

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

        @media (min-width:768px) {
            .d-md-none {
                display: none !important
            }

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

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

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

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

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

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

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

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

        @media (min-width:992px) {
            .d-lg-none {
                display: none !important
            }

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

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

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

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

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

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

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

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

        @media (min-width:1200px) {
            .d-xl-none {
                display: none !important
            }

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

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

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

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

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

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

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

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

        @media print {
            .d-print-none {
                display: none !important
            }

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

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

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

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

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

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

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

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

        .embed-responsive {
            position: relative;
            display: block;
            width: 100%;
            padding: 0;
            overflow: hidden
        }

        .embed-responsive::before {
            display: block;
            content: ""
        }

        .embed-responsive .embed-responsive-item,
        .embed-responsive embed,
        .embed-responsive iframe,
        .embed-responsive object,
        .embed-responsive video {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0
        }

        .embed-responsive-21by9::before {
            padding-top: 42.857143%
        }

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

        .float-left {
            float: left !important
        }

        .float-right {
            float: right !important
        }

        .float-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: -webkit-sticky !important;
            position: sticky !important
        }

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

        .fixed-bottom {
            position: fixed;
            right: 0;
            bottom: 0;
            left: 0
        }

        @supports ((position:-webkit-sticky) or (position:sticky)) {
            .sticky-top {
                position: -webkit-sticky;
                position: sticky;
                top: 0;
                z-index: 1020
            }
        }

        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            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: rgba(0, 0, 0, 0)
        }

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

        .text-monospace {
            font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
        }

        .text-justify {
            text-align: justify !important
        }

        .text-wrap {
            white-space: normal !important
        }

        .text-nowrap {
            white-space: nowrap !important
        }

        .text-truncate {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .text-left {
            text-align: left !important
        }

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

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

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

            .float-sm-left {
                float: left !important
            }

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

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

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

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

            .float-md-left {
                float: left !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .text-hide {
            font: 0/0 a;
            color: transparent;
            text-shadow: none;
            background-color: transparent;
            border: 0
        }

        .text-decoration-none {
            text-decoration: none !important
        }

        .text-break {
            word-break: break-word !important;
            overflow-wrap: break-word !important
        }

        .text-reset {
            color: inherit !important
        }

        .visible {
            visibility: visible !important
        }

        .invisible {
            visibility: hidden !important
        }

        @media print {

            *,
            ::after,
            ::before {
                text-shadow: none !important;
                box-shadow: none !important
            }

            a:not(.btn) {
                text-decoration: underline
            }

            abbr[title]::after {
                content: " (" attr(title) ")"
            }

            pre {
                white-space: pre-wrap !important
            }

            blockquote,
            pre {
                border: 1px solid #adb5bd;
                page-break-inside: avoid
            }

            thead {
                display: table-header-group
            }

            img,
            tr {
                page-break-inside: avoid
            }

            h2,
            h3,
            p {
                orphans: 3;
                widows: 3
            }

            h2,
            h3 {
                page-break-after: avoid
            }

            @page {
                size: a3
            }

            .container,
            body {
                min-width: 992px !important
            }

            .navbar {
                display: none
            }

            .badge {
                border: 1px solid #000
            }

            .table {
                border-collapse: collapse !important
            }

            .table td,
            .table th {
                background-color: #fff !important
            }

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

            .table-dark {
                color: inherit
            }

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

            .table .thead-dark th {
                color: inherit;
                border-color: #dee2e6
            }
        }

        body {
            font-family: 'Source sans Pro', arial, sans-serif
        }

        body.active-menu {
            overflow-y: hidden
        }

        a:focus {
            outline: 0;
            text-decoration: none
        }

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

        a.page-link {
            color: #1c62b7;
            text-decoration: underline
        }

        a.underlined {
            border-bottom: 1px solid
        }

        a.underlined:hover {
            text-decoration: none
        }

        a.see-more:after {
            content: "\00BB";
            display: inline-block;
            padding-left: 5px
        }

        a.fat-arrow-link {
            display: block;
            padding: 25px 35px;
            background: #272727;
            color: #fff;
            font-size: 18px
        }

        a.fat-arrow-link:after,
        a.fat-arrow-link:before {
            content: " ";
            display: table
        }

        a.fat-arrow-link:after {
            clear: both;
            font: 50px/.8 FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f105";
            display: inline-block;
            float: right
        }

        a.fat-arrow-link span {
            display: inline-block;
            vertical-align: middle
        }

        @media only screen and (max-width:767px) {
            a.fat-arrow-link {
                font-size: 14px;
                padding-left: 20px
            }

            a.fat-arrow-link:after {
                font-size: 45px;
                margin-top: -9px
            }

            a.fat-arrow-link br {
                display: none
            }
        }

        a.form-link {
            font-size: 12px;
            color: #fff;
            font-style: italic;
            text-decoration: underline;
            font-weight: 400
        }

        p {
            font-size: 18px
        }

        p.heading {
            font-size: 20px;
            font-weight: 700
        }

        @media only screen and (max-width:767px) {
            p.heading {
                font-size: 15px;
                line-height: 1.5
            }

            .side-block.side-fix {
                display: none
            }
        }

        .block-tournement .list-elem {
            max-width: 900px;
            width: 100%;
            margin: 0 auto;
            display: block
        }

        .modal-contact iframe {
            width: 100%;
            border: 0;
            height: 500px
        }

        .form-control {
            height: 40px;
            border: 0;
            box-shadow: none;
            font-size: 16px
        }

        .input-group-addon {
            background: #2b2b2b;
            color: #fff;
            border: 0;
            width: 40px;
            padding: 0
        }

        .side-block-fixed.visible {
            position: fixed;
            top: 119px;
            z-index: 400;
            box-shadow: -2px 1px 1px #ccc
        }

        .side-fix.visible {
            position: fixed;
            top: 65px;
            z-index: 400;
            box-shadow: -2px 1px 1px #ccc
        }

        .input-group-addon button {
            background: 0 0;
            border: none;
            width: 40px;
            height: 40px;
            line-height: 42px;
            padding: 0;
            font-weight: 700;
            font-size: 16px
        }

        .blue .input-group-addon {
            background: #1c62b7
        }

        .provider-flex {
            display: flex
        }

        ::-moz-placeholder {
            color: #2d2d2d;
            font-weight: 400;
            opacity: 1
        }

        :-ms-input-placeholder {
            color: #2d2d2d;
            font-weight: 400
        }

        ::-webkit-input-placeholder {
            color: #2d2d2d;
            font-weight: 400
        }

        .form-control::-moz-placeholder {
            color: #2d2d2d;
            font-weight: 400;
            opacity: 1
        }

        .form-control:-ms-input-placeholder {
            color: #2d2d2d;
            font-weight: 400
        }

        .form-control::-webkit-input-placeholder {
            color: #2d2d2d;
            font-weight: 400
        }

        .selectpicker.blue+.bootstrap-select .btn .caret {
            background: #1c62b7
        }

        .selectpicker+.bootstrap-select {
            background: #e5e5e5;
            border-radius: 3px;
            color: #000
        }

        .selectpicker+.bootstrap-select .btn {
            background: 0 0;
            color: #2d2d2d !important;
            border: 0;
            text-shadow: none;
            height: 40px;
            box-shadow: none
        }

        .selectpicker+.bootstrap-select .btn .caret {
            display: inline-block;
            top: 0;
            right: 0;
            background: #2b2b2b;
            width: 40px;
            height: 40px;
            border: none;
            margin: 0;
            border-radius: 0 3px 3px 0
        }

        .selectpicker+.bootstrap-select .btn .caret:before {
            content: "\f107";
            display: inline-block;
            font: 35px/40px FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #fff
        }

        .selectpicker+.bootstrap-select .dropdown-menu {
            margin-top: -2px;
            border-radius: 0;
            background: #e5e5e5;
            padding: 0
        }

        .selectpicker+.bootstrap-select .dropdown-menu li {
            font-size: 16px
        }

        .selectpicker+.bootstrap-select .dropdown-menu li a {
            padding-top: 6px;
            padding-bottom: 6px
        }

        .selectpicker+.bootstrap-select .dropdown-menu li a:focus {
            outline: 0
        }

        .selectpicker+.bootstrap-select .dropdown-menu li.selected a {
            background: #2b2b2b;
            color: #fff
        }

        .horizontal-scroller {
            position: absolute;
            bottom: 21px;
            width: 100%;
            height: 10px
        }

        .horizontal-scroller .dragger {
            height: 6px;
            border-radius: 6px;
            background: #c7c7c7
        }

        ::-webkit-scrollbar {
            width: 6px
        }

        ::-webkit-scrollbar-thumb {
            width: 6px;
            border-radius: 6px;
            background: #c7c7c7
        }

        ::-webkit-scrollbar:horizontal {
            height: 6px
        }

        ::-webkit-scrollbar-thumb:horizontal {
            height: 6px;
            border-radius: 6px;
            background: #c7c7c7
        }

        .black-title {
            text-transform: uppercase;
            font-size: 14px;
            color: #000;
            font-weight: 700;
            clear: both
        }

        .black-title.large {
            font-size: 36px;
            font-weight: 400;
            text-transform: none
        }

        .black-title.large span:after {
            margin-top: 12px
        }

        @media only screen and (max-width:767px) {
            select.selectpicker {
                display: block !important;
                width: calc(100% - 50px);
                position: absolute;
                height: 40px;
                z-index: 2000;
                opacity: 0
            }

            .black-title.large {
                font-size: 20px
            }
        }

        .black-title.full span:after {
            width: 100%
        }

        .black-title.fat {
            font-size: 30px
        }

        .black-title.fat span:after {
            height: 10px;
            margin-top: 15px
        }

        .black-title span {
            display: inline-block
        }

        .black-title span:after {
            content: "";
            display: block;
            width: 40px;
            height: 3px;
            background: #000;
            margin-top: 5px
        }

        .double-arrow-list li>a {
            position: relative;
            color: #fff;
            height: 35px;
            box-sizing: content-box;
            display: block;
            line-height: 35px;
            padding-right: 15px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

        .double-arrow-list li>a:after {
            content: "\00BB";
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            line-height: 35px;
            color: #000;
            opacity: .4
        }

        .double-arrow-list li>a:active,
        .double-arrow-list li>a:focus,
        .double-arrow-list li>a:hover {
            font-weight: 700;
            text-decoration: none
        }

        .double-arrow-list li>a:active:after,
        .double-arrow-list li>a:focus:after,
        .double-arrow-list li>a:hover:after {
            opacity: 1;
            color: #fff;
            font-weight: 400
        }

        .double-arrow-list li.active a {
            font-weight: 700
        }

        .double-arrow-list li.active a:after {
            opacity: 1;
            color: #fff;
            font-weight: 400
        }

        .double-arrow-list.thin li>a {
            font-size: 18px;
            height: auto;
            overflow: visible;
            text-overflow: none;
            white-space: normal;
            line-height: 1.1;
            margin-bottom: 9px
        }

        .double-arrow-list.thin li>a span {
            border-bottom: 1px solid #e5e5e5;
            line-height: auto;
            display: inline-block;
            padding-bottom: 9px;
            width: calc(100% - 40px - 60px)
        }

        .double-arrow-list.thin li>a:after {
            opacity: 1;
            color: rgba(0, 0, 0, .4);
            border-bottom: 1px solid #e5e5e5;
            vertical-align: top;
            display: inline-block;
            width: 40px;
            text-align: center;
            line-height: 1.1;
            height: 100%
        }

        .double-arrow-list.thin li>a:hover {
            font-weight: 400
        }

        .double-arrow-list.thin li>a:hover:after {
            color: #000
        }

        .double-arrow-list.double-col {
            -webkit-column-count: 2;
            column-count: 2
        }

        @media only screen and (max-width:767px) {
            .black-title span:after {
                height: 1px;
                width: 25px
            }

            .double-arrow-list.double-col {
                -webkit-column-count: auto;
                column-count: auto
            }

            .double-arrow-list li>a,
            .double-arrow-list.thin li>a {
                font-size: 12px
            }

            .double-arrow-list.thin li>a span {
                width: calc(100% - 30px - 10px)
            }

            .double-arrow-list.thin li>a:after {
                width: 30px
            }
        }

        .bullet-list {
            padding-left: 30px
        }

        .bullet-list>li {
            margin-bottom: 7px
        }

        .bullet-list>li:before {
            font: 10px/1 FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f111";
            display: inline-block;
            vertical-align: top;
            width: 25px;
            padding-top: 7px
        }

        .bullet-list>li a {
            display: inline-block;
            font-size: 18px;
            border-bottom: 1px solid;
            padding-bottom: 5px;
            max-width: calc(100% - 25px - 4px)
        }

        .bullet-list>li a:hover {
            text-decoration: none
        }

        .black-numbers {
            counter-reset: item
        }

        .black-numbers>li {
            padding-left: 5px
        }

        .black-numbers>li span {
            display: inline-block;
            width: calc(100% - 30px - 20px);
            vertical-align: top
        }

        .black-numbers>li+li {
            margin-top: 35px
        }

        @media only screen and (max-width:767px) {
            .bullet-list {
                padding: 0
            }

            .bullet-list>li {
                margin-bottom: 5px
            }

            .bullet-list>li:before {
                width: 18px;
                font-size: 7px
            }

            .bullet-list>li a {
                font-size: 12px;
                padding-bottom: 3px;
                max-width: calc(100% - 18px - 3px)
            }

            .black-numbers>li+li {
                margin-top: 20px
            }
        }

        .black-numbers>li:before {
            display: inline-block;
            vertical-align: middle;
            content: "0" counter(item);
            counter-increment: item;
            width: 30px;
            margin-right: 20px;
            font-size: 48px;
            direction: rtl;
            line-height: 1.1;
            border-bottom: 3px solid;
            font-weight: 100;
            letter-spacing: -3px
        }

        .flexed {
            display: flex
        }

        @media only screen and (max-width:767px) {
            .black-numbers>li:before {
                font-size: 24px;
                width: 15px;
                letter-spacing: -2px;
                border-bottom-width: 2px;
                margin-right: 15px
            }

            .flexed {
                display: block
            }

            .flexed>* {
                display: block;
                width: 100%
            }
        }

        .flexed-row {
            display: flex
        }

        .col-sm-7.pc55 {
            width: 55%
        }

        .col-sm-5.pc45 {
            width: 45%
        }

        @media only screen and (max-width:767px) {
            .flexed-row>* {
                display: block;
                width: 100%
            }

            .flexed-row {
                display: block;
                flex-direction: row !important;
                display: flex
            }

            .no-mobile-bottom-padding {
                padding-bottom: 0 !important
            }

            .no-mobile-top-padding {
                padding-top: 0 !important
            }

            .small-logo .main-header .main-nav .main-nav__list>li.home a {
                border-width: 5px;
                height: 65px;
                width: 65px
            }
        }

        .teal-block {
            background: #f5f5f5;
            color: #333;
            padding: 15px
        }

        .teal-block a {
            color: #333 !important
        }

        .modal .modal-dialog {
            width: 1000px
        }

        @media only screen and (max-width:991px) {
            .modal .modal-dialog {
                width: auto
            }

            .side-block.side-block-fixed {
                display: none
            }
        }

        .modal .modal-content {
            background: #fff;
            box-shadow: none;
            border: 0
        }

        .modal .modal-content .close {
            width: 30px;
            height: 30px;
            background:
                /*savepage-url=close.png*/
                url() 0 0/100%;
            opacity: 1;
            top: 18px;
            right: 15px;
            z-index: 15;
            position: absolute
        }

        .block-modal {
            display: inline-block
        }

        .block-modal+.block-modal {
            margin-left: 80px
        }

        .block-modal .block-content {
            margin-bottom: 25px
        }

        .provider-flex .general:nth-child(2) {
            width: 670px
        }

        .provider-flex .general:nth-child(1) .img-contact.bed,
        .provider-flex .general:nth-child(2) .img-contact.bars {
            display: none
        }

        .provider-flex .general:nth-child(2) .block-modal .block-content {
            float: left;
            width: 50%
        }

        .modal-content .provider-info .general {
            padding-right: 40px;
            border-right: 1px solid #ccc
        }

        .modal-content .provider-info .price {
            position: relative;
            top: 0
        }

        .modal-content .provider-info .general+.general {
            padding-right: 0;
            border-left: 1px solid #ccc;
            border-right: initial;
            margin-left: -1px;
            padding-left: 40px
        }

        .block-modal .block-content .site .phone,
        .block-modal .block-content .site a {
            color: #444;
            font-size: 18px
        }

        .title-contact {
            font-size: 24px;
            text-transform: uppercase;
            color: #444;
            margin-top: 0;
            margin-bottom: 20px;
            font-weight: 300
        }

        .title-label-contact {
            color: #4c2077;
            font-size: 18px;
            font-weight: 700;
            text-transform: uppercase;
            margin: 0
        }

        .pagination {
            font-size: 20px;
            font-weight: 100;
            padding-top: 15px
        }

        .pagination .further,
        .pagination .pages {
            display: inline-block;
            vertical-align: middle
        }

        .pagination .further>a,
        .pagination .pages>a {
            color: #000;
            display: inline-block;
            padding: 0 8px
        }

        .pagination .further>a.active,
        .pagination .pages>a.active {
            font-weight: 700
        }

        .pagination .further>a:hover,
        .pagination .pages>a:hover {
            text-decoration: none
        }

        .pagination .further a {
            font-size: 16px;
            padding: 0 3px
        }

        @font-face {
            font-family: project-icons;
            font-weight: 400;
            font-style: normal
        }

        [data-icon]:before {
            font-family: project-icons !important;
            content: attr(data-icon);
            font-style: normal !important;
            font-weight: 400 !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        [class*=' fdf-']:before,
        [class^=fdf-]:before {
            font-family: project-icons !important;
            font-style: normal !important;
            font-weight: 400 !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .fdf-cross:before {
            content: "a"
        }

        .fdf-user:before {
            content: "c"
        }

        .fdf-logout:before {
            content: "d"
        }

        .fdf-noun-13707:before {
            content: "b"
        }

        .fdf-down-down:before {
            content: "e"
        }

        .fdf-burger:before {
            content: "f"
        }

        .fdf-flocons:before {
            content: "g"
        }

        .fdf-avion:before {
            content: "i"
        }

        .fdf-collecte:before {
            content: "h"
        }

        .btn {
            font-size: 15px;
            text-transform: uppercase;
            font-family: 'Roboto Condensed';
            font-weight: 300
        }

        .btn.btn-default-w {
            padding: 10px;
            border-radius: 10px;
            border: 1px solid #777;
            font-weight: 400;
            font-size: 14px;
            background: #fff;
            height: 40px;
            color: #272727
        }

        .btn.btn-default-w:hover {
            background: #2d2d2d;
            color: #fff
        }

        .btn.btn-transparent {
            background: 0 0;
            border: 1px solid #fff;
            color: #fff
        }

        .btn.btn-transparent-pink {
            background: 0 0;
            border: 1px solid #a42069;
            color: #a42069;
            border-radius: 3px
        }

        .btn.btn-transparent-pink.btn-small {
            font-size: 10px
        }

        .btn.btn-purple {
            background: #a42069;
            color: #fff;
            font-size: 18px;
            border-radius: 3px;
            box-shadow: inset 0 -1px 0 0 #75174b
        }

        .btn.btn-grey {
            background: #d3d3d3;
            color: #333;
            font-size: 18px;
            border-radius: 3px;
            box-shadow: inset 0 -1px 0 0 #b4b4b4
        }

        .btn.btn-blue {
            background: #1c62b7;
            color: #fff;
            font-size: 16px;
            padding-top: 9px
        }

        .btn.btn-full {
            width: 100%
        }

        .btn.btn-white-normal {
            background: #fff;
            color: #1c62b7;
            font-size: 16px
        }

        .btn.btn-white-link {
            background: #fff;
            color: #000;
            font-size: 24px;
            border-radius: 5px;
            border: 1px solid #777;
            height: auto;
            padding: 10px 15px;
            text-align: left
        }

        .btn.btn-circle {
            border-radius: 50%;
            background: #4c2077;
            white-space: normal
        }

        .btn.btn-big.btn-circle {
            width: 185px;
            height: 185px
        }

        .btn.toggle-btn {
            position: relative
        }

        .btn.toggle-btn:after {
            content: "";
            background-size: cover;
            width: 9px;
            height: 15px;
            display: block;
            position: absolute;
            top: 10px;
            right: 22px;
            transition-duration: .2s
        }

        .btn.toggle-btn.open:after {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }

        .btn.btn-green-arrow {
            background: #4c2077;
            color: #fff;
            height: auto;
            font-size: 18px;
            position: relative;
            text-align: left;
            font-weight: 700
        }

        .btn.btn-green-arrow:after {
            display: inline-block;
            font: 40px/.9 FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f105";
            position: absolute;
            top: 1px;
            right: 10px
        }

        .btn.btn-blue-arrow {
            background: #1c62b7;
            color: #fff;
            height: auto;
            font-size: 18px;
            position: relative;
            text-align: left;
            font-weight: 700
        }

        .btn.btn-blue-arrow:after {
            display: inline-block;
            font: 40px/.9 FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f105";
            position: absolute;
            top: 1px;
            right: 10px
        }

        .btn.btn-white {
            background: #fff;
            color: #000;
            font-size: 18px;
            position: relative
        }

        .btn.btn-white:after {
            display: inline-block;
            font: 40px/.9 FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f105";
            position: absolute;
            top: 1px;
            right: 10px
        }

        .big-fat-arrow-btn {
            display: block;
            color: #fff;
            font-size: 24px;
            border-radius: 3px;
            white-space: nowrap;
            overflow: hidden
        }

        .big-fat-arrow-btn span {
            display: inline-block;
            padding: 22px 30px;
            white-space: normal;
            width: 75%
        }

        .big-fat-arrow-btn span strong {
            display: block
        }

        @media only screen and (max-width:1199px) {
            .big-fat-arrow-btn span {
                padding: 22px
            }
        }

        .big-fat-arrow-btn:after {
            content: "\f105";
            font: 20px/1 FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: inline-block;
            vertical-align: top;
            padding: 22px 0 0;
            width: 25%;
            text-align: center
        }

        .big-fat-arrow-btn:hover {
            text-decoration: none;
            color: #fff
        }

        .big-fat-arrow-btn.green {
            background: #008f44
        }

        .big-fat-arrow-btn.green span {
            background: #1ea556
        }

        .big-fat-arrow-btn.blue {
            background: #00397c
        }

        .big-fat-arrow-btn.blue span {
            background: #005ca9
        }

        .form-group {
            margin-bottom: 30px;
            color: #000
        }

        @media only screen and (max-width:767px) {
            .big-fat-arrow-btn span {
                font-size: 15px;
                padding: 15px;
                width: 88%
            }

            .big-fat-arrow-btn span strong {
                display: inline
            }

            .big-fat-arrow-btn:after {
                padding: 4px 0 0;
                font-size: 40px;
                width: 12%
            }

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

        .form-group:last-child {
            margin-bottom: 0
        }

        .form-group .input-form {
            padding-left: 0
        }

        .form-group .error input,
        .form-group .error textarea {
            background: #fff;
            border: 1px solid #e98f8f;
            box-shadow: inherit;
            color: #000
        }

        .form-horizontal .form-control {
            background: #fff;
            border: 1px solid #e9e9e9
        }

        .form-horizontal .form-control:focus {
            background: #e9e9e9;
            border: 1px solid #e9e9e9;
            box-shadow: inherit;
            color: #000
        }

        .form-horizontal .control-label {
            text-align: left;
            font-size: 16px;
            font-weight: 400
        }

        .form-horizontal .form-control::-webkit-input-placeholder {
            color: #aaa;
            font-weight: 400
        }

        .text-required {
            font-size: 16px
        }

        @media only screen and (max-width:767px) {
            .form-group .input-form {
                padding-left: 15px
            }

            .form-horizontal .form-control .control-label {
                font-size: 15px
            }

            .text-required {
                margin-bottom: 25px
            }
        }

        .pull-right {
            float: right !important
        }

        .pull-left {
            float: left !important
        }

        .hide {
            display: none !important
        }

        .show {
            display: block !important
        }

        .hidden {
            display: none !important;
            visibility: hidden !important
        }

        .affix {
            position: fixed
        }

        .main-header .block-links .block-linkbody {
            padding-top: 65px
        }

        .main-header {
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            border-top: 3px solid #e2e2e2;
            padding: 8px 10px 0 40px;
            height: 65px;
            background-color: #fff;
            z-index: 100
        }

        .main-header .home-link {
            margin-right: 75px;
            transition: -webkit-transform .3s ease;
            transition: transform .3s ease;
            transition: transform .3s ease, -webkit-transform .3s ease
        }

        .main-header .home-link:hover {
            text-decoration: none;
            -webkit-transform: translateY(-2px);
            transform: translateY(-2px)
        }

        .main-header .main-nav {
            display: inline-block;
            vertical-align: top;
            margin-top: -8px
        }

        @media only screen and (max-width:991px) {
            .main-header {
                padding: 0
            }

            .modal-content .provider-info .general {
                padding-right: 40px;
                border-right: 0
            }

            .main-header .home-link {
                margin-right: 0 !important;
                position: relative
            }

            .main-header .home-link img {
                height: 35px !important
            }

            .main-header .home-link:before {
                content: '';
                height: 3px;
                background: #4c2077;
                width: 72px;
                position: absolute;
                top: -18px
            }

            .main-header .main-nav.navigation li:first-child {
                display: none
            }

            .main-header .main-nav.navigation span {
                padding: 5px 0 !important
            }
        }

        .main-header .main-nav .main-nav-link {
            display: block;
            padding: 22px 0 0;
            color: #333;
            font-size: 17px;
            font-family: 'Roboto Condensed';
            border-top: 3px solid transparent;
            margin-top: -3px
        }

        .main-header .main-nav .main-nav-link span {
            display: inline-block;
            padding: 5px 18px;
            margin-top: -8px;
            border-radius: 5px
        }

        @media only screen and (max-width:1300px) {
            .main-header .main-nav .main-nav-link span {
                padding: 5px
            }
        }

        .main-header .main-nav .main-nav-link:hover {
            border-color: #4c2077;
            text-decoration: none
        }

        .main-header .main-nav .main-nav-link.purple {
            border-color: transparent
        }

        .main-header .main-nav .main-nav-link.purple span {
            background: #a42069;
            color: #fff
        }

        .main-header .main-nav li+li .main-nav-link {
            margin-left: 0
        }

        @media only screen and (max-width:991px) {
            .main-header .main-nav .main-nav-link span {
                font-size: 12px
            }

            .main-header .main-nav .main-nav-link {
                padding: 0 7px
            }

            .main-header .main-nav li+li .main-nav-link {
                margin-left: 0;
                padding-top: 19px
            }

            .main-header .main-nav .lang {
                display: none
            }
        }

        .main-header .main-nav .lang {
            text-transform: uppercase;
            font-size: 12px;
            color: #666;
            display: none;
            border-left: 1px solid #e2e2e2;
            padding: 8px 14px;
            margin-right: -14px
        }

        .main-header .main-nav .lang img {
            width: 15px;
            margin-right: 5px;
            vertical-align: top;
            margin-top: 3px
        }

        .main-header .block-links {
            float: right
        }

        .main-header .block-links li {
            padding: 0
        }

        .main-header .block-links .block-link {
            height: 43px;
            display: inline-block;
            border: 1px solid #cfcfcf;
            border-radius: 3px;
            color: #8d8d8d;
            padding: 0 15px;
            line-height: 41px;
            vertical-align: top;
            font-size: 16px;
            font-family: 'Roboto Condensed'
        }

        .main-header .block-links .block-link>* {
            display: inline-block;
            vertical-align: middle
        }

        .main-header .block-links .block-link+.block-link {
            margin-left: 8px
        }

        .main-header .block-links .block-link .telecommande {
            margin-right: 8px
        }

        .main-header .block-links .block-link:hover {
            text-decoration: none
        }

        .main-header .block-links .block-link.purple {
            background: #4c2077;
            border-color: #4c2077;
            color: #fff
        }

        .main-header .block-links .block-link span+i {
            margin-left: 10px;
            font-size: 20px
        }

        .main-footer {
            background: top center #fff;
            padding: 20px 30px 0
        }

        .main-footer .block-footer-first {
            margin-bottom: 15px
        }

        .main-footer .logo-footer {
            display: inline-block
        }

        .main-footer .logo-footer:hover {
            text-decoration: none
        }

        .main-footer .logo-footer:after {
            content: "";
            display: block;
            width: 80px;
            height: 3px;
            background: #9342da;
            margin-top: 0;
            margin-bottom: -3px
        }

        .main-footer .logo-footer img {
            width: 80px;
            margin-bottom: 13px;
            display: block
        }

        .main-footer .nav-footer {
            margin-top: 9px
        }

        .main-footer .nav-footer li {
            padding: 0
        }

        .main-footer .nav-footer li a {
            color: #4c2077;
            padding: 5px 20px 5px 5px;
            margin-right: -3px
        }

        .main-footer .nav-footer li:nth-child(4) a {
            border: 0;
            padding-left: 0
        }

        .main-footer .nav-footer li+li a {
            border-left: 1px solid #e5e5e5;
            padding-left: 20px
        }

        .main-footer .nav-social ul {
            padding-top: 5px
        }

        .main-footer .nav-social ul li+li {
            margin-left: 10px;
            margin-bottom: 5px
        }

        .main-footer .nav-social .fa {
            color: #4c2077;
            font-size: 20px;
            padding-top: 5px;
            vertical-align: top;
            margin-right: 20px
        }

        @media only screen and (max-width:991px) {
            .main-header .block-links li+li {
                display: none
            }

            .main-header .block-links .main-nav .main-nav-link {
                padding: 19px 0 0
            }

            .main-footer {
                border-top: 1px solid #f0f0f0
            }

            .main-footer .block-footer-first {
                text-align: center
            }

            .main-footer .nav-footer {
                width: 240px;
                margin: 9px auto 0;
                float: initial !important
            }

            .main-footer .nav-footer li a {
                padding-left: 20px
            }

            .main-footer .nav-footer li+li a {
                margin-bottom: 5px;
                display: inline-block
            }

            .main-footer .nav-social {
                margin-bottom: 10px
            }

            .main-footer .nav-social ul li:nth-child(6) .fa {
                margin-right: 0
            }

            .main-footer .nav-social .fa {
                margin-right: 14px;
                margin-bottom: 15px
            }
        }

        .main-footer .nav-social .link-app img {
            width: 90px
        }

        .main-footer .nav-social .logo-d {
            width: 14px;
            vertical-align: top;
            margin-top: 6px;
            margin-right: 16px
        }

        .main-footer .block-links {
            float: right
        }

        .main-footer .block-links .block-link {
            height: 43px;
            display: inline-block;
            border: 1px solid #cfcfcf;
            border-radius: 3px;
            color: #8d8d8d;
            padding: 0 15px;
            line-height: 41px;
            vertical-align: top;
            font-size: 16px;
            font-family: 'Roboto Condensed'
        }

        .main-footer .block-links .block-link>* {
            display: inline-block;
            vertical-align: middle
        }

        .main-footer .block-links .block-link+.block-link {
            margin-left: 8px
        }

        .main-footer .block-links .block-link .telecommande {
            margin-right: 8px
        }

        .main-footer .block-links .block-link:hover {
            text-decoration: none
        }

        .main-footer .block-links .block-link.purple {
            background: #4c2077;
            border-color: #4c2077;
            color: #fff
        }

        .main-footer .block-links .block-link.purple-white {
            color: #4c2077;
            border-color: #4c2077
        }

        .main-footer .block-links .block-link span+i {
            margin-left: 10px;
            font-size: 20px
        }

        @media only screen and (max-width:991px) {
            .main-footer .block-links {
                width: 254px;
                margin: 0 auto;
                float: inherit !important
            }

            .main-footer .block-links .block-link {
                margin-bottom: 6px;
                padding: 0 9px
            }

            .main-footer .block-links .block-link+.block-link {
                margin-left: 0
            }

            .main-footer .block-links .block-link span+i {
                display: none
            }

            .main-footer .block-footer-social {
                text-align: center;
                display: flex;
                flex-direction: column-reverse
            }

            .main-footer .block-footer-social .pull-left {
                float: inherit !important
            }
        }

        .main-footer .list-site {
            margin-left: 40px;
            font-size: 13px;
            color: #8e8e8e;
            margin-top: 13px
        }

        .page-home .media-holder {
            height: 100%
        }

        .main-footer .list-site li+li {
            border-left: 1px solid #cacaca
        }

        .main-footer .list-site li a {
            color: #8e8e8e
        }

        .page-home {
            height: 100%
        }

        .home-container {
            height: 100%
        }

        @media only screen and (max-width:991px) {
            .main-footer .list-site {
                margin-left: 0;
                font-size: 11px;
                float: inherit !important
            }

            .page-home .media-holder {
                height: 100%
            }

            .page-home .main-footer {
                display: block
            }

            .home-container {
                height: auto
            }
        }

        .media-holder {
            background: #000;
            position: relative;
            height: 800px
        }

        .media-holder .item.video {
            background-size: cover
        }

        .media-holder .slideshow {
            height: 100%
        }

        .page-home .media-holder .slideshow {
            position: relative
        }

        @media only screen and (max-width:991px) {
            .media-holder {
                background: inherit
            }

            .media-holder .slideshow {
                height: 350px;
                background-color: #000
            }

            .page-home .media-holder .slideshow:after {
                height: 0
            }
        }

        .media-holder .carousel-inner>.item>.img,
        .media-holder .carousel-inner>.item>a>.img,
        .media-holder .img-responsive,
        .media-holder .thumbnail a>.img,
        .media-holder .thumbnail>.img {
            height: 100%;
            max-width: none;
            margin: 0 auto
        }

        .media-holder .carousel-inner,
        .media-holder .carousel-inner>.item {
            height: 100%
        }

        .media-holder .carousel-caption {
            text-shadow: none;
            left: 40px;
            top: 20%;
            right: auto;
            bottom: auto;
            text-align: left
        }

        .media-holder .carousel-caption .category {
            font-size: 40px;
            font-family: 'Roboto Condensed';
            margin-bottom: 10px
        }

        @media only screen and (max-width:991px) {
            .media-holder .carousel-caption {
                left: 15px;
                bottom: 35px;
                top: initial
            }

            .media-holder .carousel-caption .category {
                font-size: 18px
            }
        }

        .media-holder .carousel-caption .title {
            font-size: 84px;
            font-weight: 700;
            line-height: 77px;
            text-transform: uppercase;
            margin-bottom: 30px;
            height: 230px
        }

        @media only screen and (max-width:991px) {
            .media-holder .carousel-caption .title {
                font-size: 36px;
                line-height: .9;
                height: inherit;
                margin-bottom: 10px
            }
        }

        .media-holder .carousel-caption .btn {
            font-size: 24px;
            padding: 16px 22px
        }

        .media-holder .carousel-indicators {
            left: 40px;
            top: 65%;
            bottom: auto;
            margin: 0;
            text-align: left
        }

        @media only screen and (max-width:991px) {
            .media-holder .carousel-caption .btn {
                font-size: 14px;
                padding: 13px 22px
            }

            .media-holder .carousel-indicators {
                left: 15px;
                bottom: 20px;
                top: inherit
            }
        }

        .media-holder .carousel-indicators li {
            border: 0;
            background: #fff;
            opacity: .5;
            width: 10px !important;
            height: 10px !important;
            margin: 0 6px 0 0
        }

        .media-holder .carousel-indicators li.active {
            opacity: 1
        }

        .media-holder .news-list {
            position: absolute;
            left: 40px;
            bottom: 35px;
            z-index: 2
        }

        .main-header .main-nav .main-nav-link.discover nav {
            display: none
        }

        .main-header .main-nav .main-nav-link.discover:hover nav {
            display: block
        }

        .media-holder .news-list .news+.news {
            margin-left: 5px
        }

        .media-holder .news-list .news-link {
            display: block;
            border: 1px solid #fff;
            border-radius: 3px;
            background: rgba(255, 255, 255, .8);
            padding: 4px;
            white-space: nowrap;
            color: #333;
            line-height: 0;
            transition-duration: .2s
        }

        .media-holder .news-list .news.external .news-link {
            background: rgba(0, 0, 0, .6);
            border-color: rgba(0, 0, 0, .6);
            color: #fff
        }

        .media-holder .news-list .news.external .title,
        .media-holder .news-list .news.external p {
            color: #fff
        }

        .media-holder .news-list .news-link a {
            color: #333
        }

        .media-holder .news-list .news-link .text p {
            font-size: 15px
        }

        @media only screen and (max-width:1024px) {
            .media-holder .news-list .news {
                margin-bottom: 5px;
                padding-left: 0
            }

            .media-holder .news-list .news+.news {
                margin-left: 0;
                padding-left: 0
            }
        }

        @media only screen and (max-width:991px) {
            .media-holder .news-list {
                position: static;
                padding-top: 5px;
                max-width: 470px;
                margin: 0 auto
            }

            .media-holder .news-list .news {
                display: block;
                margin-left: 5px;
                margin-bottom: 0;
                padding-left: 5px
            }

            .media-holder .news-list .news-link {
                white-space: normal
            }

            .media-holder .news-list .news+.news {
                margin-left: 5px;
                padding-left: 5px;
                margin-top: 5px
            }

            .media-holder .news-list .news-link .text p {
                font-size: 18px
            }
        }

        .media-holder .news-list .news-link .image {
            display: inline-block;
            width: 150px;
            height: 110px;
            background: center center/cover no-repeat
        }

        @media (min-width:1020px) and (max-width:1142px) {
            .media-holder .news-list .news-link .image {
                display: none
            }
        }

        .media-holder .news-list .news-link .title {
            text-transform: uppercase;
            font-size: 13px;
            margin-bottom: 5px;
            display: block
        }

        .media-holder .news-list .news-link .text {
            display: inline-block;
            vertical-align: top;
            width: 180px;
            white-space: normal;
            padding: 12px;
            font-size: 16px;
            line-height: 20px;
            font-family: 'Roboto Condensed'
        }

        .media-holder .news-list .news-link .text:after {
            content: "";
            display: block;
            width: 40px;
            height: 3px;
            background: #9342da
        }

        .media-holder .news-list .news-link:hover {
            text-decoration: none
        }

        .media-holder:after {
            content: "";
            position: absolute;
            height: 30%;
            width: 100%;
            bottom: 0;
            left: 0;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%)
        }

        .side-block {
            width: 214px;
            position: absolute;
            right: 0;
            top: 80px
        }

        @media only screen and (max-width:991px) {
            .media-holder .news-list .news-link .text {
                width: calc(100% - 160px);
                padding-bottom: 0;
                padding-top: 5px;
                padding-right: 0
            }

            .media-holder .news-list .news-link .text p {
                font-size: 16px
            }

            .media-holder:after {
                background: inherit
            }

            .side-block {
                position: static;
                width: 100%;
                margin-top: 0 !important
            }

            .side-block .side--abonnement .sm-img {
                float: left;
                width: 50%;
                padding-right: 15px
            }

            .side-block .side--abonnement .block-price {
                float: left;
                width: 50%
            }

            .side-block .side--abonnement .btn {
                max-width: 330px;
                margin: 0 auto;
                width: 100%
            }
        }

        .side-block .side-link {
            display: block;
            color: inherit
        }

        .side-block .side-link:hover {
            text-decoration: none
        }

        .side-block .side--abonnement {
            background: #f0f0f0;
            text-align: center;
            overflow: hidden;
            padding-bottom: 15px
        }

        .side-block .side--abonnement .content-link {
            padding: 20px 22px 0
        }

        .side-block .side--abonnement .sm-img {
            max-width: 100%;
            margin-bottom: 10px
        }

        @media only screen and (min-width:991px) {
            .page-rugby .sport-tabs .sport-tabs--menu {
                padding: 70px 30px 15px 20px
            }
        }

        .side-block .side--abonnement .btn {
            display: block
        }

        .side-block .side--abonnement .price {
            color: #4c2077;
            font-weight: 900;
            font-size: 30px;
            white-space: nowrap;
            line-height: 1
        }

        @media only screen and (max-width:767px) {
            .side-block .side--abonnement .block-text {
                float: left;
                width: 50%
            }

            .side-block .side--abonnement .price {
                font-size: 34px
            }
        }

        .side-block .side--abonnement .asterisk {
            font-size: 11px;
            display: inline-block;
            vertical-align: top;
            line-height: 1.5;
            color: #333;
            font-weight: 600;
            font-family: 'Source sans Pro', arial, sans-serif
        }

        .side-block .side--abonnement .subtext {
            font-size: 20px;
            font-weight: 700;
            color: #4c2077;
            font-family: 'Roboto Condensed'
        }

        @media only screen and (max-width:767px) {
            .side-block .side--abonnement .subtext {
                font-size: 15.5px
            }
        }

        .side-block .side--abonnement .types {
            font-weight: 700;
            font-size: 16px;
            letter-spacing: -.1pt;
            color: #4c2077;
            margin-top: 5px;
            margin-bottom: 12px;
            padding-top: 5px;
            border-top: 1px solid silver
        }

        @media only screen and (max-width:767px) {
            .side-block .side--abonnement .types {
                font-size: 13px
            }
        }

        .side-block .side--offre {
            background: #f0f0f0;
            padding: 0 15px 5px;
            text-align: left;
            overflow: hidden
        }

        @media only screen and (max-width:991px) {
            .side-block .side--offre {
                overflow: hidden
            }

            .media-holder .news-list .news-link {
                border: 1px solid #ddd;
                background: rgba(238, 238, 238, .8)
            }

            .side-block .side--offre .offre-info {
                overflow: hidden;
                width: 180px;
                margin: 0 auto
            }
        }

        .side-block .side--offre .img-block,
        .side-block .side--offre .txt-block {
            float: left
        }

        .side-block .side--offre .txt-block {
            padding-left: 8px;
            margin-left: 8px;
            border-left: 1px solid silver
        }

        .side-block .side--offre .bandeau {
            position: relative;
            background: #333;
            color: #fff;
            font-weight: 100;
            font-size: 14px;
            text-align: center;
            display: inline-block;
            padding: 2px 16px 2px 18px;
            margin-left: -20px;
            margin-bottom: 20px
        }

        .side-block .side--offre .bandeau:before {
            content: "";
            position: absolute;
            left: 0;
            top: 100%;
            height: 9px;
            width: 6px;
            background: url('data:image/svg+xml;utf8,<svg width="6" height="9" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h6v9L0 0z"/></svg>')
        }

        .side-block .side--offre .price {
            font-size: 22px;
            color: #333
        }

        .side-block .side--offre .price .asterisk {
            color: #4c2077
        }

        .side-block .side--offre .btn {
            margin-top: 10px;
            margin-bottom: 5px
        }

        .side-block .side--offre .subtext {
            font-size: 11px;
            color: #333;
            height: 20px;
            padding: 3px;
            margin-top: -9px
        }

        .side-block .side--offre small.asterisk {
            font-size: 10px;
            margin-top: 15px;
            padding-left: 2px
        }

        .side-block .side--subscribe {
            background: #a42069;
            color: #fff;
            text-align: left;
            padding: 20px 22px
        }

        .side-block .side--subscribe .title-subscribe {
            overflow: hidden
        }

        .side-block .side--subscribe .title-subscribe .number {
            font-size: 58px;
            font-weight: 700;
            float: left;
            margin-top: -19px
        }

        .side-block .side--subscribe .title-subscribe .text {
            font-family: 'Roboto Condensed';
            font-size: 18px;
            text-transform: uppercase;
            float: left;
            width: 120px;
            margin-left: 5px
        }

        .side-block .side--subscribe .info {
            text-transform: uppercase;
            font-size: 16px;
            margin-bottom: 10px
        }

        .all-sports .title-header,
        .discover .title-header,
        .sport .title-header {
            overflow: hidden;
            padding: 35px 40px 50px;
            background: #fdfdfd;
            border-top: 1px solid #e5e5e5
        }

        @media only screen and (max-width:991px) {
            .side-block .side--offre .bandeau:before {
                left: -1px
            }

            .side-block .side--subscribe .info {
                margin-left: 38px
            }

            .discover {
                padding-top: 0
            }
        }

        .all-sports .title-header .title,
        .discover .title-header .title,
        .sport .title-header .title {
            font-size: 60px;
            color: #4c2077;
            font-weight: 700;
            float: left;
            margin: 0;
            text-transform: uppercase
        }

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

            .all-sports .title-header .title,
            .discover .title-header .title,
            .sport .title-header .title {
                float: inherit;
                font-size: 40px
            }
        }

        .all-sports .title-header .title span:after,
        .discover .title-header .title span:after,
        .sport .title-header .title span:after {
            content: "";
            display: block;
            width: 95px;
            height: 3px;
            background: #c7c7c7;
            margin-top: 5px
        }

        .all-sports .title-header .text,
        .discover .title-header .text,
        .sport .title-header .text {
            float: right;
            color: #9f9f9f;
            font-size: 36px;
            margin-top: 15px
        }

        .side-sport .side-block {
            top: 310px
        }

        .side-sport .side-block.visible {
            top: 65px
        }

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

            .all-sports .title-header .text,
            .discover .title-header .text,
            .sport .title-header .text {
                float: inherit;
                font-size: 20px;
                display: block;
                margin-top: 8px
            }

            .all-sports .title-header,
            .discover .title-header,
            .sport .title-header {
                padding: 35px 15px 20px
            }
        }

        .all-sports .content-header,
        .discover .content-header,
        .sport .content-header {
            min-height: 635px;
            color: #fff;
            font-family: 'Roboto Condensed';
            padding: 0 40px;
            background-size: cover;
            background-position: top center;
            overflow: hidden;
            position: relative
        }

        .all-sports .content-header h3,
        .discover .content-header h3,
        .sport .content-header h3 {
            color: #fff;
            font-family: 'Roboto Condensed';
            font-size: 40px;
            font-weight: 700;
            margin-bottom: 25px;
            margin-top: 115px
        }

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

            .all-sports .content-header,
            .discover .content-header,
            .sport .content-header {
                padding: 0 12px
            }

            .all-sports .content-header h3,
            .discover .content-header h3,
            .sport .content-header h3 {
                font-size: 20px
            }
        }

        .all-sports .content-header p,
        .discover .content-header p,
        .sport .content-header p {
            font-size: 24px;
            font-family: 'Roboto Condensed'
        }

        .all-sports .content-header .block-text,
        .discover .content-header .block-text,
        .sport .content-header .block-text {
            max-width: 630px
        }

        .all-sports .content-header .block-text .title,
        .discover .content-header .block-text .title,
        .sport .content-header .block-text .title {
            font-size: 60px;
            color: #fff;
            font-weight: 700;
            margin: 0 0 30px
        }

        .all-sports .content-header .block-text .title span:after,
        .discover .content-header .block-text .title span:after,
        .sport .content-header .block-text .title span:after {
            content: "";
            display: block;
            width: 95px;
            height: 3px;
            background: #fff;
            margin-top: 5px
        }

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

            .all-sports .content-header p,
            .discover .content-header p,
            .sport .content-header p {
                font-size: 14px
            }

            .all-sports .content-header .block-text .title,
            .discover .content-header .block-text .title,
            .sport .content-header .block-text .title {
                font-size: 30px;
                margin-bottom: 20px
            }

            .all-sports .content-header,
            .discover .content-header,
            .sport .content-header {
                min-height: 0;
                height: 275px
            }
        }

        .discover .content-header h3 {
            margin-top: 0;
            font-size: 30px;
            margin-bottom: 10px
        }

        @media only screen and (max-width:991px) {
            .discover .content-header h3 {
                font-size: 20px
            }
        }

        .discover .content-header p {
            font-size: 22px;
            line-height: 1.3
        }

        .discover .content-header .block-text {
            position: absolute;
            bottom: 30px
        }

        @media only screen and (max-width:991px) {
            .discover .content-header p {
                font-size: 14px;
                padding-right: 12px
            }

            .discover .content-header .block-text {
                bottom: 0
            }

            .anchor-responsive {
                overflow-x: auto
            }

            .discover .anchor-list {
                overflow-x: auto;
                padding-left: 0;
                width: 1040px
            }

            .anchor-list .anchor+.anchor {
                margin-left: 10px
            }
        }

        .anchor-list {
            background: #f0f0f0;
            padding: 12px 0 12px 239px;
            position: fixed;
            top: 65px;
            width: 100%;
            z-index: 30;
            display: none
        }

        @media only screen and (max-width:1024px) {
            .anchor-list {
                padding: 12px 0 12px 69px
            }

            .page-home .anchor-list {
                display: none !important
            }
        }

        .anchor-list .anchor {
            font-size: 15px;
            color: #444;
            display: inline-block;
            padding: 5px 20px 4px;
            border-bottom: 3px solid transparent;
            border-radius: 3px
        }

        .anchor-list .anchor+.anchor {
            margin-left: 80px
        }

        .anchor-list .anchor.selected,
        .anchor-list .anchor:hover {
            color: #fff;
            background-color: #4c2077;
            text-decoration: none
        }

        .title-block {
            padding: 40px
        }

        .title-block .title {
            font-size: 50px;
            font-weight: 600;
            color: #444;
            margin-top: 0;
            margin-bottom: 5px
        }

        @media only screen and (max-width:991px) {
            .title-block {
                padding: 20px 15px
            }

            .title-block .title {
                font-size: 30px
            }
        }

        .title-block .subtitle {
            font-size: 20px;
            color: #444
        }

        .block--all-sports .filters {
            padding: 0 0 0 40px
        }

        .block--all-sports .filters .filter {
            font-family: 'Source sans Pro';
            display: inline-block;
            font-size: 20px;
            font-weight: 100;
            height: 40px;
            border-radius: 40px;
            background: #f0f0f0;
            padding-left: 25px;
            padding-right: 25px;
            line-height: 24px;
            vertical-align: top;
            color: #333
        }

        .block--all-sports .filters .filter.active,
        .block--all-sports .filters .filter.filter-dropdown {
            box-shadow: none;
            background: #4c2077;
            font-weight: 700;
            color: #fff
        }

        #block-experts .block--all-sports .filters {
            margin-bottom: 0;
            padding: 0 40px
        }

        #block-experts .block--all-sports .filters .filter.filter-dropdown,
        .block-experts .block--all-sports .filters .filter:hover {
            background: #adadad;
            border-radius: 0
        }

        .block--all-sports .filters .filter:hover {
            background: #4c2077;
            color: #fff
        }

        @media only screen and (max-width:991px) {
            .title-block .subtitle {
                font-size: 14px
            }

            .block--all-sports .filters {
                padding: 0 15px;
                margin-bottom: 10px
            }

            #block-experts .block--all-sports .filters {
                margin-bottom: 0;
                padding: 0
            }

            .block--all-sports .filters ul {
                margin: 5px 0 0;
                background: rgba(240, 240, 240, .3)
            }

            .block--all-sports .filters ul li {
                display: block;
                padding: 0
            }

            .block--all-sports .filters ul .filter.active {
                display: none
            }

            .block--all-sports .filters ul .filter {
                background: 0 0
            }

            .block--all-sports .filters .filter {
                width: 100%;
                text-align: left
            }
        }

        @media (min-width:991px) {
            .block--all-sports .filters .filter {
                margin-bottom: 5px
            }
        }

        .block--all-sports .filters .filter-dropdown {
            position: relative
        }

        .block--all-sports .filters .filter-dropdown:after {
            content: "";
            background-size: cover;
            width: 9px;
            height: 15px;
            display: block;
            position: absolute;
            top: 10px;
            right: 22px;
            transition-duration: .2s
        }

        .block--all-sports .filters .filter-dropdown.open:after {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }

        .block--all-sports .all-sports {
            padding-top: 0
        }

        .block--all-sports .all-sports .elems-holder {
            height: 812px;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            padding: 0 5px
        }

        @media only screen and (max-width:991px) {
            .block--all-sports .all-sports .elems-holder {
                height: 300px
            }
        }

        .block--all-sports .all-sports .elems {
            height: 100%;
            width: 1460px;
            white-space: nowrap
        }

        .block--all-sports .all-sports .scroll-bar.horizontal {
            bottom: 10px;
            height: 6px
        }

        .block--all-sports .all-sports .scroll-bar.horizontal .thumb {
            background: #c7c7c7;
            border-radius: 6px
        }

        .block--all-sports .all-sport-elem {
            background: center center/cover no-repeat #e5e5e5;
            margin: 5px;
            color: #fff;
            position: absolute
        }

        .block--all-sports .all-sport-elem .all-sport-content {
            padding: 30px 18px 18px;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0)
        }

        .block--all-sports .all-sport-elem .sport-category {
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 100
        }

        .block--all-sports .all-sport-elem .sport-category:before {
            content: "";
            display: block;
            width: 39px;
            height: 3px;
            background: #4c2077;
            margin-bottom: 10px
        }

        .block--all-sports .all-sport-elem .event-name {
            text-transform: uppercase;
            font-weight: 500;
            font-size: 30px;
            line-height: 1;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

        @media only screen and (max-width:991px) {
            .block--all-sports .all-sport-elem .all-sport-content {
                padding: 30px 10px 10px
            }

            .block--all-sports .all-sport-elem .event-name {
                font-size: 20px
            }
        }

        .block--all-sports .all-sport-elem .event-date {
            font-size: 14px;
            font-weight: 100
        }

        .block--all-sports .all-sport-elem .channel {
            text-overflow: ellipsis;
            overflow: hidden;
            width: 100%;
            white-space: nowrap;
            display: inline-block;
            padding-right: 15px;
            vertical-align: top
        }

        .block--all-sports .all-sport-elem .event-date .date {
            font-style: italic
        }

        .block--all-sports .all-sport-elem.size-xl {
            width: 500px;
            height: 500px
        }

        .block--all-sports .all-sport-elem.size-l {
            width: 360px;
            height: 360px
        }

        .block--all-sports .all-sport-elem.size-m {
            width: 280px;
            height: 280px
        }

        .block--all-sports .all-sport-elem.size-s {
            width: 220px;
            height: 220px
        }

        .block--all-sports .elems-scroller {
            border-top: 1px solid #dbdbdb;
            border-bottom: 1px solid #dbdbdb;
            background: #fbfbfb;
            padding: 30px 0 0
        }

        .block--all-sports .experts .elems-holder {
            height: 429px;
            background-color: #fff;
            overflow: hidden;
            max-width: 100%;
            overflow-x: auto
        }

        .block--all-sports .experts .all-sport-elem {
            background: 0 0;
            margin: 15px;
            color: #444;
            transition-duration: 0s;
            position: absolute
        }

        .block--all-sports .experts .content,
        .sport-tabs .sport-tabs--content .tab-experts .block-show-experts {
            height: 180px;
            width: 385px;
            background: 0 0;
            white-space: normal
        }

        .sport-tabs .sport-tabs--content .tab-shows .block-show-experts img {
            opacity: 0
        }

        .sport-tabs .sport-tabs--content .tab-shows .block-show-experts .img-shows {
            width: 300px;
            height: 150px;
            background: center center/cover no-repeat;
            margin: 0 auto
        }

        .block--all-sports .experts .content:after,
        .block--all-sports .experts .content:before {
            content: " ";
            display: table
        }

        .block--all-sports .experts .content:after {
            clear: both
        }

        .block--all-sports .experts .content .image,
        .sport-tabs .sport-tabs--content .tab-experts .img {
            width: 170px;
            height: 170px;
            border-radius: 50%;
            display: inline-block;
            vertical-align: top;
            margin-right: 12px;
            background: center center/cover no-repeat;
            border: 1px solid #eee
        }

        .sport-tabs .sport-tabs--content .tab-experts .content p {
            height: 60px
        }

        .sport-tabs .sport-tabs--content .tab-experts .img img {
            opacity: 0
        }

        .block--all-sports .experts .content .infos,
        .sport-tabs .sport-tabs--content .tab-experts .content {
            width: calc(100% - 200px);
            display: inline-block
        }

        .block--all-sports .experts .content .infos strong,
        .sport-tabs .sport-tabs--content .tab-experts .title {
            font-size: 22px;
            margin: 35px 0 5px;
            display: block;
            font-weight: 700
        }

        .block--all-sports .experts .content .infos .desc,
        .sport-tabs .sport-tabs--content .tab-experts .expert {
            font-size: 14px;
            line-height: 1.2;
            vertical-align: top;
            color: #444
        }

        .block--all-sports .experts .content .infos .desc:after,
        .sport-tabs .sport-tabs--content .tab-experts .expert:after {
            content: "";
            display: block;
            width: 44px;
            height: 3px;
            background: #4c2077;
            margin-top: 10px
        }

        .block--shows-experts {
            padding: 60px 0 100px
        }

        @media only screen and (max-width:991px) {
            .block--all-sports .elems-scroller {
                padding-top: 25px
            }

            .block--all-sports .experts {
                height: 390px;
                background: #fff
            }

            .block--all-sports .experts .elems-holder {
                height: 98%
            }

            .block--all-sports .experts .all-sport-elem {
                width: 300px !important;
                height: 100px !important;
                margin: 5px 15px !important
            }

            .block--all-sports .experts .all-sport-elem .content {
                height: 100%
            }

            .block--all-sports .experts .all-sport-elem .content .image {
                width: 95px;
                height: 95px
            }

            .block--all-sports .experts .all-sport-elem .content .infos .name {
                font-size: 18px
            }

            .block--all-sports .experts .all-sport-elem .content .infos strong {
                margin-top: 0
            }

            .block--shows-experts {
                padding: 40px 0
            }
        }

        .block--shows-services {
            padding-top: 60px
        }

        .block-show-experts .link-shows {
            position: absolute;
            bottom: 10px;
            color: #4c2077
        }

        .block-show-experts .img-experts {
            height: 150px;
            width: 300px;
            background: top center/cover no-repeat
        }

        .block-show-experts .img-experts img {
            opacity: 0
        }

        .block-show-experts {
            width: 300px
        }

        .block-show-experts .content {
            height: 252px;
            position: relative
        }

        .block-show-experts .content h3 {
            font-size: 22px;
            margin: 20px 0 0;
            color: #444;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

        .block-show-experts .content p {
            font-size: 14px;
            color: #444;
            overflow: hidden;
            height: 160px
        }

        .block-show-experts .content .time {
            font-size: 14px;
            color: #444;
            font-weight: 700;
            margin-top: 10px
        }

        .block-show-experts .content .expert {
            font-size: 14px;
            color: #4c2077
        }

        .block-show-experts .content:after {
            content: "";
            display: block;
            width: 45px;
            height: 3px;
            background: #4c2077;
            margin-top: 5px;
            position: absolute;
            bottom: 0
        }

        .sport-tabs .sport-tabs--content .tab-experts .content:after {
            background: 0 0
        }

        .block-show-experts.experts .expert-img {
            height: 120px;
            width: 120px;
            border-radius: 50%;
            background: center center/cover no-repeat
        }

        .block-show-experts.experts h3 {
            font-size: 22px;
            margin-bottom: 20px
        }

        .block-show-experts.experts p {
            font-size: 14px;
            max-height: 180px
        }

        .sport-tabs {
            white-space: nowrap;
            display: flex;
            background: #fff;
            position: relative
        }

        @media only screen and (max-width:767px) {
            .sport-tabs {
                display: block
            }

            .sport-tabs>* {
                display: block;
                width: 100%
            }

            .page-discover .block-show-experts .img-experts {
                margin: 0 auto
            }

            .sport-tabs .sport-tabs--content .event-list .event {
                width: 100%
            }
        }

        .sport-tabs .sport-tabs--menu {
            min-width: 300px;
            padding: 70px 30px 15px 100px;
            background: #4c2077;
            color: #fff;
            display: inline-block;
            vertical-align: top;
            font-size: 22px;
            font-weight: 100;
            text-transform: uppercase
        }

        .experts .sport-tabs .sport-tabs--menu {
            background: #adadad
        }

        .sport-tabs .sport-tabs--menu a {
            color: inherit;
            display: block;
            width: 165px;
            line-height: 1
        }

        .sport-tabs .sport-tabs--menu a i {
            opacity: 0
        }

        .sport-tabs .sport-tabs--menu a span {
            display: inline-block;
            min-width: 120px
        }

        .sport-tabs .sport-tabs--menu a:hover {
            text-decoration: none
        }

        .sport-tabs .sport-tabs--menu a:hover i {
            opacity: 1
        }

        .sport-tabs .sport-tabs--menu li+li {
            margin-top: 25px
        }

        .anchor-title {
            color: #4c2077
        }

        @media only screen and (max-width:991px) {
            .block--shows-services {
                padding-top: 40px
            }

            .block--shows-services .sport-tabs .sport-tabs--menu .menu {
                display: block !important
            }

            .sport-tabs .sport-tabs--menu .toggle-btn {
                width: 100%;
                background: 0 0;
                text-align: left;
                padding: 0;
                font-size: 20px;
                font-family: 'Source sans Pro';
                font-weight: 700
            }

            .sport-tabs .sport-tabs--menu .toggle-btn:after {
                right: 0;
                top: 6px
            }

            .sport-tabs .sport-tabs--menu .toggle-btn:active,
            .sport-tabs .sport-tabs--menu .toggle-btn:hover {
                color: #fff
            }

            .sport-tabs .sport-tabs--menu .menu {
                font-size: 20px
            }

            .block--shows-experts .sport-tabs .sport-tabs--menu .menu {
                display: none
            }

            .sport-tabs .sport-tabs--menu .menu li {
                margin-top: 25px
            }

            .sport-tabs .sport-tabs--menu .menu li.active {
                display: none
            }

            .block--shows-experts .sport-tabs .sport-tabs--content .event-list .event {
                height: auto
            }
        }

        .sport-tabs .sport-tabs--content {
            display: inline-block;
            vertical-align: top;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch
        }

        .sport-tabs .sport-tabs--content .tab-shows img {
            height: 150px;
            width: 300px
        }

        .sport-tabs .sport-tabs--content .event-list {
            margin: 0
        }

        .sport-tabs .sport-tabs--content .event-list .event {
            display: inline-block;
            white-space: normal;
            padding: 58px 35px 35px;
            vertical-align: top;
            height: 540px
        }

        .sport-tabs .sport-tabs--content .tab-experts .event {
            padding: 41px 35px 15px
        }

        .sport-tabs .sport-tabs--content .tab-experts {
            height: 530px
        }

        .page-rugby .block--shows-experts .sport-tabs .sport-tabs--menu a {
            width: auto
        }

        .block--shows-experts-single .sport-tabs .sport-tabs--content .tab-experts .event {
            height: auto
        }

        @media only screen and (max-width:991px) {
            .sport-tabs .sport-tabs--content .event-list .event {
                height: auto;
                padding: 12px;
                width: auto
            }

            .sport-tabs {
                display: block
            }

            .sport-tabs .sport-tabs--content .tab-experts {
                height: auto
            }

            .sport-tabs .sport-tabs--menu {
                min-width: 0;
                width: 100%;
                padding: 10px 20px
            }

            .sport-tabs .sport-tabs--content {
                display: block;
                overflow-y: hidden
            }

            .sport-tabs .sport-tabs--content .event-list .event .block-show-experts img {
                width: 100%
            }

            .sport-tabs .sport-tabs--content .tab-experts .event-list .event .block-show-experts .img {
                width: 100px !important;
                height: 100px !important;
                margin: 0 auto;
                display: block
            }

            .sport-tabs .sport-tabs--content .event-list {
                min-height: 290px
            }

            .sport-tabs .sport-tabs--content .tab-experts .content {
                width: 100%
            }
        }

        .scroll-further {
            background-size: 40px 59px;
            border: 0;
            min-width: 150px
        }

        .scroll-further-left:focus,
        .scroll-further:focus {
            outline: 0
        }

        .scroll-further-left {
            background-size: 40px 59px;
            border: 0;
            min-width: 150px;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .scroll-further[data=ar] {
            background-size: 40px 59px;
            border: 0;
            min-width: 150px;
            display: none !important
        }

        .scroll-further-left[data=ar] {
            background-size: 40px 59px;
            border: 0;
            min-width: 150px;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            display: none !important
        }

        .subscribe {
            padding: 80px 0 200px;
            background: #f0f0f0
        }

        @media only screen and (max-width:991px) {
            .subscribe {
                padding: 0 0 90px
            }
        }

        .five-good-reasons {
            border-top: 1px solid #d3d3d3;
            background: #f9f9f9;
            padding: 0 0 100px;
            margin-top: 100px
        }

        .five-good-reasons .title {
            margin-top: -80px
        }

        .five-good-reasons .title strong {
            color: #fff;
            background: #4c2077;
            display: inline-block;
            font-size: 110px;
            border-radius: 50%;
            vertical-align: middle;
            height: 130px;
            width: 130px;
            text-align: center;
            line-height: 130px
        }

        @media only screen and (max-width:991px) {
            .five-good-reasons {
                padding: 0;
                margin-top: 70px
            }

            .five-good-reasons .title {
                margin-top: -36px
            }

            .five-good-reasons .title strong {
                height: 70px;
                width: 70px;
                font-size: 50px;
                line-height: 70px
            }
        }

        .five-good-reasons .title span {
            display: inline-block;
            vertical-align: middle;
            font-size: 40px;
            letter-spacing: -1px;
            color: #6b6b6b;
            text-transform: uppercase;
            margin-left: 20px;
            font-family: "roboto condensed"
        }

        @media only screen and (max-width:991px) {
            .five-good-reasons .title span {
                font-size: 27px;
                max-width: 385px;
                margin-top: -23px
            }
        }

        .five-good-reasons .reason-list {
            counter-reset: reasons;
            margin-top: 60px;
            display: flex
        }

        .five-good-reasons .reason-list li {
            counter-increment: reasons;
            border-top: 1px solid #d3d3d3;
            border-bottom: 1px solid #d3d3d3;
            padding: 0 20px 40px;
            font-family: "roboto condensed";
            min-width: 160px
        }

        .five-good-reasons .reason-list li+li {
            margin-left: 15px
        }

        .five-good-reasons .reason-list li:before {
            content: counter(reasons);
            font-family: "Source Sans Pro";
            font-weight: 700;
            background: #4c2077;
            color: #fff;
            height: 45px;
            width: 45px;
            border-radius: 50%;
            display: block;
            margin-top: -25px;
            line-height: 45px;
            text-align: center;
            font-size: 30px
        }

        @media only screen and (max-width:991px) {
            .five-good-reasons .reason-list {
                margin-top: 40px
            }

            .five-good-reasons .reason-list li {
                border-top: 0;
                border-bottom: 0;
                padding: 0 20px 70px;
                position: relative
            }

            .five-good-reasons .reason-list li+li {
                margin-left: 0
            }

            .five-good-reasons .reason-list li:before {
                width: 35px;
                height: 35px;
                font-size: 22px;
                line-height: 35px;
                display: inline-block;
                margin-right: 15px;
                position: relative;
                z-index: 2;
                margin-top: 15px;
                vertical-align: top
            }

            .five-good-reasons .reason-list li:after {
                position: absolute;
                top: 56px;
                left: 38px
            }
        }

        @media only screen and (max-width:767px) {
            .five-good-reasons .reason-list {
                display: block
            }

            .five-good-reasons .reason-list>* {
                display: block;
                width: 100%
            }

            .five-good-reasons .title span {
                font-size: 27px;
                max-width: 185px;
                margin-top: 0
            }

            .five-good-reasons .reason-list li:after {
                height: 90px;
                content: ' ';
                width: 1px;
                background: #d3d3d3;
                display: block;
                position: absolute;
                margin-top: -63px
            }

            .reason-text {
                width: calc(100% - 60px)
            }
        }

        @media only screen and (max-width:991px) {
            .five-good-reasons .reason-list li .reason-text {
                display: inline-block
            }
        }

        .five-good-reasons .reason-list li .reason-title {
            font-family: "Roboto Condensed";
            text-transform: uppercase;
            font-size: 22px;
            font-weight: 600;
            margin: 12px 0 10px;
            display: block
        }

        .five-good-reasons .reason-list li .text {
            margin: 0;
            text-align: justify
        }

        .five-good-reasons .reason-list li.reason-holder-2:before {
            background: #642a9c
        }

        .five-good-reasons .reason-list li.reason-holder-3:before {
            background: #6f2fae
        }

        .five-good-reasons .reason-list li.reason-holder-4:before {
            background: #7e35c6
        }

        .five-good-reasons .reason-list li.reason-holder-5:before {
            background: #8c3bdb
        }

        @media (max-width:380px) {
            .five-good-reasons .reason-list li {
                padding-bottom: 50px;
                position: relative
            }
        }

        .sport {
            position: relative
        }

        .sport .btn.btn-big {
            color: #fff;
            font-size: 19px;
            font-family: 'Roboto Condensed';
            padding-top: 45px;
            font-weight: 300;
            text-transform: initial;
            position: absolute;
            right: 80px;
            bottom: -40px;
            vertical-align: middle
        }

        .sport .media-holder .slideshow .item .desc {
            margin-bottom: 15px
        }

        @media only screen and (max-width:991px) {
            .five-good-reasons .reason-list li .reason-title {
                margin-top: 0;
                margin-bottom: 0;
                font-size: 18px
            }

            .five-good-reasons .reason-list li .text {
                font-size: 14px
            }

            .sport .btn.btn-big {
                display: none
            }

            .media-holder {
                height: 360px
            }
        }

        .sport .btn .fa {
            font-size: 40px;
            display: block
        }

        .media-holder .slideshow .item {
            background: center center/cover;
            position: relative
        }

        .media-holder .slideshow .item img {
            opacity: 0
        }

        .media-holder .slideshow .item .carousel-caption {
            bottom: 240px;
            top: auto
        }

        .media-holder .slideshow .item .title {
            font-size: 84px;
            height: auto;
            line-height: 1;
            margin-bottom: 15px;
            text-transform: none;
            font-weight: 900
        }

        @media only screen and (max-width:991px) {
            .media-holder .slideshow .item .carousel-caption {
                left: 15px;
                bottom: 30px
            }

            .media-holder .slideshow .item .title {
                font-size: 30px;
                padding-bottom: 0
            }
        }

        .media-holder .slideshow .item .desc {
            font-size: 22px;
            max-width: 640px;
            font-weight: 100;
            line-height: 1.2
        }

        .media-holder .slideshow .carousel-indicators {
            bottom: 200px;
            top: auto
        }

        .media-holder:after {
            display: none
        }

        .premium-rights-blocks {
            background: #f0f0f0;
            padding: 60px 0
        }

        .page-home .list-abonnement .btn-abonnement .subtitle,
        .page-home .list-abonnement .li-chaine,
        .page-home .list-abonnement .li-img,
        .page-home .list-abonnement .li-price {
            display: none
        }

        .page-home .side-block {
            top: 0
        }

        @media only screen and (max-width:991px) {
            .media-holder .slideshow .item .desc {
                font-size: 14px;
                line-height: 1.3;
                padding-right: 15px
            }

            .media-holder .slideshow .carousel-indicators {
                left: 15px;
                bottom: 20px
            }

            .premium-rights-blocks {
                padding-top: 0
            }

            .premium-rights-blocks .premium-rights-block:hover:after {
                display: none
            }
        }

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

            .premium-rights-blocks,
            .premium-rights-blocks .premium-rights-block {
                height: auto
            }
        }

        .premium-rights-blocks .premium-rights-block {
            display: block;
            background: #fff;
            border-top: 3px solid #f0f0f0;
            padding: 20px 20px 20px 40px;
            margin: 15px 0 0;
            white-space: nowrap;
            height: 135px;
            position: relative;
            overflow: hidden;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .premium-rights-blocks .premium-rights-block .logo {
            width: 100px;
            height: 100%;
            text-align: center;
            margin-right: 15px;
            overflow: hidden;
            display: inline-block;
            vertical-align: top;
            background: center center/contain no-repeat
        }

        .premium-rights-blocks .premium-rights-block .logo img {
            max-height: 90px
        }

        .premium-rights-blocks .premium-rights-block .info {
            vertical-align: top;
            display: inline-block;
            width: calc(100% - 120px);
            white-space: normal
        }

        .premium-rights-blocks .premium-rights-block .info .title {
            font-weight: 700;
            color: #4c2077;
            text-transform: uppercase;
            font-size: 18px;
            margin: 0 0 10px
        }

        .premium-rights-blocks .premium-rights-block .info .text {
            font-family: 'Roboto Condensed';
            font-size: 16px;
            color: #444;
            white-space: normal;
            line-height: 22px;
            margin-bottom: 0
        }

        .premium-rights-blocks .premium-rights-block:after {
            content: "+ " attr(data-hover-text);
            position: absolute;
            top: -3px;
            bottom: 0;
            left: 0;
            right: 0;
            font-size: 18px;
            padding-top: 55px;
            transition-duration: .2s;
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
            text-align: center;
            color: #fff;
            background: rgba(76, 32, 119, .9);
            font-weight: 100;
            font-family: 'Roboto Condensed';
            text-transform: uppercase
        }

        @media (min-width:992px) {

            .premium-rights-blocks .premium-rights-block.active,
            .premium-rights-blocks .premium-rights-block:focus {
                border-top-color: #4c2077
            }

            .elem-0 {
                top: 260px;
                left: 0
            }

            .elem-1 {
                top: 81px;
                left: 290px
            }

            .elem-2 {
                top: 450px;
                left: 430px
            }

            .elem-3 {
                top: 260px;
                left: 660px
            }

            .elem-4 {
                top: 30px;
                left: 950px
            }

            .elem-5 {
                top: 260px;
                left: 950px
            }
        }

        .premium-rights-blocks .premium-rights-block:hover {
            text-decoration: none
        }

        .premium-rights-blocks .premium-rights-block:hover:after {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        @media only screen and (max-width:991px) {
            .premium-rights-blocks .premium-rights-block {
                padding: 15px;
                height: auto;
                min-height: 90px;
                display: flex
            }

            .premium-rights-blocks .premium-rights-block .logo {
                width: 75px;
                margin-right: 10px;
                height: auto
            }

            .premium-rights-blocks .premium-rights-block .logo img {
                max-height: 50px
            }

            .premium-rights-blocks .premium-rights-block .info {
                width: calc(100% - 90px);
                padding-right: 10px;
                position: relative
            }

            .premium-rights-blocks .premium-rights-block .info .title {
                font-size: 16px
            }

            .premium-rights-blocks .premium-rights-block .info .text {
                font-size: 14px;
                line-height: 1
            }

            .premium-rights-blocks .premium-rights-block .info:after {
                content: "";
                background-size: cover;
                width: 12px;
                height: 20px;
                display: block;
                position: absolute;
                margin-top: -9px;
                top: 50%;
                right: -10px;
                padding: 0;
                transition-duration: .2s
            }

            .premium-rights-blocks .premium-rights-block.active {
                border-top-color: #4c2077
            }

            .premium-rights-blocks .premium-rights-block.active .info:after {
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg)
            }
        }

        @media only screen and (max-width:991px) and only screen and (max-width:767px) {
            .premium-rights-blocks .premium-rights-block {
                display: block
            }

            .premium-rights-blocks .premium-rights-block>* {
                display: block;
                width: 100%
            }
        }

        .premium-rights-blocks .holder--hidden {
            margin-top: 15px;
            display: none
        }

        .premium-rights-blocks .holder--hidden.active {
            display: block
        }

        .premium-rights-blocks .holder .read-more {
            background: #fff;
            padding: 7px;
            margin-top: 1px
        }

        .premium-rights-blocks .holder .read-more .info {
            padding: 0 12px
        }

        .premium-rights-blocks .holder .read-more .title {
            font-size: 18px;
            color: #333;
            font-weight: 700
        }

        .premium-rights-blocks .holder .read-more .text {
            font-size: 14px;
            line-height: 18px
        }

        .premium-rights-blocks .extra-info-block {
            background: #fff;
            padding: 50px;
            border-bottom: 3px solid #dfdfdf;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .premium-rights-blocks .extra-info-block .link-shows {
            color: #4c2077;
            position: relative;
            z-index: 10;
            pointer-events: visible
        }

        .premium-rights-blocks .extra-info-block .info .text {
            text-align: justify
        }

        .premium-rights-blocks .extra-info-block:after,
        .premium-rights-blocks .extra-info-block:before {
            content: " ";
            display: table
        }

        .premium-rights-blocks .extra-info-block:after {
            clear: both
        }

        .premium-rights-blocks .extra-info-block .close {
            background:
                /*savepage-url=close.png*/
                url() 0 0/100%;
            width: 22px;
            height: 22px;
            position: absolute;
            top: 12px;
            right: 15px;
            opacity: 1
        }

        .premium-rights-blocks .extra-info-block .illustration+.info {
            float: left;
            width: calc(100% - 305px)
        }

        .premium-rights-blocks .extra-info-block .illustration {
            float: left;
            margin-right: 25px;
            max-width: 280px
        }

        .premium-rights-blocks .extra-info-block .illustration img {
            max-width: 100%
        }

        .premium-rights-blocks .extra-info-block .info .title {
            font-weight: 700;
            font-size: 30px;
            margin: 0 0 20px;
            line-height: .8
        }

        .subscribe-header {
            background-size: cover;
            height: 100%;
            min-height: 230px;
            color: #fff;
            text-align: center;
            padding: 1px
        }

        .subscribe-header .main-title {
            margin: 70px 0 10px;
            font-size: 60px;
            font-weight: 700;
            color: inherit
        }

        @media only screen and (max-width:991px) {
            .subscribe-header {
                height: 285px
            }

            .subscribe-header .main-title {
                font-size: 40px;
                margin-top: 70px
            }
        }

        .subscribe-header .main-title:after {
            content: "";
            display: block;
            width: 95px;
            height: 3px;
            background: #fff;
            margin: 10px auto 0
        }

        .subscribe-header .phrase-d-accroche {
            font-size: 36px;
            font-family: 'Roboto Condensed'
        }

        .subscribe-method {
            border-radius: 3px;
            background: #f9f9f9;
            color: #333;
            box-shadow: 0 2px 0 #d3d3d3
        }

        .mobile-block.subscribe-method .price .separator {
            display: inline-block;
            margin-top: 15px
        }

        .subscribe-method.active .price {
            display: table
        }

        @media only screen and (max-width:991px) {
            .subscribe-header .phrase-d-accroche {
                font-size: 20px;
                padding: 0 15px
            }

            .subscribe-method {
                margin-top: 25px
            }

            .mobile-block.subscribe-method .price .holder {
                min-width: 77px;
                font-size: 17px
            }

            .mobile-block.subscribe-method .price strong {
                font-size: 17px
            }

            .mobile-block.subscribe-method .price .separator {
                width: 15px
            }

            .mobile-block.subscribe-method .price .further-info {
                font-size: 9px;
                line-height: 1.2 !important;
                display: block;
                margin-top: 5px
            }
        }

        .subscribe-method header {
            height: 50px;
            background: #4c2077;
            color: #fff;
            font-size: 18px;
            padding-top: 12px;
            text-align: center;
            border-radius: 3px 3px 0 0
        }

        .subscribe-method header.btn-show {
            text-align: left;
            padding-left: 15px;
            border-radius: 0;
            font-size: 16px;
            position: relative;
            cursor: pointer
        }

        .subscribe-method header.btn-show:after {
            font: 17px/1 FontAwesome;
            content: "\f078";
            position: absolute;
            right: 15px;
            top: 14px
        }

        .subscribe-method header.btn-show.active:after {
            content: '\f077'
        }

        .subscribe-method .top-block {
            text-align: center;
            padding-bottom: 50px
        }

        .subscribe-method .top-block .illustration {
            display: block;
            margin: 42px auto
        }

        @media only screen and (max-width:991px) {
            .subscribe-method .top-block {
                overflow: hidden;
                margin-bottom: 20px;
                padding-bottom: 0
            }

            .subscribe-method .top-block .illustration {
                margin: 20px auto;
                padding: 0 30px;
                height: 58px
            }
        }

        .subscribe-method .top-block .desc {
            padding: 0 60px;
            font-size: 18px;
            color: #333;
            line-height: 24px;
            min-height: 72px;
            height: 130px
        }

        @media only screen and (max-width:991px) {
            .subscribe-method .top-block .desc {
                padding: 20px;
                font-size: 14px;
                line-height: 1.3
            }

            .hide-sm {
                display: none
            }
        }

        .subscribe-method .providers {
            padding: 50px 0 10px;
            background: #fff;
            border-radius: 0 0 3px 3px;
            position: relative;
            border-top: 1px solid #e0e0e0
        }

        @media only screen and (max-width:991px) {
            .providers {
                text-align: center
            }

            .providers.number-3 .types .type {
                max-width: 32%
            }

            .mobile-block .providers.number-3 .types .type strong {
                margin-top: 0;
                word-break: break-word
            }

            .mobile-block .providers.number-2 .types .type strong {
                margin-top: 0
            }
        }

        .mobile-block .providers.number-2 .types .type strong {
            margin-top: 15px
        }

        .providers .providers-list {
            margin: 0 32px;
            display: flex;
            flex-wrap: wrap
        }

        @media only screen and (max-width:767px) {
            .subscribe-method .top-block .desc {
                font-size: 14px;
                padding: 20px 30px 0
            }

            .providers .providers-list {
                display: block
            }

            .providers .providers-list>* {
                display: block;
                width: 100%
            }
        }

        .providers .providers-list .provider {
            min-width: 75px;
            float: left;
            margin: 2px 3px 1px
        }

        @media only screen and (max-width:991px) {
            .providers .providers-list {
                max-width: none;
                justify-content: center
            }

            .providers .providers-list .provider {
                display: inline-block;
                float: inherit;
                width: auto
            }
        }

        .providers .providers-list .provider input {
            display: none
        }

        .providers .providers-list .provider input:checked+label {
            border: 5px solid #a42069;
            box-shadow: none
        }

        .tv-block .providers .providers-list .provider label:hover {
            cursor: pointer
        }

        .providers .providers-list .provider label {
            transition-duration: .2s;
            display: block;
            border-radius: 3px;
            height: 75px;
            font-size: 0;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background: center center/80% auto no-repeat
        }

        .modal-content .providers .providers-list .provider label {
            transition-duration: .2s;
            display: block;
            border-radius: 3px;
            height: 75px;
            font-size: 0;
            box-shadow: 0 2px 0 #dedede;
            border: 1px solid #d6d6d6;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background: center center/80% auto no-repeat
        }

        .providers .types {
            display: flex;
            padding: 0 30px;
            margin: 30px 0;
            height: 73px
        }

        @media (max-width:991px) {
            .providers .types {
                height: auto
            }
        }

        .providers .types .type {
            font-family: 'Roboto Condensed';
            flex: 1;
            -webkit-flex: 1;
            margin: 0 6px;
            min-height: 64px;
            white-space: normal
        }

        @media only screen and (max-width:991px) {
            .providers .types .type {
                max-width: 130px;
                margin: 0 auto 3px;
                padding: 9px 12px;
                white-space: normal;
                display: inline-block
            }

            .mobile-block .providers .types {
                padding: 0 10px
            }

            .providers .types {
                display: block
            }

            .providers .types>* {
                width: 100%
            }

            .subscribe .price {
                display: none
            }

            .subscribe .price .holder+.holder {
                margin-left: 9px
            }
        }

        .providers .types .type strong {
            display: block;
            text-transform: none;
            font-size: 22px;
            font-weight: 700;
            line-height: .9;
            margin-top: 6px
        }

        .mobile-block .providers .types .type strong {
            margin-top: 7px
        }

        @media only screen and (max-width:1199px) {
            .providers .types .type strong {
                font-size: 18px
            }
        }

        .providers .types .type .sub-text {
            font-size: 14px
        }

        .subscribe .price {
            color: #4c2077;
            width: 100%;
            margin-bottom: -25px;
            position: absolute;
            top: -36px;
            text-align: center
        }

        .subscribe .price.table {
            display: table
        }

        .subscribe .price .holder {
            display: inline-block;
            width: 175px;
            background: rgba(249, 249, 249, 1);
            background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(249, 249, 249, 1)), color-stop(52%, rgba(249, 249, 249, 1)), color-stop(52%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
            background: -ms-linear-gradient(top, rgba(249, 249, 249, 1) 0, rgba(249, 249, 249, 1) 52%, rgba(255, 255, 255, 1) 52%, rgba(255, 255, 255, 1) 100%)
        }

        .subscribe .price .holder+.holder {
            margin-left: 6px
        }

        .modal-dialog .subscribe .price .holder {
            background: #fff;
            width: auto;
            display: inline-block
        }

        .subscribe .price strong {
            display: block;
            font-size: 27px;
            text-transform: uppercase;
            letter-spacing: -1.5px;
            line-height: 1
        }

        .subscribe .price .asterisk {
            font-size: 12px;
            display: inline-block;
            vertical-align: top
        }

        .subscribe .price .further-info {
            text-transform: uppercase;
            font-size: 16px
        }

        .subscribe .price .separator,
        .subscribe .price:after,
        .subscribe .price:before {
            content: "";
            display: table-cell
        }

        .subscribe .price .separator {
            width: 45px
        }

        .subscribe .price .separator:nth-child(3) {
            display: none
        }

        .business-and-community {
            background: #f9f9f9;
            border-radius: 3px;
            box-shadow: 0 2px 0 #d3d3d3;
            margin-top: 20px;
            padding: 15px 12px
        }

        .business-and-community:after,
        .business-and-community:before {
            content: " ";
            display: table
        }

        .business-and-community:after {
            clear: both
        }

        .business-and-community .business-and-community-img {
            display: inline-block;
            width: 175px;
            text-align: center;
            border-right: 1px solid #e0e0e0
        }

        .business-and-community .text {
            display: inline-block;
            padding-left: 30px;
            color: #777;
            font-size: 24px;
            font-weight: 100;
            margin: 0;
            vertical-align: middle
        }

        .business-and-community .text strong {
            color: #4c2077
        }

        @media (max-width:1199px) {
            .business-and-community .text {
                width: 45%;
                line-height: 1
            }
        }

        .business-and-community .contact-box {
            float: right;
            background: #fff;
            border-left: 1px solid #e0e0e0;
            height: 90px;
            margin: -15px -12px -15px 0;
            width: 312px;
            text-align: center
        }

        .business-and-community .contact-box .btn {
            padding-left: 30px;
            padding-right: 30px;
            margin: 25px auto 0
        }

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

        .modal .modal-content:after {
            clear: both
        }

        .modal .content {
            display: flex
        }

        @media only screen and (max-width:767px) {
            .modal .content {
                display: block
            }

            .modal .content>* {
                display: block !important;
                width: 100%
            }
        }

        .modal .providers {
            background: #f9f9f9;
            border-right: 1px solid #e0e0e0;
            width: 33%;
            float: left;
            padding: 35px 20px
        }

        .modal .providers .title {
            text-transform: uppercase;
            color: #828282;
            margin: 0 0 25px
        }

        @media only screen and (max-width:991px) {
            .modal .providers {
                width: 100%;
                display: block !important
            }

            .subscribe .price .holder+.holder {
                margin-left: 9px
            }

            .modal .providers .title {
                text-align: left
            }
        }

        .modal .providers .title:after {
            content: "";
            width: 64px;
            height: 3px;
            background: #828282;
            display: block;
            margin-top: 15px
        }

        .modal .details {
            width: 66%;
            float: left;
            flex: 1;
            -webkit-flex: 1
        }

        .modal .details .general .logo {
            display: none
        }

        .modal.provider-plural .subscribe-box-holder .subscribe-box {
            min-width: 270px
        }

        .modal.provider-plural .subscribe-box-holder .subscribe-box+.subscribe-box {
            margin: 0
        }

        .modal.provider-single .title {
            padding-left: 60px
        }

        @media only screen and (max-width:991px) {
            .modal .details {
                width: 100%;
                flex: initial
            }

            .modal.provider-plural .subscribe-box-holder .subscribe-box+.subscribe-box {
                margin-bottom: 25px
            }

            .modal.provider-single .title {
                padding-left: 20px;
                margin-bottom: 20px
            }
        }

        .modal.provider-single .subscribe-box-holder {
            background: #f9f9f9;
            border-top: 1px solid #dfdfdf;
            padding-top: 30px;
            padding-left: 60px;
            padding-right: 60px
        }

        .modal.provider-single .details .general {
            padding-left: 60px
        }

        .modal.provider-single .details .general .logo {
            display: inline-block;
            max-width: 190px;
            margin-right: 30px;
            vertical-align: top
        }

        .modal.provider-single .details .general .logo img {
            max-width: 130px
        }

        .modal.provider-single .details .general .channels {
            max-width: 230px
        }

        .modal.provider-single .details .general .price {
            max-width: 350px;
            text-align: center;
            color: #4c2077;
            position: inherit;
            display: inline-block;
            vertical-align: top;
            flex: 1;
            -webkit-flex: 1
        }

        .modal.provider-single .details .general .price strong {
            display: block;
            font-size: 32px;
            text-transform: uppercase;
            letter-spacing: -1.5px;
            line-height: 1
        }

        .modal.provider-single .details .general .price .further-info {
            text-transform: uppercase;
            font-size: 16px
        }

        .modal.provider-single .details .general .price .holder {
            display: inline-block;
            background: #fff;
            width: auto
        }

        .provider-info {
            padding-top: 45px
        }

        .provider-info .title {
            font-size: 28px;
            color: #444;
            margin: 0 0 40px;
            padding-left: 25px;
            font-weight: 600
        }

        .provider-info .title:after {
            content: "";
            width: 64px;
            height: 3px;
            background: #444;
            display: block;
            margin-top: 15px
        }

        @media only screen and (max-width:991px) {
            .modal.provider-single .subscribe-box-holder {
                padding-left: 20px
            }

            .modal.provider-single .details .general {
                padding-left: 20px;
                margin-bottom: 35px
            }

            .modal.provider-single .details .general .price {
                text-align: left
            }

            .provider-info {
                padding-top: 25px
            }

            #block-shows .sport-tabs .sport-tabs--menu .menu,
            .block--all-sports .filters ul {
                display: none
            }

            .provider-info .title {
                font-size: 24px;
                margin-bottom: 20px
            }

            .provider-info .title:after {
                margin-top: 10px
            }
        }

        .provider-info .price {
            color: #4c2077
        }

        .provider-info .price strong {
            display: block;
            font-size: 32px;
            text-transform: uppercase;
            letter-spacing: -1.5px;
            line-height: 1
        }

        .subscribe .modal-content .price .holder {
            background: #fff
        }

        .provider-info .price .further-info {
            text-transform: uppercase;
            font-size: 16px
        }

        .provider-info .general {
            padding: 0 25px;
            margin-bottom: 60px;
            display: flex
        }

        .provider-info .general .channels,
        .provider-info .general .logo,
        .provider-info .general .price {
            display: inline-block;
            vertical-align: top;
            flex: 1;
            -webkit-flex: 1
        }

        .provider-info .general .further-info-availability {
            font-size: 14px;
            color: #676767
        }

        .provider-info .general .channels img {
            margin: 12px 0 0;
            height: auto !important
        }

        .provider-info .general .price {
            padding-top: 20px
        }

        .provider-info .subscribe-box-holder {
            padding-left: 25px;
            padding-bottom: 60px;
            border-radius: 0 0 4px 4px
        }

        .provider-info .subscribe-box-holder .title {
            padding: 0;
            font-size: 20px
        }

        .provider-list+.details .provider-info .subscribe-box-holder .subscribe-box-table {
            display: block;
            margin: 0
        }

        .provider-list+.details .provider-info .subscribe-box-holder .subscribe-box-line {
            display: block
        }

        .provider-list+.details .provider-info .subscribe-box-holder .subscribe-box {
            display: inline-block
        }

        .provider-info .subscribe-box-holder .subscribe-box {
            vertical-align: top;
            font-size: 18px;
            margin-bottom: 30px
        }

        @media only screen and (min-width:992px) {
            .provider-info .subscribe-box-holder .subscribe-box-table {
                display: table;
                width: 100%;
                margin-left: -20px
            }

            .provider-info .subscribe-box-holder .subscribe-box-line {
                display: table-row
            }

            .provider-info .subscribe-box-holder .subscribe-box {
                display: table-cell;
                margin: auto;
                padding: 0 20px 15px
            }
        }

        .provider-info .subscribe-box-holder .subscribe-box+.subscribe-box {
            margin-left: 60px
        }

        @media only screen and (max-width:991px) {
            .provider-info .general {
                margin-bottom: 40px
            }

            .provider-info .subscribe-box-holder {
                padding-bottom: 10px
            }

            .provider-info .subscribe-box-holder .subscribe-box {
                margin-bottom: 25px
            }

            .provider-info .subscribe-box-holder .subscribe-box+.subscribe-box {
                margin-left: 0;
                display: block
            }
        }

        .provider-info .subscribe-box-holder .channel-number {
            background-size: 100%;
            width: 127px;
            height: 76px;
            font-size: 48px;
            color: #4c2077;
            font-weight: 700;
            padding-right: 17px;
            text-align: center
        }

        .provider-info .subscribe-box-holder .boutique-provider {
            display: block;
            width: 238px;
            border: 1px solid #d6d6d6;
            box-shadow: 0 2px 0 #d6d6d6;
            border-radius: 3px;
            background: #fff;
            padding: 10px 14px;
            transition-duration: .2s
        }

        .provider-info .subscribe-box-holder .boutique-provider .img-holder {
            display: inline-block;
            vertical-align: top;
            width: 33%;
            margin: 0
        }

        .provider-info .subscribe-box-holder .boutique-provider .img-holder img {
            width: 100%
        }

        .provider-info .subscribe-box-holder .boutique-provider .name {
            display: inline-block;
            vertical-align: top;
            width: 65%;
            margin: 0;
            color: #444;
            text-transform: uppercase;
            font-size: 12px;
            padding-left: 12px
        }

        .provider-info .subscribe-box-holder .boutique-provider:hover {
            text-decoration: none
        }

        .provider-info .subscribe-box-holder .subscriber-phone .provider-phone {
            font-size: 60px;
            color: #4c2077;
            font-weight: 900;
            line-height: .6
        }

        .provider-info .subscribe-box-holder .subscriber-phone .provider-phone:hover {
            text-decoration: none
        }

        .article-header {
            background: #f0f0f0;
            color: #333;
            padding: 65px 0 0;
            border-bottom: 1px solid #d5d5d5
        }

        .article-header .article-title {
            margin: 0;
            font-family: 'Roboto Condensed'
        }

        .article-header .article-title:after {
            content: "";
            display: block;
            width: 95px;
            height: 3px;
            background: #333;
            margin-top: 20px;
            margin-bottom: -1px
        }

        .article-content {
            padding: 50px 0 220px;
            background: linear-gradient(to top, #f0f0f0 0, #f0f0f0 90px, #fff 210px, #fff 100%)
        }

        .large-header {
            height: 650px;
            background: center center/cover no-repeat #999;
            position: relative
        }

        .large-header .title-content {
            text-align: center;
            padding-top: 100px;
            color: #fff
        }

        .large-header .title-content .top-tag-line {
            width: 300px;
            margin: 0 auto;
            display: table
        }

        .large-header .title-content .top-tag-line span {
            display: table-cell;
            width: 1%;
            padding: 0 20px;
            font-size: 30px;
            text-transform: uppercase;
            font-weight: 900
        }

        .large-header .title-content .top-tag-line:after,
        .large-header .title-content .top-tag-line:before {
            content: " ";
            display: table-cell;
            background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1px' height='1px'><rect x='0' y='0' width='1' height='1' fill='white' /></svg>") center center repeat-x
        }

        @media only screen and (max-width:767px) {
            .provider-info .general {
                display: block
            }

            .provider-info .general>* {
                display: block;
                width: 100%
            }

            .large-header .title-content .top-tag-line {
                width: auto
            }

            .large-header .title-content .top-tag-line span {
                font-size: 20px
            }
        }

        .large-header .title-content .main-title {
            font-size: 84px;
            font-weight: 900;
            color: #fff;
            line-height: 77px
        }

        .page-landing {
            padding-top: 0
        }

        .page-landing .main-header {
            display: none
        }

        @media only screen and (max-width:767px) {
            .large-header .title-content .main-title {
                font-size: 42px;
                line-height: 1
            }

            .page-landing .services-holder .service-holder .content {
                width: 70%
            }
        }

        .large-header .title-content .phrase-d-accroche {
            color: #fff;
            font-family: 'Roboto Condensed';
            font-weight: 100;
            font-size: 40px
        }

        .large-header .title-content:after {
            content: "";
            display: block;
            margin: 20px auto;
            width: 32px;
            height: 17px;
            background-size: contain
        }

        @media only screen and (max-width:991px) {
            .large-header {
                height: auto
            }

            .large-header .title-content {
                padding: 50px 0
            }
        }

        @media only screen and (max-width:767px) {
            .large-header .title-content .phrase-d-accroche {
                font-size: 24px;
                line-height: 1.1
            }

            .large-header .title-content .phrase-d-accroche br {
                display: none
            }

            .large-header .title-content {
                padding: 25px 15px
            }
        }

        .top-block {
            position: relative;
            margin-bottom: 60px
        }

        .top-block .sample-image {
            display: inline-block;
            margin-top: 5px;
            max-width: 300px;
            width: 138px;
            vertical-align: top
        }

        .top-block .sample-image+.sample-image {
            margin-left: 10px
        }

        .top-block .sample-image img {
            max-width: 100%
        }

        @media only screen and (max-width:991px) {
            .top-block .sample-image {
                margin: 20px 0 0
            }

            .top-block .sample-image+.sample-image {
                margin-left: 0
            }
        }

        .top-block .intro-text {
            display: inline-block;
            padding-left: 65px;
            padding-top: 35px;
            font-size: 24px;
            font-weight: 100;
            line-height: 29px;
            text-align: left;
            width: 840px
        }

        .top-block .intro-text:after {
            content: "";
            display: block;
            width: 53px;
            height: 3px;
            background: #444;
            margin: 30px 0 0
        }

        @media only screen and (max-width:991px) {
            .top-block .intro-text {
                padding: 40px;
                width: 100%
            }

            .top-block {
                text-align: center
            }
        }

        .matches-broadcasting .tabs-nav-holder {
            border-bottom: 1px solid #dbdbdb
        }

        .matches-broadcasting .tabs-nav-holder>.container {
            margin-bottom: -1px
        }

        .matches-broadcasting .tab-nav .tab-nav-elem a {
            width: 50%;
            float: left;
            text-align: center;
            text-transform: uppercase;
            font-size: 26px;
            color: #333;
            height: 100px;
            position: relative;
            text-decoration: none;
            font-family: 'Roboto Condensed';
            border: 1px solid #dbdbdb;
            background: #fafafa;
            line-height: 98px
        }

        .matches-broadcasting .tab-nav .tab-nav-elem a:hover {
            text-decoration: none
        }

        .matches-broadcasting .tab-nav .tab-nav-elem.active a {
            background: #fff;
            border-bottom: 0
        }

        .matches-broadcasting .tab-nav .tab-nav-elem.active a:before {
            content: "";
            top: -1px;
            left: -1px;
            right: -1px;
            height: 3px;
            background: #4c2077;
            position: absolute
        }

        .matches-broadcasting .tab-nav .tab-nav-elem+.tab-nav-elem a {
            border-left: 0
        }

        @media only screen and (max-width:767px) {
            .top-block .intro-text {
                padding: 35px 25px
            }

            .top-block {
                margin-bottom: 20px
            }

            .matches-broadcasting .tab-nav .tab-nav-elem {
                width: 100%
            }

            .matches-broadcasting .tab-nav .tab-nav-elem a {
                width: 100%;
                float: none;
                display: block;
                height: auto;
                line-height: 1.1;
                padding: 10px;
                font-size: 20px
            }

            .matches-broadcasting .tab-nav .tab-nav-elem+.tab-nav-elem a {
                border-left: 1px solid #dbdbdb;
                border-top: 0
            }

            .matches-broadcasting .tab-nav .tab-nav-elem.active a {
                border-bottom: 1px solid #dbdbdb
            }

            .matches-broadcasting .tab-nav .tab-nav-elem.active a:before {
                right: auto;
                height: auto;
                bottom: -1px;
                width: 3px
            }

            .matches-broadcasting {
                margin-bottom: 20px
            }
        }

        .matches-broadcasting {
            margin-bottom: 100px
        }

        .matches-broadcasting .tab-content .scroller {
            overflow-x: auto;
            padding: 40px 0 60px;
            background: linear-gradient(to top, #fafafa 0, #fafafa 90px, #fff 210px, #fff 100%)
        }

        .matches-broadcasting .tab-content .scroller ul {
            white-space: nowrap
        }

        .matches-broadcasting .tab-content .scroller .list-elem {
            white-space: normal;
            margin: 0 15px;
            vertical-align: top
        }

        .matches-broadcasting .tab-content .match {
            width: 350px;
            height: 400px;
            background: #ededed;
            text-align: center;
            padding: 25px;
            color: #444;
            display: block
        }

        .matches-broadcasting .tab-content .match .title {
            font-size: 21px;
            text-transform: uppercase;
            color: #444;
            font-weight: 900;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

        .matches-broadcasting .tab-content .match .date {
            text-transform: uppercase;
            font-size: 16px;
            font-family: 'Roboto Condensed'
        }

        .matches-broadcasting .tab-content .match .image {
            background: center center/contain no-repeat;
            height: 140px;
            margin: 12px 0
        }

        .matches-broadcasting .tab-content .match .image img {
            display: none
        }

        .matches-broadcasting .tab-content .match .desc {
            font-size: 15px;
            color: #333;
            line-height: 20px
        }

        .matches-broadcasting .tab-content .match .channel {
            text-transform: uppercase;
            font-size: 16px;
            color: #4c2077;
            font-weight: 900
        }

        .matches-broadcasting .tab-content .match .channel p {
            margin-bottom: 5px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

        .matches-broadcasting .tab-content .match .channel img {
            max-width: 90px;
            height: 65px
        }

        .matches-broadcasting .tab-content .match:hover {
            text-decoration: none
        }

        .large-central-image-holder {
            padding: 150px 0 110px;
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1px' height='1020px'><rect x='0' y='0' width='1' height='340' fill='white' /><rect x='0' y='340' width='1' height='680' fill='%23ededed' /></svg>");
            text-align: center
        }

        .large-central-image-holder .large-central-image {
            max-width: 100%
        }

        @media only screen and (max-width:767px) {
            .matches-broadcasting .tab-content .match {
                width: 100%;
                max-width: 300px;
                min-width: 300px;
                height: 400px
            }

            .matches-broadcasting .tab-content .match .image {
                height: 90px
            }

            .large-central-image-holder {
                padding: 40px 0 0
            }
        }

        .landing-services {
            padding: 85px 0 90px
        }

        @media only screen and (max-width:767px) {
            .landing-services {
                padding: 40px 0
            }
        }

        .services-holder {
            padding: 0 40px;
            overflow-x: scroll
        }

        .services-holder .list-inline {
            white-space: nowrap
        }

        @media only screen and (max-width:991px) {
            .services-holder {
                padding: 20px 15px
            }
        }

        .services-holder .service-holder {
            display: inline-block;
            width: 260px;
            max-width: 100%;
            vertical-align: top;
            white-space: normal
        }

        .services-holder .service-holder+.service-holder {
            margin-left: 115px
        }

        .services-holder .service-holder .service-img {
            height: 75px;
            margin-bottom: 15px
        }

        .services-holder .service-holder .title {
            font-weight: 900;
            color: #333;
            text-transform: uppercase;
            font-size: 22px;
            margin-bottom: 15px
        }

        .services-holder .service-holder .title:after {
            content: "";
            background: #4c2077;
            width: 44px;
            height: 3px;
            display: block;
            margin: 6px 0 0
        }

        .title-middle {
            font-size: 50px;
            text-align: center;
            text-transform: uppercase;
            color: #6b6b6b;
            background: #f0f0f0;
            padding-top: 65px;
            margin: 0
        }

        @media (min-width:768px) {
            .services-holder .service-holder .desc {
                font-family: 'Roboto Condensed';
                font-size: 18px;
                line-height: 22px
            }

            .providers .providers-list {
                margin: 0 32px;
                display: inline-block;
                display: flex;
                flex-wrap: wrap
            }

            .five-good-reasons .reason-list li {
                min-width: 140px;
                width: 220px
            }
        }

        @media only screen and (max-width:991px) {
            .services-holder .service-holder {
                width: 50%;
                float: left;
                height: 295px
            }

            .services-holder .service-holder+.service-holder {
                margin-left: 0
            }

            .side-fix.visible {
                position: inherit;
                top: 65px;
                z-index: 400
            }

            .premium-rights-blocks .premium-rights-block {
                height: 130px
            }
        }

        @media (max-width:768px) {
            .subscribe .price .holder {
                display: inline-block;
                width: 135px
            }
        }

        @media only screen and (max-width:767px) {
            .services-holder .service-holder {
                width: auto;
                float: none;
                height: auto;
                margin-bottom: 15px;
                padding-right: 0
            }

            .services-holder .service-holder .service-img {
                float: left;
                width: 20%;
                height: auto;
                margin-top: 60px
            }

            .services-holder .service-holder .content {
                margin-left: 25%;
                width: 80%
            }

            .title-middle {
                font-size: 35px;
                padding-top: 25px
            }

            .premium-rights-blocks .premium-rights-block {
                height: auto
            }

            .main-header .main-nav .main-nav-link span {
                padding: 5px 8px
            }
        }

        .main-header .main-nav li {
            vertical-align: top;
            height: 80px
        }

        .page-home .anchor-list {
            left: 0
        }

        .main-header .main-nav li:hover:nth-child(2) .sub-menu {
            display: block !important
        }

        .block--shows-img {
            height: 460px;
            background: 50% 50%/cover no-repeat fixed
        }

        @media only screen and (max-width:1024px) {
            .block--shows-img {
                height: 460px;
                background-attachment: scroll;
                background-size: cover
            }
        }

        .block--shows-services .sport-tabs {
            white-space: normal;
            border-top: 1px solid #e5e5e5;
            border-bottom: 1px solid #e5e5e5;
            background: #fff;
            min-height: 485px
        }

        .block--shows-services .sport-tabs .sport-tabs--content {
            width: 100%;
            display: block;
            vertical-align: initial;
            padding: 40px;
            text-transform: initial
        }

        .block--shows-services .sport-tabs .sport-tabs--content .title-service {
            margin-top: 0;
            font-weight: 700;
            font-size: 34px;
            margin-bottom: 15px;
            text-transform: uppercase
        }

        .block--shows-services .sport-tabs .sport-tabs--content .subtitle-service {
            color: #4c2077;
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 40px
        }

        .block--shows-services .sport-tabs .sport-tabs--content .img-service {
            max-height: 400px
        }

        .block--shows-services .sport-tabs .sport-tabs--content .block-link-app {
            margin-top: 35px
        }

        .block--shows-services .sport-tabs .sport-tabs--content .block-link-app img {
            width: 175px;
            margin-right: 10px
        }

        .block--shows-services .sport-tabs .sport-tabs--menu {
            min-width: 386px;
            background: #fff;
            padding: 0;
            border-right: 1px solid #e5e5e5
        }

        .block--shows-services .sport-tabs .sport-tabs--menu li.active {
            background: #f7f7f7;
            position: relative
        }

        .block--shows-services .sport-tabs .sport-tabs--menu li.active:before {
            width: 3px;
            background: #9342da;
            content: ' ';
            height: 81px;
            position: absolute;
            left: 0;
            top: 0
        }

        .block--shows-services .sport-tabs .sport-tabs--menu nav {
            height: 480px;
            overflow-y: auto
        }

        .block--shows-services .sport-tabs .sport-tabs--menu li+li {
            margin-top: 0
        }

        .block--shows-services .sport-tabs .sport-tabs--menu li a {
            border-top: 1px solid #e5e5e5;
            margin-top: -1px;
            border-bottom: 1px solid #e5e5e5
        }

        .block--shows-services .sport-tabs .sport-tabs--menu a {
            color: #333;
            font-weight: 700;
            width: 100%;
            height: 80px;
            padding: 17px 40px
        }

        .block--shows-services .sport-tabs .sport-tabs--menu a.link-service {
            color: #999
        }

        .block--shows-services .sport-tabs .sport-tabs--menu a span {
            margin-top: 10px;
            text-transform: initial
        }

        .block--shows-services .sport-tabs .sport-tabs--menu a img {
            width: 45px;
            float: left;
            margin-right: 20px;
            height: auto !important
        }

        .block--shows-services .sport-tabs .sport-tabs--menu .mobile-container {
            background: #fff;
            color: #333;
            padding: 30px 20px 40px;
            text-transform: initial;
            font-size: 14px;
            overflow: hidden
        }

        .block--shows-services .sport-tabs .sport-tabs--menu .mobile-container .title-service {
            font-size: 26px;
            font-weight: 700;
            text-transform: none;
            line-height: .9;
            margin-bottom: 5px;
            margin-top: 0
        }

        .block--shows-services .sport-tabs .sport-tabs--menu .mobile-container .subtitle-service {
            font-size: 15px;
            color: #4c2077;
            text-transform: none;
            font-weight: 600;
            margin-bottom: 15px
        }

        .block--shows-services .sport-tabs .sport-tabs--menu .mobile-container * .block-link-app img {
            margin-right: 0;
            width: 100%;
            padding-right: 5px
        }

        .block--shows-services .sport-tabs .sport-tabs--menu .mobile-container * .block-link-app a {
            width: 50%;
            padding: 17px 0 0;
            float: left;
            height: auto
        }

        .block--shows-services .sport-tabs .sport-tabs--menu .mobile-container p {
            font-size: 14px
        }

        @media only screen and (max-width:320px) {
            .sport-tabs .sport-tabs--content .tab-shows .block-show-experts .img-shows {
                width: 290px
            }
        }

        @media only screen and (max-width:991px) {
            .block--shows-img {
                height: 250px
            }

            .mobile-container .img-service {
                max-height: 280px;
                margin: 0 auto;
                display: block
            }

            .main-header .main-nav li:hover:nth-child(2) .sub-menu {
                display: none !important
            }

            .block--shows-services .sport-tabs {
                min-height: 0
            }

            .block--shows-services .sport-tabs .sport-tabs--menu li.active:before {
                display: none
            }

            .block--shows-services .sport-tabs .sport-tabs--menu li.active a.sport-tab {
                border-left-color: #9342da;
                border-bottom: 1px solid #e5e5e5
            }

            .block--shows-services .sport-tabs .sport-tabs--menu li {
                margin: 0
            }

            .block--shows-services .sport-tabs .sport-tabs--menu li.active {
                display: block
            }

            .block--shows-services .sport-tabs .sport-tabs--menu .block-link-app a img {
                width: 110px
            }

            .mobile-block.subscribe-method .price .holder {
                width: 88px
            }

            .mobile-block.subscribe-method .price {
                top: -24px
            }

            .mobile-block.subscribe-method .see-more {
                font-size: 10px
            }

            .block--shows-services .sport-tabs .sport-tabs--menu a.sport-tab {
                padding: 15px;
                height: auto;
                border-left: 3px solid transparent
            }

            .block--shows-services .sport-tabs .sport-tabs--menu a.sport-tab span {
                margin: 0
            }

            .block--shows-services .sport-tabs .sport-tabs--menu a.sport-tab img {
                display: none
            }

            .block--shows-services .sport-tabs .sport-tabs--menu nav {
                height: auto;
                overflow-y: auto
            }

            .block--shows-services .sport-tabs .sport-tabs--menu .mobile-container .col-sm-7 {
                padding: 0
            }

            .block--shows-services .sport-tabs .sport-tabs--menu .block-link-app a {
                width: 130px;
                display: inline-block;
                float: left;
                padding: 0;
                margin-top: 10px
            }

            .block--shows-services .sport-tabs .sport-tabs--menu .mobile-container .col-sm-4 {
                display: none
            }

            .block--shows-services .sport-tabs .sport-tabs--menu {
                min-width: 0
            }

            .all-sport-elem {
                width: 135px !important;
                height: 135px !important;
                transition-duration: 0s
            }
        }

        .pattern-block {
            display: inline-block;
            width: 1460px;
            height: 100%;
            position: relative
        }

        .elems-scroller {
            height: 850px
        }

        .elems-scroller .elems {
            height: 825px
        }

        .img-contact {
            height: 20px;
            margin-bottom: 4px;
            vertical-align: top;
            display: inline-block;
            margin-right: 10px
        }

        @media screen and (min-width:992px) and (max-width:1024px) {
            .page-home .side-block {
                top: 0
            }

            .page-home .side-block .side--abonnement .content-link {
                padding: 10px 22px
            }

            .main-header .main-nav li:hover:nth-child(2) .sub-menu {
                display: none !important
            }

            .page-home .media-holder .news-list .news-link .image {
                display: none
            }

            .filters .list-inline,
            .sport-tabs--menu nav .menu.list-unstyled {
                display: block !important
            }

            .page-home .side-block .side--subscribe {
                padding: 10px 22px
            }

            .media-holder .news-list .news-link .image {
                width: 120px
            }

            .block--shows-services .mobile-container {
                display: none !important
            }

            .block--all-sports .filters .filter {
                margin-bottom: 7px
            }

            .side-block .side--subscribe .info {
                margin-bottom: 3px
            }
        }

        #dmplayer {
            width: 100%;
            height: 100%
        }

        #mute {
            position: absolute;
            top: 0;
            left: 0;
            background-color: transparent;
            border: 0;
            color: #fff
        }

        .icon-mute:before {
            font-family: 'Glyphicons Halflings';
            content: "\e036";
            font-size: 35px;
            transition: all ease .3s
        }

        .icon-mute.on:before {
            font-family: 'Glyphicons Halflings';
            content: "\e038";
            font-size: 35px
        }

        .list-link li.button-filter {
            display: none
        }

        @media only screen and (max-width:991px) {
            .elems-scroller {
                height: 330px
            }

            .list-link li.button-filter {
                display: none !important
            }
        }

        .list-abonnement {
            float: right;
            margin-bottom: 0
        }

        .list-abonnement li {
            vertical-align: top
        }

        .list-abonnement li img {
            height: 50px
        }

        .list-abonnement .li-chaine {
            color: #4c2077;
            font-weight: 700
        }

        .list-abonnement .li-chaine .number {
            font-size: 50px;
            font-weight: 700;
            margin-top: -12px;
            vertical-align: top;
            display: inline-block
        }

        .list-abonnement .li-chaine .text {
            display: inline-block;
            font-size: 16.5px
        }

        .list-abonnement .li-chaine .text .first-word {
            font-size: 22px;
            display: block;
            margin-bottom: -9px
        }

        .list-abonnement .li-price {
            color: #4c2077;
            font-weight: 700
        }

        .list-abonnement .li-price span {
            display: block
        }

        .list-abonnement .li-price .price {
            font-size: 31px;
            margin-top: -8px
        }

        .list-abonnement .li-price .text {
            font-size: 16px;
            margin-top: -10px
        }

        .list-abonnement .btn-abonnement .btn-link {
            background: #a42069;
            color: #fff;
            display: block;
            padding: 8px 18px;
            margin-bottom: 2px;
            height: 40px;
            font-size: 20px;
            border-radius: 5px
        }

        .list-abonnement .btn-abonnement:hover .btn-link {
            text-decoration: none
        }

        .list-abonnement .btn-abonnement:hover {
            cursor: pointer
        }

        .list-abonnement .btn-abonnement .subtitle {
            color: #333;
            font-size: 8px;
            margin-top: 2px;
            text-align: center;
            display: block
        }

        .list-abonnement .main-nav-link:hover,
        .list-abonnement .main-nav-link:hover .btn-abonnement .btn-link {
            text-decoration: none
        }

        .navbar-default {
            display: none
        }

        @media (max-width:991px) {
            .navbar-default .home-link:before {
                content: '';
                height: 3px;
                background: #4c2077;
                width: 72px;
                position: absolute;
                top: -18px
            }

            .main-header .home-link:before {
                top: -27px;
                margin-top: 7px
            }

            .main-header .home-link img {
                margin-top: 19px
            }

            .navbar-default {
                display: block;
                border-bottom: 0;
                border-radius: 0;
                background-color: #fff;
                box-shadow: initial
            }

            .navbar-toggle {
                display: block;
                float: left;
                padding: 12px 8px;
                border-radius: 0;
                margin-left: 10px;
                margin-top: 15px
            }

            .navbar-nav {
                float: inherit;
                margin: initial
            }

            .navbar-header {
                float: inherit;
                background-color: #fff;
                box-shadow: initial;
                height: 70px
            }

            .navbar-nav>li {
                float: inherit
            }

            .main-header .main-nav {
                display: none
            }

            .navbar-collapse {
                padding: 0
            }

            .list-abonnement {
                margin-right: 40px
            }

            .list-abonnement .li-price {
                color: #4c2077;
                font-weight: 700;
                display: block
            }

            .list-abonnement .li-price .price {
                font-size: 18px;
                margin-top: -2px;
                text-align: center
            }

            .list-abonnement .li-price .text {
                font-size: 10px;
                margin-top: -7px;
                margin-bottom: 2px;
                text-align: center
            }

            .list-abonnement .btn-abonnement .btn-link {
                background: #a42069;
                color: #fff;
                display: block;
                padding: 5px 18px;
                margin-top: 24px;
                margin-bottom: 2px;
                height: 28px;
                font-size: 13px;
                text-transform: uppercase;
                border-radius: 5px
            }

            .page-home .list-abonnement .btn-abonnement .btn-link {
                background: #a42069;
                color: #fff;
                display: block;
                padding: 5px 18px;
                margin-bottom: 2px;
                height: 28px;
                font-size: 13px;
                text-transform: uppercase;
                border-radius: 5px;
                margin-top: 20px
            }

            .list-abonnement .btn-abonnement:hover .btn-link {
                text-decoration: none
            }

            .list-abonnement .btn-abonnement .subtitle {
                font-size: 9px;
                margin-top: -2px;
                display: block;
                text-align: center
            }

            .navbar-default .navbar-toggle:focus .icon-bar,
            .navbar-default .navbar-toggle:hover .icon-bar {
                background-color: #4c2077
            }

            .main-header .caret {
                float: right;
                margin-top: 5px
            }
        }

        @media (max-width:1180px) {
            .list-abonnement li+li {
                margin-left: 40px
            }
        }

        .icon-video:before {
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            content: "\e072"
        }

        .icon-video.pause:before {
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            content: "\e073"
        }

        .icon-video {
            position: absolute;
            top: calc(50% - 35px);
            left: calc(50% - 35px);
            z-index: 2;
            border-radius: 50%;
            width: 70px;
            height: 70px;
            background-color: #4c2077;
            border: 0;
            color: #fff;
            font-size: 25px
        }

        .dm-player {
            width: 100% !important;
            height: 100% !important
        }

        .fake-select.postcode,
        .fake-select.zone {
            width: 46%;
            float: left;
            margin-left: 10px
        }

        .content-search .block-btn {
            position: relative;
            float: left;
            margin-left: 10px
        }

        .content-search .block-btn .btn-submit {
            background: #4c2077;
            border: 0;
            width: 75px;
            height: 56px;
            border-radius: 3px
        }

        .content-search .block-btn .fa {
            color: #fff;
            font-size: 24px;
            position: absolute;
            top: 8px;
            left: 25px
        }

        .b2b-header {
            background-color: #f9f9f9;
            overflow: hidden;
            padding: 80px 0 120px
        }

        .b2b-header .container-b2b {
            max-width: 1160px;
            width: 100%;
            margin: 0 auto
        }

        .b2b-header .content-card {
            display: table
        }

        .b2b-header .card-b2b {
            display: table-cell;
            background: #4c2077;
            color: #fff;
            width: 580px;
            padding: 40px 44px;
            margin-right: 15px;
            border-right: 10px solid #fff
        }

        .b2b-header .card-b2b .title-b2b {
            font-size: 24px;
            color: #fff;
            margin: 0 0 15px
        }

        .b2b-header .card-b2b .list-info {
            font-size: 16px;
            font-weight: 300
        }

        .b2b-header .card-b2b .list-info li {
            margin-bottom: 1px
        }

        .b2b-header .card-b2b .list-info li:before {
            display: inline-block;
            font: 10px/1 FontAwesome;
            margin-right: 6px;
            content: "\f061";
            vertical-align: top;
            margin-top: 6px
        }

        .b2b-header .card-b2b+.card-b2b {
            border-left: 10px solid #fff;
            border-right: 0
        }

        .b2b-header .b2b-contact {
            font-size: 24px;
            font-weight: 600;
            margin-top: 17px;
            background-color: #f0f0f0;
            text-align: center;
            padding: 45px 15px 55px
        }

        .b2b-header .b2b-contact .number,
        .b2b-header .b2b-contact a {
            color: #4c2077
        }

        .wrapper-form-b2b .header-form {
            padding-top: 75px
        }

        .wrapper-support .card-support .content-card {
            position: relative;
            box-shadow: 0 2px 1px #d3d3d3;
            min-height: 460px
        }

        .wrapper-support .card-support .btn {
            position: absolute;
            bottom: 25px;
            left: 40px
        }

        @media (max-width:1300px) {

            li.li-chaine,
            li.li-img {
                display: none
            }

            .b2b-header .container-b2b {
                padding: 0 60px
            }

            .content-search {
                padding: 0 60px 170px
            }

            .content-search .block-download-files {
                width: 100%;
                float: left;
                margin-top: 60px
            }

            .content-search .form-search {
                width: 100%
            }
        }

        @media (max-width:991px) {
            .wrapper-form-b2b .header-form {
                padding-top: 35px
            }

            .b2b-header {
                background-color: #f9f9f9;
                overflow: hidden;
                padding: 40px 0 60px
            }

            .b2b-header .container-b2b {
                padding: 0 20px
            }

            .b2b-header .card-b2b {
                padding: 30px 34px
            }

            .content-search {
                padding: 0 20px 170px
            }

            .content-search .form-search {
                width: 100%;
                float: initial;
                margin-right: 0
            }

            .content-search .resultat-search {
                padding: 25px
            }

            .content-search .block-select .form-group-text {
                width: auto;
                padding: 0
            }

            .fake-select.state {
                width: 195px
            }

            .fake-select.postcode,
            .fake-select.zone {
                width: 150px
            }
        }

        @media (max-width:767px) {
            .list-abonnement li+li {
                margin-left: 0
            }

            .wrapper-support .card-support .content-card {
                min-height: 100%
            }

            .b2b-header .card-b2b {
                display: block;
                padding: 20px 24px;
                border: 0 !important;
                width: 100%
            }

            .b2b-header .card-b2b:nth-child(1) {
                margin-bottom: 15px
            }

            .b2b-header .content-card {
                display: block
            }

            .b2b-header .card-b2b .title-b2b {
                font-size: 20px;
                margin: 0 0 10px
            }

            .b2b-header .card-b2b .list-info {
                font-size: 14px
            }

            .b2b-header .b2b-contact {
                font-size: 20px;
                padding: 25px 15px 33px
            }

            .b2b-header {
                padding: 30px 0 40px
            }

            .wrapper-form-b2b .header-form {
                padding-top: 25px
            }

            .fake-select.state {
                width: 100%;
                float: initial
            }

            .fake-select.postcode,
            .fake-select.zone {
                width: 100%;
                float: initial;
                margin-left: 0
            }

            .content-search {
                padding: 0 20px 30px
            }

            .content-search .fake-select select {
                padding: 0 10px;
                font-size: 16px;
                height: 45px
            }

            .content-search .block-select .form-group-text {
                margin-bottom: 10px
            }

            .content-search .block-btn .btn-submit {
                width: 100%;
                height: 46px
            }

            .content-search .block-btn {
                float: initial;
                margin-left: 0
            }

            .content-search .block-btn .fa {
                top: 11px;
                left: calc(50% - 16px)
            }

            .content-search .resultat-search {
                padding: 20px
            }

            .content-search .resultat-search .title-resultat,
            .title-download {
                margin: 0 0 25px
            }

            .content-search .resultat-search .block-info-resultat {
                float: initial;
                width: 100%;
                margin-bottom: 15px
            }

            .content-search .resultat-search .block-info-resultat:nth-child(2n) {
                margin-left: 0
            }

            .content-search .block-download-files {
                float: intial;
                margin-top: 30px;
                text-align: center
            }

            .content-search .block-links {
                padding-top: 19px;
                width: 120px;
                height: 120px;
                display: inline-block;
                float: initial
            }

            .content-search .fake-select:after {
                top: 15px
            }

            .content-search .block-links .title-link {
                font-size: 14px
            }

            .content-search .block-links .text-download {
                font-size: 16px
            }

            .content-search .block-links:before {
                font: 23px/1 FontAwesome
            }
        }

        .title-faq {
            font-size: 30px;
            font-weight: 600;
            margin: 0 0 25px
        }

        .section-faq {
            margin-bottom: 80px
        }

        .container-faq {
            background: #f0f0f0;
            padding: 80px 40px
        }

        .container-faq .panel-default>.panel-heading {
            background-image: initial;
            background-color: #f0f0f0;
            padding: 0
        }

        .container-faq .panel-group .panel {
            margin-bottom: 0;
            margin-top: 0;
            border-radius: 0;
            border: 0;
            background-color: initial
        }

        .container-faq .panel-title>.small,
        .panel-title>.small>a,
        .panel-title>a,
        .panel-title>a.collapsed,
        .panel-title>small,
        .panel-title>small>a {
            position: relative;
            background-color: #f0f0f0;
            display: block;
            color: #4c2077;
            font-size: 20px;
            padding: 20px 20px 14px;
            border-bottom: 1px solid #dadada;
            transition: all .3s
        }

        .container-faq .panel-title>.small:hover,
        .panel-title>.small>a:hover,
        .panel-title>a,
        .panel-title>a:hover,
        .panel-title>small:hover,
        .panel-title>small>a:hover {
            background-color: #fff;
            text-decoration: none
        }

        .container-faq .panel-title>a .btn-close {
            font-size: 11px;
            text-transform: uppercase
        }

        .container-faq .panel-title>a .fa-chevron-down,
        .panel-title>a .btn-close {
            position: absolute;
            right: 40px;
            top: calc(50% - 5px)
        }

        .panel-title>a .btn-close {
            right: 7px
        }

        .container-faq .panel-title>a.collapsed .fa-chevron-down {
            display: block;
            font-size: 14px
        }

        .container-faq .panel-title>a .fa-times {
            font-size: 14px;
            margin-right: 2px
        }

        .container-faq .panel-title>a .fa-chevron-down,
        .container-faq .panel-title>a.collapsed .btn-close {
            display: none
        }

        .container-faq .panel-group {
            margin-bottom: 0
        }

        .container-faq .panel-default>.panel-heading+.panel-collapse>.panel-body {
            border: 0;
            margin-top: 25px;
            background-color: #fff;
            border-top: 1px solid #d3d3d3;
            border-bottom: 3px solid #d3d3d3;
            padding: 15px 20px 25px
        }

        .container-faq .panel {
            box-shadow: initial
        }

        * .container-faq .panel-body .img+.txt,
        .container-faq .panel-body .img+.txt {
            width: calc(100% - 625px);
            padding-right: 20%;
            float: right
        }

        .container-faq .panel-body .txt {
            width: 100%;
            float: right;
            margin-top: 15px
        }

        .container-faq .panel-body .img {
            float: right
        }

        .container-faq .panel-video-alone .img {
            width: 625px;
            float: initial;
            margin: 0 auto;
            display: block
        }

        @media (max-width:1200px) {
            .title-section-faq {
                padding-right: 150px;
                display: block;
                line-height: 1.2
            }

            .container-faq .panel-body .img+.txt {
                width: calc(100% - 375px)
            }

            .container-faq .panel-body .img {
                width: 375px
            }
        }

        @media (max-width:767px) {
            .title-faq {
                font-size: 28px;
                padding: 0 20px;
                margin-bottom: 10px
            }

            .title-section-faq {
                padding-right: 50px
            }

            .container-faq {
                padding: 30px 0
            }

            .container-faq .panel-title>.small,
            .panel-title>.small>a,
            .panel-title>a,
            .panel-title>a.collapsed,
            .panel-title>small,
            .panel-title>small>a {
                padding: 15px 20px 14px
            }

            .section-faq {
                margin-bottom: 40px
            }

            .container-faq .panel-title>a .btn-close {
                font-size: 0
            }

            .container-faq .panel-title>a .fa-chevron-down,
            .panel-title>a .btn-close {
                right: 20px
            }

            .container-faq .panel-body .img+.txt {
                width: 100%;
                padding-right: 0;
                float: initial
            }

            .container-faq .panel-body .img {
                width: 100%;
                float: initial
            }

            .wrapper-support .card-support .btn {
                position: inherit
            }
        }

        .form-group-text .fake-select select {
            transition: all ease .3s;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        .block-info-chat .btn {
            width: 100%;
            max-width: 180px;
            background-color: #4c2077;
            box-shadow: inset 0 -1px 0 0 #28113f
        }

        .content-search .fake-select select {
            padding: 0 20px;
            box-shadow: 0 2px 0 #d3d3d3;
            font-size: 18px;
            font-weight: 300;
            height: 55px
        }

        .content-search .fake-select:after {
            top: 22px
        }

        .wrapper-support .card-support .content-card {
            min-height: 310px;
            box-shadow: 0 2px 1px #d3d3d3
        }

        @media (max-width:767px) {
            .wrapper-support .card-support .img-card {
                display: none
            }

            .wrapper-support .card-support .content-card {
                width: 100%;
                min-height: 200px
            }

            .wrapper-support .card-support .text {
                padding: 15px 20px 20px
            }

            .wrapper-support .card-support {
                margin-bottom: 30px
            }
        }

        .wrapper-element {
            background: #f0f0f0
        }

        .wrapper-channel {
            overflow: hidden
        }

        .wrapper-channel+.wrapper-channel {
            margin-top: 50px
        }

        .block-elements-channel {
            overflow: hidden;
            padding: 0 40px
        }

        .block-action {
            padding: 100px 0 115px;
            text-align: center
        }

        .block-action .btn-mena {
            display: inline-block
        }

        .btn-mena {
            width: 365px;
            height: 70px;
            border-radius: 4px;
            font-size: 34px;
            font-weight: 700;
            color: #fff;
            border-top: 2px solid #da3088;
            padding: 10px;
            box-shadow: 0 3px 1px #d6d6d6;
            background: #a22067;
            background: linear-gradient(to bottom, #a22067 0, #78174c 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a22067', endColorstr='#78174c', GradientType=0)
        }

        .btn-mena:focus,
        .btn-mena:hover {
            color: #fff;
            background: #a22067;
            background: linear-gradient(to bottom, #a22067 0, #78174c 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a22067', endColorstr='#78174c', GradientType=0)
        }

        .block-elements-channel .block-element {
            width: 230px;
            display: inline-block;
            margin-right: 70px;
            margin-bottom: 20px;
            text-align: left;
            vertical-align: top
        }

        .block-elements-channel .block-element .title {
            font-size: 24px;
            font-weight: 600;
            transition: all .3s
        }

        .block-elements-channel .block-element .text {
            font-size: 13px;
            font-weight: 300;
            color: #333;
            line-height: 1.5;
            transition: all .3s
        }

        .block-elements-channel .block-element .img {
            width: 190px;
            height: 110px;
            display: table-cell;
            text-align: center;
            vertical-align: middle
        }

        .block-elements-channel .block-element .img img {
            max-height: 110px;
            display: inline-block
        }

        @media (max-width:991px) {
            .block-elements-channel {
                overflow: hidden;
                padding: 0 20px;
                text-align: center
            }

            .block-elements-channel .block-element {
                margin: 0 20px 20px
            }

            .wrapper-channel+.wrapper-channel {
                margin-top: 0
            }

            .block-action {
                padding: 60px 0 75px
            }
        }

        @media (max-width:767px) {
            .block-elements-channel .block-element {
                margin: 0 0 15px;
                width: 100%;
                text-align: center
            }

            .block-elements-channel .block-element .img {
                margin: 0 auto;
                display: block
            }

            .block-action {
                padding: 40px 15px 60px
            }

            .btn-mena {
                max-width: 365px;
                width: 100%;
                font-size: 28px;
                height: 65px
            }
        }

        .wrapper-satellite {
            padding: 60px 0 0
        }

        .wrapper-frequencies {
            background: #f0f0f0;
            overflow: hidden
        }

        .block-satellite {
            width: 50%;
            float: left;
            padding: 0 55px;
            margin-bottom: 30px
        }

        .block-satellite .title {
            font-size: 50px;
            font-weight: 600;
            text-transform: uppercase;
            margin: 0 0 30px
        }

        .container-satellite {
            max-width: 1620px;
            width: 100%;
            margin: 0 auto
        }

        .block-elt-satellite {
            border-radius: 4px;
            box-shadow: 0 2px 0 #d3d3d3;
            display: table
        }

        .block-elt-satellite+.block-elt-satellite {
            margin-top: 20px
        }

        .block-elt-satellite .block-img {
            background: #f9f9f9;
            padding: 35px 30px;
            display: table-cell;
            width: 50%;
            vertical-align: top;
            border-radius: 4px 0 0 4px
        }

        .block-elt-satellite .block-info {
            background: #fff;
            display: table-cell;
            width: 50%;
            vertical-align: top;
            padding: 40px 30px;
            border-radius: 0 4px 4px 0;
            border-left: 1px solid #e0e0e0;
            min-width: 290px
        }

        .table-info tr td:nth-child(1) {
            padding-right: 30px;
            font-weight: 300;
            font-size: 18px
        }

        .table-info tr td:nth-child(2) {
            font-weight: 700;
            font-size: 18px
        }

        @media (max-width:992px) {
            .block-satellite {
                padding: 0 20px;
                margin-bottom: 40px
            }

            .block-satellite .title {
                font-size: 36px;
                margin: 0 0 20px
            }

            .wrapper-satellite {
                padding: 40px 0 0
            }
        }

        @media (max-width:767px) {
            .wrapper-satellite {
                padding: 20px 0 0
            }

            .block-satellite .title {
                font-size: 28px
            }

            .block-satellite {
                margin-bottom: 30px;
                display: block;
                padding: 0 15px
            }

            .block-elt-satellite .block-img {
                padding: 25px 20px;
                display: block;
                width: 100%;
                border-radius: 4px 4px 0 0
            }

            .block-elt-satellite .block-info {
                display: block;
                width: 100%;
                vertical-align: top;
                padding: 25px 30px;
                border-radius: 0 0 4px 4px;
                border-left: 0;
                border-top: 1px solid #e0e0e0
            }

            .table-info tr td:nth-child(1),
            .table-info tr td:nth-child(2) {
                font-size: 16px
            }
        }

        .table {
            display: table
        }

        .table-row {
            display: table-row;
            width: 100%
        }

        .table-cell {
            display: table-cell
        }

        .subscribe-options .first {
            min-width: 304px;
            width: 304px;
            font-size: 20px
        }

        .subscribe-options .first .text-bottom {
            font-size: 20px
        }

        .subscribe-options .service-provider {
            padding: 0 20px;
            text-align: center;
            min-width: 280px
        }

        .sp-image {
            background: center top/contain no-repeat;
            height: 162px
        }

        .service-provider .text-bottom {
            margin: 25px 0 15px;
            line-height: 20px;
            font-size: 16px
        }

        .subscribe-options-thead .table-cell {
            vertical-align: bottom
        }

        .service-provider-status {
            padding: 0 20px;
            background: #fff;
            position: relative;
            vertical-align: top
        }

        .service-provider-status:before {
            content: "";
            position: absolute;
            width: 20px;
            top: 0;
            bottom: 0;
            left: 0;
            background: #f0f0f0
        }

        .service-provider-status:after {
            content: "";
            position: absolute;
            width: 20px;
            top: 0;
            bottom: 0;
            right: 0;
            background: #f0f0f0
        }

        .service-provider-status .holder {
            padding: 15px 0;
            text-align: center;
            background: #fff;
            position: relative;
            min-width: 240px;
            height: 52px
        }

        .subscribe-options-tbody {
            border-collapse: collapse;
            border-bottom: 1px solid #d8d8d8;
            margin: 3px 0 0
        }

        .subscribe-options-tbody .first {
            font-size: 16px;
            font-weight: 700;
            vertical-align: middle
        }

        .subscribe-options-tbody .table-row {
            border-top: 1px solid #d8d8d8;
            display: block
        }

        .subscribe-options-tbody .first-line .holder:before {
            content: "";
            display: block;
            width: 100%;
            height: 3px;
            background: #9342da;
            top: -4px;
            position: absolute
        }

        .table-infos .legend {
            padding: 15px 12px 15px 0;
            font-size: 13px;
            text-align: right
        }

        .table-infos .legend * {
            display: inline-block;
            vertical-align: middle
        }

        .table-infos .legend .legend-img {
            margin-right: 5px
        }

        .subscribe-options {
            margin-bottom: 20px
        }

        .subscribe-price-tbody {
            border-bottom: 0
        }

        .subscribe-price-tbody .first {
            font-size: 26px;
            color: #4f2474;
            background-color: #dfdfdf;
            padding: 0 10px 0 50px
        }

        .subscribe-price-tbody .first.empty {
            background-color: #f0f0f0
        }

        .subscribe-price-tbody .service-provider-status .holder {
            height: auto;
            padding: 30px 10px
        }

        .subscribe-price-tbody .price-subcribe {
            color: #4f2474;
            font-size: 32px;
            font-weight: 700
        }

        .subscribe-price-tbody .save-price {
            color: #a42069;
            font-size: 14px;
            font-weight: 600
        }

        .subscribe-price-tbody .notavailable {
            color: #b6b6b6;
            padding: 15px;
            border: 1px solid #b6b6b6;
            border-radius: 3px;
            width: 126px;
            margin: 7px auto;
            text-transform: uppercase
        }

        .subscribe-price-tbody .img-payemement {
            width: 85px;
            display: block;
            margin: 0 auto 20px
        }

        .subscribe-price-tbody .service-subcribe .btn {
            margin-bottom: 20px;
            font-size: 15px
        }

        .subscribe-price-tbody .service-provider-status.service-subcribe .holder {
            padding: 30px 15px;
            min-height: 240px
        }

        .subscribe-price-tbody .service-provider-status.service-subcribe .number {
            font-size: 20px;
            font-weight: 700
        }

        .subscribe-options-thead .subscribe-price-tbody {
            display: none
        }

        .table-subcribe {
            min-height: .01%;
            overflow-x: initial
        }

        @media (max-width:1200px) {
            .block-satellite {
                width: 100%;
                float: initial
            }

            .table-subcribe {
                min-height: .01%;
                overflow-x: auto
            }
        }

        @media (max-width:1300px) {
            .subscribe-options .first {
                min-width: 224px
            }

            .subscribe-options .service-provider {
                min-width: 240px
            }

            .service-provider-status .holder {
                min-width: 200px;
                width: 200px
            }

            .subscribe-price-tbody .service-subcribe .btn {
                font-size: 14px
            }

            .subscribe-price-tbody .service-provider-status.service-subcribe .holder {
                font-size: 13px
            }
        }

        @media (max-width:992px) {
            .table-responsive {
                border: 0;
                padding-top: 30px
            }

            .table-subcribe {
                min-height: .01%;
                overflow-x: auto
            }

            .service-provider-status .holder {
                height: 75px
            }

            .service-provider-status .holder .title {
                font-weight: 500;
                margin-bottom: 4px;
                display: block;
                color: #666;
                font-size: 12px
            }

            .service-provider-status .holder .title-purple {
                font-weight: 700;
                margin-bottom: 8px;
                display: block;
                font-size: 16px;
                color: #4f2474
            }
        }

        @media (max-width:767px) {
            .subscribe-price-tbody .service-subcribe .btn {
                margin-bottom: 15px
            }

            .subscribe-price-tbody .img-payemement {
                margin: 0 auto 15px
            }

            .service-provider .text-bottom {
                font-size: 14px
            }

            .subscribe-price-tbody .service-provider-status.service-subcribe .holder {
                width: 100%;
                min-height: 100%;
                padding: 15px 0;
                margin-bottom: 30px
            }
        }

        .block-presentation-receiver {
            margin-bottom: 100px
        }

        .wrapper-content-receiver .sp-image {
            height: 45px
        }

        .wrapper-content-receiver .table {
            margin-bottom: 0
        }

        .wrapper-content-receiver .subscribe-options-tbody .first-line .holder:before {
            height: 0
        }

        .wrapper-content-receiver .service-provider-status .holder {
            min-width: 190px
        }

        .wrapper-content-receiver .subscribe-options .first {
            min-width: 235px;
            width: 235px
        }

        .wrapper-content-receiver .subscribe-options .service-provider {
            min-width: 230px
        }

        .wrapper-content-receiver .table-receivers-auto {
            padding: 0 20px
        }

        .wrapper-content-receiver .table-receivers-auto .subscribe-options-tbody {
            border-bottom: 0;
            margin: 0 auto
        }

        .wrapper-content-receiver .table-receivers-auto .subscribe-options-thead.table {
            margin: 0 auto
        }

        .wrapper-content-receiver .table-receivers-auto .table {
            width: auto
        }

        .btn-more {
            font-family: 'Roboto Condensed';
            text-transform: uppercase;
            padding: 2px 12px 1px;
            border-radius: 3px;
            border: 1px solid #a42069;
            color: #a42069;
            font-size: 10px
        }

        .btn-more:focus,
        .btn-more:hover {
            border: 1px solid #4c2077;
            color: #4c2077
        }

        .wrapper-content-receiver {
            padding: 70px 0 160px;
            background: #f0f0f0
        }

        .block-receiver {
            display: table;
            border-radius: 4px;
            box-shadow: 0 2px 0 #d3d3d3;
            width: 100%
        }

        .block-receiver+.block-receiver {
            margin-top: 14px
        }

        .block-receiver .block-info {
            background: #f9f9f9;
            padding: 35px;
            display: table-cell;
            width: 43%;
            vertical-align: top;
            border-radius: 4px 0 0 4px
        }

        .block-receiver .block-info .title {
            font-size: 24px;
            margin: 0 0 15px;
            font-weight: 600
        }

        .block-receiver .block-info .text {
            font-size: 16px;
            margin: 0 0 20px;
            font-weight: 300;
            padding-right: 40px;
            line-height: 1.5
        }

        .block-receiver .block-img {
            background: #fff;
            padding: 45px 60px;
            display: table-cell;
            width: 62%;
            vertical-align: middle;
            border-radius: 0 4px 4px 0;
            border-left: 1px solid #e5e5e5
        }

        .block-receiver .block-img img {
            max-width: 400px;
            width: 100%
        }

        @media (max-width:1300px) {
            .wrapper-content-receiver .service-provider-status .holder {
                min-width: 190px;
                width: 190px
            }
        }

        @media (min-width:992px) {
            .wrapper-content-receiver .container {
                width: 950px
            }
        }

        @media (max-width:992px) {
            .wrapper-content-receiver {
                padding: 40px 0 60px
            }

            .block-presentation-receiver {
                margin-bottom: 50px
            }
        }

        @media (max-width:767px) {
            .wrapper-content-receiver {
                padding: 30px 0 50px
            }

            .block-receiver {
                display: block
            }

            .wrapper-content-receiver .table-receivers-auto {
                padding: 0
            }

            .block-receiver .block-info {
                padding: 25px;
                display: block;
                width: 100%;
                border-radius: 4px 4px 0 0
            }

            .block-receiver .block-img {
                padding: 35px 40px;
                display: block;
                width: 100%;
                border-radius: 0 0 4px 4px;
                border-left: 0;
                border-top: 1px solid #e5e5e5
            }

            .block-receiver .block-info .title {
                font-size: 22px;
                margin: 0 0 10px
            }

            .block-receiver .block-info .text {
                font-size: 14px;
                padding-right: 20px;
                margin: 0 0 15px
            }

            .wrapper-content-receiver .subscribe-options .service-provider {
                min-width: 231px
            }
        }

        .form-venue {
            width: 40%;
            float: left;
            padding-right: 60px
        }

        .form-venue .result {
            border: 1px solid #d6d6d6;
            border-radius: 3px;
            background: #fff;
            padding: 25px;
            height: 615px;
            margin-top: 25px;
            overflow-y: auto
        }

        .form-venue .result .block-info-resultat {
            display: block
        }

        .form-venue .result .block-info-resultat:hover {
            text-decoration: none
        }

        .form-venue .result .block-info-resultat:hover .name,
        .form-venue .result .block-info-resultat:hover .number {
            color: #4c2077
        }

        .form-venue .result .block-info-resultat:after {
            content: '';
            display: block;
            width: 45px;
            height: 3px;
            background-color: #4c2077;
            margin-top: 15px
        }

        .form-venue .result .block-info-resultat+.block-info-resultat {
            margin-top: 20px
        }

        .form-venue .result .block-info-resultat .name {
            font-size: 18px;
            font-weight: 600;
            margin: 0;
            color: #333
        }

        .form-venue .result .block-info-resultat .adress {
            font-size: 14px;
            font-weight: 500;
            color: #666
        }

        .form-venue .result .block-info-resultat .number {
            color: #333
        }

        .container-venue {
            max-width: 1530px;
            width: 100%;
            margin: 0 auto;
            padding: 0 15px
        }

        .wrapper-content-venue {
            background: #f0f0f0;
            padding: 25px 0
        }

        .wrapper-content-venue .btn-mena {
            width: 300px
        }

        .map {
            padding-top: 20px
        }

        .map-venue {
            height: 700px;
            width: 60%;
            float: left;
            border: 1px solid #d6d6d6;
            border-radius: 3px
        }

        .page-venue-finder .content-search .block-btn .btn-submit {
            height: 42px
        }

        .page-venue-finder .content-search .block-btn .fa {
            top: 8px
        }

        .page-find-a-dealer .form-group-text .fake-select.postcode.type,
        .page-venue-finder .form-group-text .fake-select.postcode.type {
            width: 365px;
            margin-left: 0
        }

        .page-find-a-dealer .form-venue.content-search .block-btn .btn-submit,
        .page-venue-finder .form-venue.content-search .block-btn .btn-submit {
            height: 42px
        }

        .page-find-a-dealer .form-venue .result,
        .page-venue-finder .form-venue .result {
            height: 570px
        }

        .page-find-a-dealer .fake-select.postcode,
        .page-venue-finder .fake-select.postcode {
            width: 250px
        }

        .page-find-a-dealer .form-group-text .fake-select select,
        .page-venue-finder .form-group-text .fake-select select {
            margin-bottom: 20px
        }

        @media (max-width:1400px) {
            .form-venue.content-search {
                padding: 0 30px 0 0
            }
        }

        .fake-select.state {
            width: 34%;
            float: left
        }

        @media (max-width:1024px) {

            .fake-select.postcode,
            .fake-select.zone {
                width: 39%
            }
        }

        @media (max-width:922px) {
            .form-venue.content-search {
                width: 50%;
                padding-right: 20px
            }

            .form-venue .result {
                height: 310px
            }

            .map-venue {
                height: 395px;
                width: 50%;
                border: 1px solid #d6d6d6;
                border-radius: 3px
            }

            .fake-select.state {
                width: 33%;
                float: left
            }

            .wrapper-content-venue .fake-select.state {
                width: 100%;
                float: left;
                margin-left: 0;
                margin-right: 0
            }

            .page-find-a-dealer .fake-select.postcode,
            .page-venue-finder .fake-select.postcode {
                width: 100%;
                margin-right: 0;
                margin-left: 0
            }

            .page-find-a-dealer .form-group-text .fake-select.postcode.type,
            .page-venue-finder .form-group-text .fake-select.postcode.type {
                width: 100%;
                margin-left: 0
            }

            .wrapper-content-venue .content-search .block-select .form-group-text {
                padding: auto;
                float: inherit;
                width: auto;
                float: inherit;
                margin-right: 0;
                overflow: hidden;
                margin-left: 0
            }

            .page-venue-finder .form-group-text .fake-select select,
            .wrapper-venue-finder .form-group-text .fake-select select {
                margin-bottom: 0
            }

            .map {
                padding-top: 0
            }
        }

        .form-group-text .fake-select select:disabled {
            background-color: #dbdbdb
        }

        @media (max-width:767px) {

            .page-find-a-dealer .fake-select.postcode,
            .page-venue-finder .fake-select.postcode {
                width: 100%;
                margin: 0
            }

            .page-find-a-dealer .fake-select.state,
            .page-find-a-dealer .form-group-text .fake-select.postcode.type,
            .page-venue-finder .fake-select.state,
            .page-venue-finder .form-group-text .fake-select.postcode.type {
                width: 100%
            }

            .form-venue.content-search {
                width: 100%;
                float: initial;
                padding-right: 0
            }

            .form-venue .result {
                height: 240px
            }

            .fake-select.postcode,
            .fake-select.state,
            .fake-select.zone {
                width: 100%;
                float: initial
            }

            .map-venue {
                height: 315px;
                width: 100%;
                float: initial
            }

            .wrapper-content-venue .btn-mena {
                max-width: 300px;
                width: 100%
            }

            .page-find-a-dealer .content-search .block-btn,
            .page-venue-finder .content-search .block-btn {
                position: relative;
                float: initial;
                margin-left: 0;
                width: 100%;
                text-align: center
            }

            .content-search .block-btn .btn-submit {
                width: 100%
            }

            .page-find-a-dealer .content-search .block-btn .fa,
            .page-venue-finder .content-search .block-btn .fa {
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%)
            }

            .wrapper-line-up .subscribe-block {
                padding: 0 0 150px
            }

            .page-find-a-dealer .form-group-text .fake-select select,
            .page-venue-finder .form-group-text .fake-select select {
                margin-bottom: 0
            }
        }

        .wrapper-content-packages {
            background: #f0f0f0
        }

        .wrapper-content-packages .service-provider-status .holder {
            height: 82px
        }

        .container-pacakages {
            max-width: 1070px;
            width: 100%;
            margin: 0 auto;
            padding: 65px 15px 50px
        }

        .section-packages {
            margin-bottom: 85px
        }

        .block-package {
            box-shadow: 0 2px 0 #d3d3d3;
            border-radius: 3px;
            overflow: hidden;
            display: table;
            min-height: 290px
        }

        .block-package .block-price {
            height: 300px;
            background: center center/cover #4c2077;
            color: #fff;
            padding: 40px 35px 35px;
            display: table-cell;
            width: 23%;
            vertical-align: top;
            position: relative;
            min-width: 240px
        }

        .block-package .block-price .duration {
            font-size: 24px;
            font-weight: 300;
            padding-right: 10px;
            line-height: 1.1
        }

        .block-package .block-price .price-info {
            position: absolute;
            bottom: 35px
        }

        .block-package .block-price .price-info .price {
            font-weight: 700;
            font-size: 40px
        }

        .block-package .block-price .price-info .offer {
            font-size: 15px
        }

        .block-package .block-img {
            background: #fff;
            padding: 35px;
            display: table-cell;
            max-width: 350px;
            width: 350px;
            vertical-align: top
        }

        .block-package .block-info {
            background: #f9f9f9;
            padding: 40px 35px;
            display: table-cell;
            vertical-align: top;
            border-left: 1px solid #e5e5e5
        }

        .block-package .block-info .type {
            border-bottom: 1px solid #e0e0e0;
            overflow: hidden;
            padding-bottom: 12px;
            margin-bottom: 18px
        }

        .block-package .block-info .type .connected,
        .block-package .block-info .type .receiver {
            float: left;
            width: 50%
        }

        .block-package .block-info .type .receiver {
            border-right: 1px solid #e0e0e0;
            padding-right: 10px
        }

        .block-package .block-info .type .title-info {
            color: #666;
            text-transform: uppercase;
            font-size: 13px
        }

        .block-package .block-info .type .text {
            font-weight: 600;
            font-size: 15px
        }

        .block-package .block-info .type .text.yes:before {
            margin-right: 5px;
            display: inline-block;
            font: 14px/1 FontAwesome;
            content: "\f00c"
        }

        .block-package .block-info .type .text.no:before {
            margin-right: 5px;
            display: inline-block;
            font: 14px/1 FontAwesome;
            content: "\f00d"
        }

        .block-package .block-info .text-package {
            line-height: 1.5
        }

        .block-package .block-info .text-package p {
            font-size: 14px
        }

        .block-package .block-info .type .connected {
            padding-left: 15px
        }

        .block-package+.block-package {
            margin-top: 25px
        }

        .panel-packages {
            width: 1040px
        }

        .header-table {
            padding: 0 20px;
            width: 1040px
        }

        .header-table .holder {
            font-size: 16px;
            font-weight: 600
        }

        .section-table .panel-default>.panel-heading {
            padding: 0;
            background-image: initial;
            background-repeat: repeat-x;
            border: 0;
            background-color: #e4e4e4
        }

        .section-table .panel {
            margin-bottom: 0;
            border-radius: 0;
            border: 0;
            box-shadow: initial
        }

        .section-table .panel-heading+.panel-collapse>.list-group,
        .section-table .panel-heading+.panel-collapse>.panel-body {
            border-top: 0;
            padding: 0 20px
        }

        .section-table .panel+.panel {
            margin-top: 0
        }

        .section-table .subscribe-options-tbody {
            border-bottom: 0;
            margin: 0
        }

        .section-table .subscribe-options-tbody .first {
            width: 145px
        }

        .section-table .subscribe-options-tbody .table-row:nth-child(1) {
            border-top: 0
        }

        .section-table .panel-collapse {
            background: #f0f0f0
        }

        .section-table .subscribe-options-tbody .first-line .holder:before {
            height: 0
        }

        .section-table .service-provider-status {
            width: 120px
        }

        .section-table .service-provider-status .holder {
            position: relative;
            min-width: 120px;
            display: table-cell;
            vertical-align: middle
        }

        .section-table .panel-title>.small>a,
        .section-table .panel-title>a,
        .section-table .panel-title>a.collapsed,
        .section-table .panel-title>small,
        .section-table.panel-title>small>a {
            position: relative;
            background-color: #e4e4e4;
            display: block;
            color: #333;
            font-weight: 600;
            font-size: 20px;
            padding: 20px 20px 14px;
            border-top: 1px solid #d8d8d8;
            border-bottom: 1px solid #d8d8d8;
            transition: all .3s
        }

        .panel-title .block-title-center>span {
            width: 130px;
            display: inline-block;
            word-break: break-word
        }

        .panel-title .indicator {
            font-family: "roboto condensed";
            margin-top: 2px;
            font-weight: 300;
            font-size: 10px;
            text-transform: uppercase;
            padding: 3px 7px;
            vertical-align: top;
            margin-left: 20px;
            display: inline-block;
            color: #a42069;
            border-radius: 3px;
            border: 1px solid #a42069
        }

        .panel-title a .indicator .txt-hide {
            display: block
        }

        .panel-title a .indicator .txt-show {
            display: none
        }

        .panel-title a.collapsed .indicator .txt-show {
            display: block
        }

        .panel-title a.collapsed .indicator .txt-hide {
            display: none
        }

        .img-chaine {
            width: 80px
        }

        .img-chaine img {
            width: 52px
        }

        @media (max-width:1300px) {
            .section-table .service-provider-status .holder {
                min-width: 120px;
                width: 100%
            }
        }

        @media (max-width:992px) {
            .container-pacakages {
                padding: 45px 15px 50px
            }

            .block-package .block-price {
                height: 100%
            }

            .block-package .block-img,
            .block-package .block-info,
            .block-package .block-price {
                width: 100%;
                display: block;
                max-width: 100%
            }

            .block-package .block-price .price-info {
                position: initial;
                bottom: 0
            }

            .block-package .block-price .duration {
                padding-right: 0;
                margin-bottom: 10px
            }

            .block-package .block-img,
            .block-package .block-price {
                text-align: center
            }

            .block-package .block-img img {
                height: 210px;
                display: inline-block
            }

            .block-package .block-info {
                border-left: 0 solid #e5e5e5;
                border-top: 1px solid #e5e5e5
            }

            .section-packages {
                margin-bottom: 45px
            }
        }

        @media (max-width:767px) {
            .container-pacakages {
                padding: 25px 15px 20px
            }

            .block-package .block-img img {
                height: auto;
                display: inline-block
            }

            .block-package .block-img,
            .block-package .block-price {
                padding: 25px
            }

            .block-package .block-info {
                padding: 30px 25px
            }

            .section-packages {
                margin-bottom: 25px
            }

            .block-package .block-price .price-info .price {
                font-size: 36px
            }

            .section-table .subscribe-options-tbody .first {
                width: 75px
            }
        }

        .wrapper-content-line-up {
            background: #f0f0f0;
            padding: 75px 0 175px;
            overflow: hidden
        }

        .container-line-up {
            max-width: 890px;
            margin: 0 auto;
            width: 100%;
            padding: 0 15px
        }

        .block-channels {
            max-width: 545px;
            margin: 0 auto
        }

        .block-channels .title {
            font-size: 30px;
            font-weight: 600;
            margin: 0 0 18px;
            overflow: hidden
        }

        .block-channels .title .link-download {
            font-size: 14px;
            color: #4c2077;
            font-weight: 500;
            float: right;
            margin-top: 12px
        }

        .block-channels .title .link-download:before {
            display: inline-block;
            font: 14px/1 FontAwesome;
            content: "\f019";
            margin-right: 8px;
            color: #4c2077
        }

        .block-find-channels {
            float: right;
            width: 230px
        }

        .block-find-channels .title {
            font-size: 20px;
            margin: 48px 0 25px;
            font-weight: 600
        }

        .block-channel {
            display: inline-block;
            margin: 0 10px 10px 0
        }

        .block-find-channels .channel {
            width: 90px;
            height: 90px;
            text-align: center;
            border: 1px solid #d6d6d6;
            background: #fff;
            border-radius: 3px;
            display: table-cell;
            padding: 10px;
            box-shadow: 0 2px 0 #d6d6d6;
            vertical-align: middle
        }

        .container-line-up .panel-packages {
            width: 100%
        }

        .panel-body .row-channel {
            background: #fff;
            padding: 15px 22px;
            overflow: hidden;
            width: 100%
        }

        .panel-body .row-channel+.row-channel {
            border-top: 1px solid #e5e5e5;
            display: table
        }

        .panel-body .row-channel .title-channel {
            font-size: 16px;
            font-weight: 600;
            display: table-cell;
            vertical-align: middle;
            width: 295px;
            text-align: left
        }

        .panel-body .row-channel .number {
            display: table-cell;
            width: 280px
        }

        .panel-body .row-channel .number span {
            font-size: 20px;
            font-weight: 600;
            display: table-cell;
            text-align: center;
            border: 1px solid #d6d6d6;
            background: #fff;
            border-radius: 3px;
            padding: 7px;
            width: 50px;
            box-shadow: 0 2px 0 #d6d6d6;
            vertical-align: middle
        }

        .panel-body .row-channel .logo-channel {
            display: table-cell;
            width: 100px;
            vertical-align: middle
        }

        .container-line-up .section-table .panel-title>.small>a,
        .container-line-up .section-table .panel-title>a,
        .container-line-up .section-table .panel-title>a.collapsed,
        .container-line-up .section-table .panel-title>small,
        .container-line-up .section-table.panel-title>small>a {
            text-transform: normal
        }

        .block-title-center {
            position: relative
        }

        .block-title-center .header-channel {
            width: auto !important;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-62%);
            transform: translateX(-62%);
            color: #929292;
            font-size: 11px;
            top: 8px
        }

        .container-line-up .section-table .panel-heading+.panel-collapse>.list-group,
        .container-line-up .section-table .panel-heading+.panel-collapse>.panel-body {
            padding: 0
        }

        @media (max-width:992px) {
            .block-title-center .header-channel {
                -webkit-transform: translateX(-52%);
                transform: translateX(-52%)
            }

            .wrapper-content-line-up {
                padding: 45px 0 75px
            }
        }

        @media (max-width:767px) {
            .block-find-channels {
                float: initial;
                width: 100%;
                margin-bottom: 20px;
                border-bottom: 1px solid #ccc
            }

            .block-channels .title .link-download {
                float: initial;
                margin-top: 12px;
                display: block
            }

            .block-find-channels .title {
                font-size: 22px;
                margin: 0 0 15px;
                position: relative
            }

            .wrapper-content-line-up {
                padding: 25px 0 35px
            }

            .block-channels .title {
                font-size: 22px
            }

            .all-channels {
                text-align: center;
                display: none
            }

            .block-find-channels.active .all-channels {
                display: block;
                padding-bottom: 15px
            }

            .link-toggle-channel {
                position: absolute;
                top: 4px;
                left: 0;
                width: 100%
            }

            .link-toggle-channel span:before {
                float: right;
                display: inline-block;
                font: 15px/1 FontAwesome;
                content: "\f078";
                color: #4c2077
            }

            .block-find-channels.active .link-toggle-channel span:before {
                content: "\f077"
            }

            .panel-body .row-channel .logo-channel {
                width: 200px
            }

            .panel-body .row-channel .number {
                min-width: 70px
            }

            .panel-body .row-channel .title-channel {
                width: 170px
            }
        }

        .wrapper-content-b2c .subscribe-options {
            margin-bottom: 40px;
            padding-bottom: 7px
        }

        .wrapper-content-b2c .btn {
            margin-bottom: 8px;
            font-size: 15px;
            text-transform: inherit
        }

        .wrapper-content-b2c .table-row .btn-grey {
            background: #666;
            color: #fff;
            box-shadow: inset 0 -1px 0 0 #3e3e3e
        }

        .wrapper-content-b2c .service-provider-status:after,
        .wrapper-content-b2c .service-provider-status:before {
            width: 0
        }

        .wrapper-content-b2c .subscribe-options-thead .table-cell:nth-child(1) {
            width: 313px
        }

        .wrapper-content-b2c .subscribe-options-thead .table-cell:nth-child(1),
        .wrapper-content-b2c .subscribe-price-tbody .first {
            border-right: 15px solid #f0f0f0
        }

        .wrapper-content-b2c .subscribe-price-tbody .first:after {
            content: "";
            position: absolute;
            height: 6px;
            bottom: -7px;
            right: 0;
            left: 0;
            background: #f0f0f0
        }

        .wrapper-content-b2c .subscribe-price-tbody .price-subcribe {
            font-size: 34px;
            text-transform: uppercase
        }

        .wrapper-content-b2c .subscribe-price-tbody .price-subcribe+.price-subcribe {
            font-size: 28px;
            margin-top: -10px
        }

        .wrapper-content-b2c .subscribe-price-tbody .price-subcribe+.price-subcribe+.price-subcribe {
            font-size: 26px;
            margin-top: -5px
        }

        .wrapper-content-b2c .subscribe-price-tbody .price-subcribe+.price-subcribe+.price-subcribe+.btn {
            margin-top: 18px
        }

        .wrapper-content-b2c .subscribe-price-tbody .price-subcribe+.btn {
            margin-top: 35px
        }

        .wrapper-content-b2c .service-provider .text-bottom {
            margin: 25px 0 0;
            line-height: 20px;
            font-size: 22px;
            font-weight: 300;
            background-color: #4c2077;
            color: #fff;
            padding: 15px;
            text-transform: uppercase;
            border-radius: 3px 3px 0 0;
            border-bottom: 1px solid #9342da
        }

        .wrapper-content-b2c .subscribe-price-tbody .first {
            padding: 0 30px;
            font-family: 'Roboto Condensed';
            text-align: center;
            position: relative
        }

        .wrapper-content-b2c .subscribe-options-tbody .table-row {
            border-top: 0
        }

        .wrapper-content-b2c .subscribe-options-tbody .table-row+.table-row {
            border-top: 7px solid transparent
        }

        .wrapper-content-b2c {
            background: #f0f0f0;
            padding: 60px 0 90px
        }

        .container-b2c {
            max-width: 1170px;
            width: 100%;
            margin: 0 auto
        }

        .logo-presentation {
            margin: 12px 0;
            height: 55px
        }

        @media (max-width:1300px) {
            .wrapper-content-b2c .subscribe-price-tbody .price-subcribe {
                font-size: 26px
            }

            .wrapper-content-b2c .btn {
                white-space: normal
            }

            .wrapper-content-b2c .subscribe-price-tbody .price-subcribe+.price-subcribe {
                font-size: 23px;
                margin-top: -3px
            }

            .wrapper-content-b2c .subscribe-price-tbody .price-subcribe+.price-subcribe+.price-subcribe {
                font-size: 20px;
                margin-top: -1px
            }

            .container-b2c {
                padding: 0 15px
            }
        }

        @media (max-width:992px) {
            .wrapper-content-b2c {
                padding: 10px 0 50px
            }
        }

        =======.title-section-faq {
            padding-right: 150px;
            display: block;
            line-height: 1.2
        }

        .container-faq .panel-body .img+.txt {
            width: calc(100% - 375px)
        }

        .container-faq .panel-body .img {
            width: 375px
        }

        @media (max-width:992px) {
            .container-faq {
                padding: 40px 20px
            }

            .container-faq .panel-body .img+.txt {
                width: calc(100% - 50%);
                padding-right: 10%
            }

            .container-faq .panel-body .img {
                width: 50%
            }

            .title-faq {
                font-size: 28px
            }

            .title-section-faq {
                font-size: 18px
            }
        }

        @media (max-width:767px) {
            .title-faq {
                font-size: 28px;
                padding: 0 20px;
                margin-bottom: 10px
            }

            .title-section-faq {
                padding-right: 50px
            }

            .container-faq {
                padding: 30px 0
            }

            .container-faq .panel-title>.small,
            .panel-title>.small>a,
            .panel-title>a,
            .panel-title>a.collapsed,
            .panel-title>small,
            .panel-title>small>a {
                padding: 15px 20px 14px
            }

            .section-faq {
                margin-bottom: 40px
            }

            .container-faq .panel-title>a .btn-close {
                font-size: 0
            }

            .container-faq .panel-title>a .fa-chevron-down,
            .panel-title>a .btn-close {
                right: 20px
            }

            .container-faq .panel-body .img+.txt {
                width: 100%;
                padding-right: 0;
                float: initial
            }

            .container-faq .panel-body .img {
                width: 100%;
                float: initial
            }
        }

        .btn-fat.btn-fat {
            font-size: 30px;
            font-weight: 700;
            padding: 10px 55px
        }

        .subscribe-btn-box {
            text-align: center
        }

        .subscribe-block {
            background: #f0f0f0;
            padding: 100px 0 150px;
            margin-bottom: -100px
        }

        .title-form-contact {
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 30px
        }

        .title-item-form {
            color: #6b309e;
            font-size: 20px;
            font-weight: 600;
            margin: 0 0 20px
        }

        .title-header-contact {
            font-size: 24px;
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 30px
        }

        .title-block-contact {
            font-size: 20px;
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 5px;
            color: #6b309e
        }

        .form-group-text .fake-select select::-ms-expand {
            display: none
        }

        .form-group-text .fake-select {
            position: relative
        }

        .form-group-text .fake-select select {
            height: 40px;
            border-radius: 3px;
            border: 1px solid #b7b7b8;
            padding: 0 10px;
            background-color: #fff;
            transition: all ease .3s;
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -o-appearance: none;
            appearance: none;
            width: 100%
        }

        .form-group-text .fake-select:after {
            font-family: 'Glyphicons Halflings';
            content: "\e252";
            position: absolute;
            right: 15px;
            top: 12px;
            font-size: 12px;
            pointer-events: none
        }

        .contact-header {
            background: #f0f0f0;
            padding: 70px 60px 120px
        }

        .customer-service {
            padding: 45px 60px;
            background: #f9f9f9;
            overflow: hidden
        }

        .customer-service .title-item-form {
            margin-bottom: 5px
        }

        .customer-service .info-text {
            font-size: 16px;
            font-weight: 300;
            margin-bottom: 17px
        }

        .customer-service .block-select {
            width: 505px;
            margin-right: 135px;
            float: left
        }

        .customer-service .block-select .form-group-text {
            margin-right: 40px
        }

        .customer-service .block-info {
            background-color: #4c2077;
            color: #fff;
            padding: 60px 65px;
            float: left;
            min-height: 340px;
            width: 42%;
            position: relative
        }

        .customer-service .block-info:before {
            content: '';
            width: 0;
            height: 0;
            border-top: 20px solid transparent;
            border-bottom: 20px solid transparent;
            border-right: 20px solid #4c2077;
            position: absolute;
            left: -20px;
            top: calc(50% - 20px)
        }

        .customer-service .block-info:after {
            content: '';
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-bottom: 20px solid #4c2077;
            position: absolute;
            top: -20px;
            left: calc(50% - 20px);
            display: none
        }

        .customer-service .block-info h3 {
            margin: 0 0 25px;
            color: #fff;
            font-size: 30px;
            font-weight: 600;
            text-transform: uppercase
        }

        .customer-service .block-info p {
            margin: 0;
            color: #fff;
            font-size: 16px;
            font-weight: 300;
            max-width: 515px;
            width: 100%
        }

        .form-col-contact {
            width: 780px
        }

        .form-col-contact .form-group-text .fake-select,
        .form-col-contact .form-group-text input {
            width: 460px
        }

        .form-col-contact .form-group-text textarea {
            height: 130px
        }

        .group-select {
            overflow: hidden
        }

        .block-general-contact {
            display: inline-block;
            width: 700px
        }

        .block-general-contact .block-info-contact:after {
            content: '';
            display: block;
            width: 45px;
            height: 3px;
            background-color: #4c2077;
            margin-top: 20px
        }

        .block-info-contact {
            width: 150px;
            display: inline-block;
            vertical-align: top;
            margin-bottom: 25px;
            margin-right: 20px
        }

        .block-info-contact .text {
            font-weight: 300;
            font-size: 16px
        }

        .block-info-contact .text-bold {
            font-weight: 600;
            font-size: 16px
        }

        .block-info-chat {
            width: 245px;
            display: inline-block;
            vertical-align: top;
            margin-bottom: 15px;
            text-align: center
        }

        .block-info-chat .subtext {
            font-weight: 300;
            font-size: 16px;
            margin-bottom: 5px
        }

        .block-info-chat .title {
            font-weight: 500;
            font-size: 15px;
            color: #6b309e;
            text-transform: uppercase;
            width: 35px;
            position: absolute;
            top: 11px;
            left: 21px;
            line-height: 1.1
        }

        .block-info-chat .block-bulle {
            width: 100px;
            display: inline-block;
            position: relative;
            margin-bottom: 5px
        }

        .block-info-chat .btn.btn-form {
            width: 100%;
            max-width: 180px;
            background-color: #4c2077;
            box-shadow: inset 0 -1px 0 0 #28113f;
            padding: 10px 0
        }

        @media (max-width:1400px) {
            .main-header .home-link {
                margin-right: 0
            }
        }

        @media (max-width:1300px) {
            .contact-header {
                padding: 70px 60px
            }

            .block-general-contact {
                width: 100%
            }

            .block-info-contact {
                width: 300px;
                margin-right: 50px
            }

            .form-col-contact {
                width: 530px
            }

            .form-col-contact .form-group-text .fake-select,
            .form-col-contact .form-group-text input {
                width: 320px
            }

            .customer-service .block-select {
                width: 335px
            }

            .customer-service .block-info {
                width: 45.5%
            }
        }

        @media (max-width:992px) {
            .subscribe-header {
                min-height: 285px;
                height: 100%
            }

            .col-spe .form-group-text:nth-child(2n+1) {
                padding-left: 15px;
                padding-right: 0
            }

            .col-spe .form-group-text:nth-child(2n) {
                padding-right: 15px;
                padding-left: 0
            }

            .block-general-contact {
                margin-right: 0
            }

            .block-info-contact {
                width: 43%;
                margin-right: 30px
            }

            .contact-header {
                background: #f0f0f0;
                padding: 30px 20px 50px
            }

            .customer-service {
                padding: 35px 20px 5px
            }

            .customer-service .block-select {
                width: 100%;
                margin: 0;
                float: initial
            }

            .customer-service .block-info {
                width: 100%;
                min-height: auto;
                float: initial;
                padding: 40px 35px;
                margin-top: 25px
            }

            .customer-service .block-info:before {
                display: none
            }

            .customer-service .block-info:after {
                display: block
            }

            .form-col-contact.col-spe .form-group-text:nth-child(2n),
            .form-col-contact.col-spe .form-group-text:nth-child(2n+1) {
                padding: 0
            }

            .form-col-contact .form-group-text .fake-select,
            .form-col-contact .form-group-text input {
                width: 350px
            }
        }

        @media (max-width:767px) {

            .title-block-contact,
            .title-item-form {
                font-size: 18px
            }

            .title-form-contact {
                font-size: 22px;
                margin-bottom: 10px
            }

            .block-info-chat {
                smargin: 0 auto;
                display: block
            }

            .col-spe .form-group-text:nth-child(2n),
            .col-spe .form-group-text:nth-child(2n+1) {
                padding: 0
            }

            .form-col-contact,
            .form-col-contact .form-group-text .fake-select,
            .form-col-contact .form-group-text input {
                width: 100%
            }

            .title-header-contact {
                margin-bottom: 20px;
                font-size: 22px
            }

            .customer-service .block-info {
                min-height: 100%;
                padding: 20px
            }

            .customer-service .block-info h3 {
                margin-bottom: 15px;
                font-size: 21px
            }

            .customer-service .block-info p,
            .customer-service .info-text {
                font-size: 14px
            }

            .block-info-contact {
                width: 100%;
                margin-bottom: 30px;
                margin-right: 0;
                display: block
            }

            .block-info-contact+.block-info-contact {
                margin-left: 0
            }

            .block-info-contact .text .block-info-contact .text-bold {
                font-size: 14px
            }
        }

        .wrapper-center {
            padding: 70px 60px 120px;
            background: #f0f0f0
        }

        .wrapper-support {
            max-width: 1270px;
            width: 100%;
            text-align: center;
            margin: 0 auto
        }

        .wrapper-support .card-support {
            display: inline-block;
            text-align: left;
            padding: 0 40px;
            margin-bottom: 70px;
            vertical-align: top;
            border-radius: 3px
        }

        .wrapper-support .card-support .content-card {
            background-color: #fff;
            width: 340px;
            border-radius: 3px;
            box-shadow: 0 2px 1px #d3d3d3
        }

        .wrapper-support .card-support .img-card {
            background-size: cover;
            background-position: center center;
            height: 160px;
            border-bottom: 1px solid #f0f0f0;
            border-radius: 3px 3px 0 0
        }

        .wrapper-support .card-support .text {
            padding: 35px 40px 40px
        }

        .wrapper-support .card-support .title-support {
            font-size: 24px;
            font-weight: 600;
            margin: 0 0 15px
        }

        .wrapper-support .card-support p {
            font-size: 15.5px;
            font-weight: 300;
            margin: 0 0 25px
        }

        .wrapper-support .card-support .btn {
            font-size: 15px;
            padding-left: 17px;
            padding-right: 17px
        }

        @media (max-width:991px) {
            .wrapper-center {
                padding: 40px 10px 50px
            }

            .wrapper-support .card-support {
                padding: 0 10px;
                margin-bottom: 40px
            }
        }

        @media (max-width:767px) {
            .wrapper-support .card-support {
                max-width: 320px;
                width: 100%;
                margin-bottom: 30px
            }

            .wrapper-support .card-support .img-card {
                display: none
            }

            .wrapper-support .card-support .content-card {
                width: 100%;
                min-height: 100%
            }

            .wrapper-support .card-support .text {
                padding: 15px 20px 20px
            }
        }

        .btn.btn-form {
            min-width: 130px;
            padding: 0 20px;
            height: 45px;
            font-size: 18px;
            box-shadow: inset 0 -1px 0 0 #512478;
            background: #6b309e;
            color: #fff;
            text-transform: uppercase;
            font-weight: 300
        }

        .anchor-list {
            left: 0
        }

        .advertise-header {
            background: #f0f0f0;
            padding: 90px 15px 120px;
            text-align: center
        }

        .block-advertise {
            display: table-cell;
            width: 210px;
            vertical-align: middle;
            padding-top: 35px;
            min-height: 210px;
            position: relative
        }

        .block-advertise:nth-child(2) {
            width: 290px
        }

        .block-advertise .card-contact {
            border: 1px solid #c8c8c8;
            background: #fff;
            border-radius: 2px;
            padding: 40px 50px 45px
        }

        .block-advertise .card-contact .text {
            font-size: 15px
        }

        .block-advertise .card-contact .number {
            font-size: 20px;
            font-weight: 600
        }

        .block-advertise .card-contact .link-mail {
            font-size: 20px;
            color: #6b309e;
            font-weight: 700
        }

        .block-advertise+.block-advertise {
            border-left: 70px solid transparent
        }

        .block-advertise:last-child {
            width: auto
        }

        .block-advertise .title-advertise {
            font-size: 24px;
            font-weight: 600;
            margin: 0 0 12px;
            position: absolute;
            top: 0;
            width: 100%
        }

        .advertise-header .table {
            max-width: 990px;
            width: 100%;
            margin: 0 auto
        }

        .wrapper-form .header-form {
            padding: 0 60px 25px;
            background: #f0f0f0
        }

        .wrapper-form .header-form .title-form {
            font-size: 50px;
            text-transform: uppercase;
            font-weight: 600;
            margin: 0
        }

        .wrapper-form .header-form .subtitle {
            font-size: 20px;
            color: #444
        }

        .wrapper-form .content-form {
            padding: 45px 60px 80px;
            background: #f9f9f9;
            border-bottom: 1px solid #f0f0f0;
            overflow: hidden
        }

        .form-col {
            width: 365px;
            float: left;
            border-right: 1px solid #d2d2d2;
            padding: 15px 65px 40px 0
        }

        .form-col-textarea {
            width: 660px;
            float: left;
            padding: 15px 0 40px 65px
        }

        .form-col input,
        .form-col-textarea textarea {
            width: 100%
        }

        .form-group-text {
            margin-bottom: 20px
        }

        .form-group-text label {
            text-transform: uppercase;
            font-size: 12px;
            color: #7e7e7e;
            font-weight: 400;
            display: block;
            margin-bottom: 2px;
            margin-left: 2px
        }

        .form-group-text input {
            height: 40px;
            background-color: #fff;
            border-radius: 3px;
            border: 1px solid #b7b7b8;
            padding: 0 10px;
            transition: all ease .3s;
            -webkit-appearance: none;
            -moz-appearance: none;
            -o-appearance: none;
            appearance: none
        }

        .form-group-text textarea {
            height: 275px;
            border-radius: 3px;
            border: 1px solid #b7b7b8;
            padding: 10px;
            transition: all ease .3s;
            background-color: #fff;
            box-shadow: 0 0 0 transparent !important;
            -webkit-appearance: none;
            -moz-appearance: none;
            -o-appearance: none;
            appearance: none
        }

        .form-group-text .fake-select select:focus,
        .form-group-text input:focus,
        .form-group-text textarea:focus {
            border-color: #6b309e;
            outline: 0
        }

        #pager {
            margin-top: 15px
        }

        #pager a,
        #pager span {
            display: inline-block;
            vertical-align: middle;
            padding: 4px 10px;
            font-weight: 700;
            font-size: 14px;
            background: #d3d3d3;
            border-radius: 3px;
            color: #000
        }

        #pager span {
            background: #4c2077;
            color: #fff
        }

        #pager a:hover {
            text-decoration: none;
            background: #4c2077;
            color: #fff
        }

        @media (max-width:1170px) {
            .form-col-textarea {
                width: 530px
            }
        }

        @media (max-width:991px) {
            .block-advertise:last-child {
                max-width: 380px;
                width: 100%;
                display: block;
                margin: 35px auto 0 !important
            }

            .advertise-header {
                padding: 40px 15px 70px
            }

            .wrapper-form .header-form {
                padding: 0 20px 25px
            }

            .customer-service,
            .wrapper-form .content-form {
                padding: 45px 20px 80px
            }

            .wrapper-form .header-form .title-form {
                font-size: 30px
            }

            .wrapper-form .header-form .subtitle {
                font-size: 14px
            }

            .form-col {
                width: 100%;
                float: inherit;
                border-right: 0;
                padding: 15px 0 40px
            }

            .form-col-textarea {
                width: 100%;
                padding-left: 0
            }

            .form-col-textarea .form-group-text {
                width: 100%
            }

            .form-group-text {
                width: 50%;
                float: left
            }

            .form-group-text:nth-child(2n) {
                padding-left: 15px
            }

            .form-group-text:nth-child(2n+1) {
                padding-right: 15px
            }

            .block-img-digital {
                overflow: hidden
            }

            .block-advertise+.block-advertise {
                margin-left: 70px;
                border-left: 0;
                vertical-align: top
            }

            .advertise-header .table {
                display: initial
            }

            .block-advertise {
                display: inline-block;
                padding-top: 0;
                min-height: auto
            }

            .block-advertise .title-advertise {
                position: initial
            }

            .block-advertise:nth-child(2) {
                width: 210px
            }

            .block-advertise:nth-child(2) img {
                margin-top: 20px
            }
        }

        @media (max-width:767px) {

            .block-advertise,
            .block-advertise:nth-child(2) {
                width: 46%;
                height: auto;
                float: left
            }

            .block-advertise+.block-advertise {
                margin-left: 20px
            }

            .block-advertise:last-child {
                max-width: 100%;
                margin-left: 0
            }

            .block-advertise .card-contact .link-mail {
                word-break: break-all
            }

            .block-advertise .img-digital,
            .block-advertise .img-tv {
                position: inherit;
                bottom: 0;
                top: 0
            }

            .block-advertise .img-digital {
                margin-top: 15px
            }

            .block-advertise .card-contact {
                padding: 20px 30px 25px
            }

            .advertise-header {
                padding: 30px 15px 50px;
                overflow: hidden
            }

            .wrapper-form .header-form {
                padding: 0 20px 15px
            }

            .customer-service,
            .wrapper-form .content-form {
                padding: 15px 20px 0
            }

            .wrapper-form .header-form .title-form {
                font-size: 30px
            }

            .wrapper-form .header-form .subtitle {
                font-size: 14px
            }

            .form-col {
                width: 100%;
                float: inherit;
                border-right: 0;
                padding: 15px 0 0
            }

            .form-col-textarea {
                width: 100%;
                padding-left: 0
            }

            .form-col-textarea .form-group-text {
                width: 100%;
                padding: 0
            }

            .form-group-text {
                width: 100%;
                float: inherit
            }

            .form-group-text:nth-child(2n) {
                padding-left: 0
            }

            .form-group-text:nth-child(2n+1) {
                padding-right: 0
            }

            .btn.btn-form {
                width: 100%
            }
        }

        .list-support {
            float: right
        }

        .list-support li:hover ul {
            display: block !important
        }

        .list-support li ul .anchor {
            float: right;
            margin-right: 25px
        }

        .list-support li ul .anchor+.anchor {
            margin-right: 50px;
            margin-left: 0
        }

        .wrapper-form .title-block {
            background: #f0f0f0;
            padding-top: 0
        }

        .page-receiver-detail .main-header,
        .page-receiver-detail .navbar-header {
            border-bottom: 3px solid #f0f0f0
        }

        .wrapper-receiver-detail .wrapper-content-receiver {
            padding: 45px 0 115px
        }

        .container-receiver {
            max-width: 1070px;
            width: 100%;
            margin: 0 auto;
            padding: 0 15px
        }

        .block-instruction .block-info {
            border: 1px solid #d6d6d6;
            background: #fff;
            border-radius: 3px;
            padding: 45px 70px;
            margin-bottom: 110px
        }

        .container-receiver .container-faq {
            padding: 0
        }

        .container-receiver .premium-rights-blocks {
            padding: 0;
            background: 0 0
        }

        .container-receiver .premium-rights-blocks .premium-rights-block {
            border-top: 3px solid #dfdfdf
        }

        .wrapper-receiver-detail .subscribe-header {
            height: 270px;
            background: #fff;
            color: #333;
            text-align: left;
            padding-top: 70px
        }

        .subscribe-header .block-title {
            width: 380px;
            float: left
        }

        .subscribe-header .block-img {
            width: 400px;
            float: right;
            margin: 15px 80px 0 0
        }

        .block-title .title-header-receiver {
            font-size: 40px;
            font-weight: 600;
            margin: 0
        }

        .block-title .subtitle-header {
            font-size: 16px;
            font-weight: 300
        }

        .title-receiver {
            margin: 0 0 25px;
            font-size: 30px;
            font-weight: 600
        }

        .wrapper-specification {
            background: #dfdfdf;
            margin-bottom: 90px
        }

        .wrapper-specification .wrapper-title {
            background: #f0f0f0
        }

        .wrapper-specification .wrapper-title .title-receiver {
            margin-bottom: 15px
        }

        .wrapper-specification .container-receiver {
            overflow: hidden
        }

        .wrapper-content-spe {
            padding: 25px 0 40px
        }

        .wrapper-end-info {
            overflow: hidden
        }

        .wrapper-end-info .container-faq .panel-body .img+.txt {
            width: calc(100% - 50%);
            padding-right: 10%;
            float: right
        }

        .wrapper-end-info .container-faq .panel-body .img {
            width: 50%;
            float: right
        }

        .block-files {
            width: 245px;
            float: left;
            margin-right: 22px
        }

        .block-files .file {
            background: #fff;
            padding: 21px 23px;
            border-radius: 4px;
            border: 1px solid #d6d6d6
        }

        .block-files .file .title {
            font-size: 17px;
            font-weight: 600;
            margin: 0 0 10px
        }

        .block-files .file .text {
            font-size: 14px;
            margin: 0 0 10px;
            color: #666
        }

        .block-files .file .link-download {
            font-size: 14px;
            color: #4c2077
        }

        .block-files .file .link-download:before {
            content: "\f019";
            margin-right: 8px;
            font: 14px/1 FontAwesome;
            color: #4c2077
        }

        .block-files .file+.file {
            margin-top: 10px
        }

        .block-info-file {
            background: #fff;
            padding: 11px;
            border-radius: 3px;
            border: 1px solid #d6d6d6;
            float: left;
            max-width: 570px;
            width: 100%
        }

        @media (max-width:992px) {
            .wrapper-receiver-detail .subscribe-header {
                padding-top: 30px
            }

            .wrapper-receiver-detail .wrapper-content-receiver {
                padding: 35px 0 65px
            }

            .block-title .title-header-receiver {
                font-size: 33px
            }

            .subscribe-header .block-title {
                width: 380px;
                float: initial;
                margin: 0 auto 20px
            }

            .subscribe-header .block-img {
                width: 400px;
                float: initial;
                margin: 0 auto
            }

            .block-instruction .block-info {
                margin-bottom: 50px
            }

            .title-receiver {
                font-size: 24px;
                margin-bottom: 15px
            }

            .wrapper-specification {
                margin-bottom: 40px
            }

            .block-info-file {
                max-width: 460px
            }

            .wrapper-end-info .section-faq {
                margin-bottom: 40px
            }

            .wrapper-end-info .title-faq {
                font-size: 24px
            }
        }

        @media (max-width:767px) {
            .wrapper-receiver-detail .wrapper-content-receiver {
                padding: 25px 0 45px
            }

            .block-title .title-header-receiver {
                font-size: 24px
            }

            .block-instruction .block-info {
                padding: 20px 25px;
                margin-bottom: 30px
            }

            .subscribe-header .block-img,
            .subscribe-header .block-title {
                width: 100%
            }

            .wrapper-receiver-detail .subscribe-header {
                min-height: 230px;
                height: auto
            }

            .wrapper-content-spe {
                padding: 5px 0 20px
            }

            .wrapper-specification {
                margin-bottom: 20px
            }

            .container-faq-mobile {
                padding: 0
            }

            .block-files {
                width: 100%;
                float: initial;
                margin-right: 0;
                margin-bottom: 15px
            }

            .wrapper-end-info .container-faq .panel-body .img {
                width: 100%;
                float: initial
            }

            .wrapper-end-info .container-faq .panel-body .img+.txt {
                width: 100%;
                padding-right: 0;
                float: initial
            }

            .block-files .file {
                padding: 15px 18px
            }
        }

        .list-language {
            padding: 0;
            margin-bottom: 0;
            margin-top: 10px;
            float: right;
            margin-left: 10px
        }

        .list-language .language {
            color: #666;
            border-left: 1px solid #e2e2e2;
            padding: 10px 25px;
            font-size: 17px;
            transition: .3s
        }

        .list-language li {
            padding: 0
        }

        .list-language .language:focus,
        .list-language .language:hover {
            color: #4c2077;
            text-decoration: none
        }

        .list-lang li {
            display: block
        }

        @media (max-width:1200px) {
            .main-header .home-link {
                margin-right: 20px
            }

            .list-language .language {
                padding: 10px 12px
            }

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

            .list-abonnement li+li {
                margin-left: 0
            }

            .block-connect .head {
                text-align: center
            }
        }

        @media (max-width:992px) {
            .list-language {
                position: fixed;
                z-index: 15;
                top: 16px;
                right: 2px
            }

            .list-language .language {
                padding: 5px
            }
        }

        .wrapper-my-bein .my-bein-header {
            background-color: #a42069;
            text-align: center;
            padding: 40px 0;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center
        }

        .wrapper-my-bein .subtitle {
            color: #fff;
            font-weight: 400;
            font-size: 30px;
            font-family: 'Roboto Condensed'
        }

        .wrapper-my-bein .main-title {
            font-size: 84px;
            color: #fff;
            margin: 0;
            font-weight: 300
        }

        .wrapper-my-bein .icon,
        .wrapper-my-bein .main-title {
            display: inline-block;
            vertical-align: top;
            margin-right: 15px
        }

        .container-my-bein {
            background-color: #f0f0f0;
            padding: 20px 0 100px
        }

        .block-connect {
            margin-top: 10px
        }

        .block-connect .head {
            background-color: #4f2474;
            color: #fff;
            min-height: 160px;
            padding: 25px 45px
        }

        .block-connect .head h2 {
            display: inline-block;
            font-family: 'Roboto Condensed';
            color: #fff;
            font-size: 36px;
            font-weight: 300;
            margin: 0 30px;
            padding-top: 37px;
            vertical-align: top;
            text-align: left;
            width: 39%
        }

        .block-connect .head .img {
            height: 110px
        }

        .block-connect .content .img {
            margin-bottom: 45px;
            max-width: 250px;
            width: 100%
        }

        .block-connect .btn-dark {
            margin: 0 3px 10px;
            text-transform: uppercase;
            display: inline-block;
            font-family: 'Roboto Condensed';
            font-weight: 300;
            background-color: #000;
            color: #fff;
            font-size: 20px;
            text-align: center;
            width: 200px;
            height: 60px;
            padding: 15px 10px
        }

        .block-connect .btn-purple {
            margin: 0 3px 10px;
            text-transform: uppercase;
            display: inline-block;
            font-family: 'Roboto Condensed';
            font-weight: 300;
            background-color: #6b309e;
            color: #fff;
            font-size: 20px;
            text-align: center;
            width: 200px;
            height: 60px;
            padding: 15px 10px
        }

        .block-connect .content {
            background-color: #fff;
            padding: 105px 75px;
            text-align: center;
            height: 441px;
            border-bottom: 5px solid #ddd
        }

        .block-connect .btn-dark:hover,
        .block-connect .btn-purple:hover {
            text-decoration: none
        }

        @media (min-width:1200px) {
            .page-my-bein .container {
                width: 1260px
            }
        }

        @media (max-width:767px) {
            .block-connect .content {
                padding: 30px 15px;
                height: 100%
            }

            .iframe-wrapper {
                float: none;
                overflow-x: scroll;
                min-height: .01%;
                -webkit-overflow-scrolling: touch
            }
        }

        .container-my-bein .container {
            padding-top: 15px
        }

        .table-mybein th {
            text-align: center;
            font-size: 25px;
            border-bottom: 15px solid transparent;
            width: 25%;
            padding-left: 15px;
            font-weight: 600;
            position: relative
        }

        .table-mybein th span {
            display: block;
            border-bottom: 1px solid #000;
            padding-bottom: 6px
        }

        .table-mybein th:before {
            content: '';
            height: 100%;
            width: 15px;
            position: absolute;
            background: #f0f0f0;
            top: 0;
            left: 0
        }

        .table-mybein tbody tr:first-child {
            border-bottom: 15px solid #f0f0f0
        }

        .table-mybein td {
            padding: 25px 20px 18px;
            background: #e4e9ed;
            vertical-align: top;
            position: relative
        }

        .table-mybein td+td {
            padding-left: 35px
        }

        .table-mybein td+td:before {
            content: '';
            height: 100%;
            width: 15px;
            position: absolute;
            background: #d9e0e8;
            top: 0;
            left: 0
        }

        .table-mybein td .content {
            font-size: 13px;
            margin-bottom: 85px
        }

        .table-mybein td .content ul {
            padding-left: 25px
        }

        .table-mybein td.td-info {
            background: #d9e0e8;
            text-align: center;
            font-weight: 400;
            font-family: 'Roboto Condensed';
            vertical-align: middle;
            padding-right: 0
        }

        .table-mybein td.td-info img {
            height: 200px
        }

        .table-mybein td.td-info h3 {
            font-size: 30px
        }

        .table-mybein td.td-info:after {
            height: 0;
            margin: 0
        }

        .table-mybein .pink td {
            background: #efe4ec;
            vertical-align: top
        }

        .table-mybein .pink td.td-info {
            background: #e9d9e4;
            vertical-align: middle
        }

        .table-mybein .pink .btn.btn-mybein {
            background: #a42069
        }

        .table-mybein .pink td+td:before {
            background: #e9d9e4
        }

        .table-mybein td:after {
            content: '';
            width: 120px;
            background: #98999b;
            height: 1px;
            display: block;
            margin: 20px auto 0;
            position: absolute;
            bottom: 15px;
            left: 50%;
            -webkit-transform: translateX(-40%);
            transform: translateX(-40%)
        }

        .btn.btn-mybein {
            color: #fff;
            font-weight: 500;
            padding: 12px;
            background: #003466;
            font-family: 'Source sans Pro', arial, sans-serif;
            text-transform: initial;
            border-radius: 3px;
            position: absolute;
            width: calc(100% - 55px);
            bottom: 35px;
            right: 20px;
            white-space: normal
        }

        .nav-table-mybein {
            float: right;
            margin-top: 20px
        }

        .nav-table-mybein a {
            color: #666;
            line-height: 1
        }

        .nav-table-mybein li+li {
            border-left: 1px solid #666;
            line-height: 1px
        }

        @media screen and (max-width:1200px) {
            .table-mybein td .content {
                margin-bottom: 100px
            }
        }

        @media screen and (min-width:992px) {
            .title-type {
                display: none
            }
        }

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

            .-mybein th,
            .table-mybein,
            .table-mybein td {
                display: block
            }

            .table-mybein thead {
                display: none
            }

            .container-my-bein .container {
                padding: 0
            }

            .table-mybein td+td:before {
                display: none
            }

            .table-mybein td+td {
                padding-left: 20px;
                border-bottom: 15px solid #f0f0f0;
                padding-top: 0
            }

            .table-mybein td.td-info {
                padding-right: 20px
            }

            .table-mybein td .content {
                font-size: 13px;
                margin-bottom: 35px
            }

            .btn.btn-mybein {
                position: static;
                width: 100%;
                max-width: 320px;
                margin: 0 auto;
                display: block
            }

            .table-mybein td:after {
                position: static;
                -webkit-transform: none;
                transform: none;
                display: none
            }

            .table-mybein .title-type {
                font-weight: 600;
                text-align: center;
                font-size: 23px;
                margin: 0 0 25px;
                padding-top: 15px
            }

            .table-mybein .title-type span {
                border-bottom: 1px solid #000;
                padding: 0 10px 5px
            }
        }

        @media screen and (max-width:767px) {
            .table-mybein .td-info img {
                display: none
            }

            .table-mybein .td-info h3 {
                margin: 0
            }

            .td-info.affix {
                z-index: 1;
                position: fixed;
                top: 74px;
                width: 100%;
                animation: .44s ease-in affixFadeIn;
                -webkit-animation: .44s affixFadeIn
            }

            @keyframes affixFadeIn {
                from {
                    opacity: 0
                }

                to {
                    opacity: 1
                }
            }

            @-webkit-keyframes affixFadeIn {
                from {
                    opacity: 0
                }

                to {
                    opacity: 1
                }
            }

            .table-mybein .td-info {
                margin-bottom: -76px
            }

            .table-mybein tbody td:nth-child(2) {
                margin-top: 76px
            }

            .td-info.affix-bottom {
                position: absolute;
                width: 100%
            }
        }

        #block-tous_les_sports .block--all-sports .pattern-block {
            display: inline-block;
            width: 1460px !important;
            height: 100%;
            position: relative;
            overflow: initial
        }

        .wrapper-content-b2c .tab-content {
            background-color: #fff
        }

        .wrapper-content-b2c .nav-tabs {
            border-bottom: 0;
            padding-right: 0
        }

        .wrapper-content-b2c .tab-pane {
            background-color: #fff;
            text-align: left;
            padding: 30px 30px 40px;
            overflow: hidden;
            border-radius: 0 0 3px 3px;
            box-shadow: 0 2px 2px #d3d3d3
        }

        .wrapper-content-b2c .tab-pane .block-info {
            border-bottom: 1px solid #e0e0e0;
            padding-bottom: 25px;
            overflow: hidden
        }

        .wrapper-content-b2c .tab-pane .lign-offers {
            border-bottom: 1px solid #e0e0e0;
            padding: 25px 0;
            overflow: hidden
        }

        .wrapper-content-b2c .tab-pane .block-info .title {
            font-family: 'Roboto Condensed';
            font-size: 31px;
            color: #4f2474;
            font-weight: 700;
            margin: 35px 0 10px
        }

        .wrapper-content-b2c .tab-pane .block-info .text-subcribe-b2c {
            font-size: 21px;
            font-weight: 300;
            color: #777;
            line-height: 1.3
        }

        .wrapper-content-b2c .nav-tabs>li>a {
            margin-right: 1px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 0;
            font-size: 28px;
            color: #777;
            font-weight: 500;
            background-color: #e4e4e4;
            padding: 15px 40px
        }

        .wrapper-content-b2c .nav-tabs>li.active>a,
        .wrapper-content-b2c .nav-tabs>li.active>a:focus,
        .wrapper-content-b2c .nav-tabs>li.active>a:hover {
            border: 1px solid #fff;
            background: #fff
        }

        .wrapper-content-b2c .block-offer {
            margin: 15px 0;
            min-height: 130px
        }

        .wrapper-content-b2c .block-offer+.block-offer {
            border-left: 1px solid #e0e0e0;
            padding-left: 40px
        }

        .wrapper-content-b2c .block-offer .infos {
            margin-bottom: 12px;
            overflow: hidden
        }

        .wrapper-content-b2c .block-offer .infos img {
            width: 78px;
            border: 1px solid #f3f3f3;
            float: left;
            margin-right: 15px
        }

        .wrapper-content-b2c .block-offer .infos .text-info-offer {
            line-height: 1.2;
            float: right;
            text-align: left;
            width: 100%
        }

        .wrapper-content-b2c .block-offer .infos img+.text-info-offer {
            width: calc(100% - 95px)
        }

        .wrapper-content-b2c .block-offer .infos .text-info-offer .type-offer {
            color: #333;
            font-size: 20px;
            font-weight: 700
        }

        .wrapper-content-b2c .block-offer .infos .text-info-offer .price {
            color: #4c2077;
            font-size: 30px;
            font-weight: 700
        }

        .wrapper-content-b2c .block-offer .btn-grey {
            background: #666;
            color: #fff;
            box-shadow: inset 0 -1px 0 0 #3e3e3e
        }

        .wrapper-content-b2c .block-offer:nth-child(3n+1) {
            border: 0;
            padding-left: 15px
        }

        @media (max-width:992px) {
            .wrapper-content-b2c .block-offer+.block-offer {
                padding-left: 15px
            }

            .wrapper-content-b2c .block-offers .block-offer {
                border: 0
            }

            .wrapper-content-b2c .block-offers .block-offer:nth-child(2n) {
                border-left: 1px solid #e0e0e0;
                border-right: 0
            }
        }

        @media (max-width:767px) {
            .wrapper-content-b2c .nav-tabs>li>a {
                font-size: 18px;
                padding: 10px
            }

            .wrapper-content-b2c .tab-pane {
                padding: 15px 0 0
            }

            .wrapper-content-b2c .tab-pane .block-info .col-sm-4 {
                float: none
            }

            .wrapper-content-b2c .tab-pane .block-info .title {
                font-size: 25px
            }

            .wrapper-content-b2c .tab-pane .block-info .text-subcribe-b2c {
                font-size: 15px
            }

            .wrapper-content-b2c .block-offer {
                float: none
            }

            .wrapper-content-b2c .block-offer .infos .text-info-offer .price {
                font-size: 24px
            }

            .wrapper-content-b2c .block-offer .infos .text-info-offer .type-offer {
                font-size: 18px
            }

            .wrapper-content-b2c .btn {
                margin-bottom: 8px;
                font-size: 13px
            }

            .wrapper-content-b2c .block-offer .infos img {
                width: 72px
            }

            .wrapper-content-b2c .btn-actions {
                border-bottom: 1px solid #eee;
                padding-bottom: 10px
            }

            .wrapper-content-b2c .block-offers .block-offer:nth-child(2n) {
                border-right: 0
            }
        }

        .page-customer-service .subscribe-header,
        .page-faq-2 .subscribe-header,
        .page-find-a-dealer .subscribe-header,
        .page-frequencies .subscribe-header,
        .page-line-up .subscribe-header,
        .page-support .subscribe-header {
            height: 100%;
            min-height: 230px
        }

        .page-customer-service .subscribe-header {
            background-position: top center !important
        }

        .page-customer-service .subscribe-header .main-title,
        .page-faq-2 .subscribe-header .main-title,
        .page-find-a-dealer .subscribe-header .main-title,
        .page-frequencies .subscribe-header .main-title,
        .page-line-up .subscribe-header .main-title,
        .page-support .subscribe-header .main-title {
            margin: 65px 15px 0
        }

        .wrapper-line-up .section-table .panel-collapse {
            background: #fff
        }

        .wrapper-line-up .section-table {
            width: 100%
        }

        .wrapper-line-up .panel-packages {
            border-right: 1px solid #e4e4e4;
            border-left: 1px solid #e4e4e4;
            border-bottom: 1px solid #e4e4e4;
            width: 100%
        }

        .channel-number {
            font-size: 20px;
            font-weight: 600;
            display: table-cell;
            text-align: center;
            border: 1px solid #d6d6d6;
            background: #fff;
            border-radius: 3px;
            padding: 7px;
            width: 50px;
            box-shadow: 0 2px 0 #d6d6d6;
            vertical-align: middle
        }

        .wrapper-line-up .wrapper-content-b2c .block-offer .infos {
            overflow: inherit
        }

        .wrapper-line-up .wrapper-content-b2c .block-offer {
            min-height: 100px
        }

        .wrapper-line-up .wrapper-content-b2c .block-offers .block-offer:nth-child(3n+1) {
            border-left: 1px solid #e0e0e0;
            border-right: 0;
            padding-left: 40px
        }

        .wrapper-line-up .wrapper-content-b2c .nav-tabs>li>a {
            font-size: 25px;
            padding: 15px 20px
        }

        .wrapper-line-up .wrapper-content-b2c+.wrapper-content-b2c {
            padding-top: 0
        }

        .wrapper-line-up .wrapper-content-b2c .block-offers .block-offer:nth-child(4n+1) {
            border: 0;
            padding-left: 15px
        }

        .wrapper-line-up .wrapper-content-b2c .tab-pane .block-info .title {
            margin: 0 0 10px
        }

        .wrapper-line-up .wrapper-content-b2c .tab-pane .block-info .text-subcribe-b2c {
            font-size: 18px
        }

        .title-line-up {
            font-family: 'Roboto Condensed';
            font-size: 42px;
            color: #4f2474;
            font-weight: 700
        }

        .wrapper-line-up .wrapper-content-b2c .tab-pane {
            padding: 15px 10px
        }

        @media (max-width:992px) {
            .wrapper-line-up .wrapper-content-b2c .block-offer+.block-offer {
                padding-left: 15px
            }

            .wrapper-line-up .wrapper-content-b2c .block-offers .block-offer:nth-child(3n+1) {
                border-left: 0;
                padding-left: 15px
            }

            .wrapper-line-up .wrapper-content-b2c .block-offers .block-offer:nth-child(2n) {
                border-left: 1px solid #e0e0e0
            }
        }

        @media (max-width:767px) {
            .wrapper-line-up .wrapper-content-b2c .tab-pane .block-info .title {
                margin: 10px 0
            }

            .wrapper-line-up .wrapper-content-b2c .nav-tabs>li,
            .wrapper-line-up .wrapper-content-b2c .nav-tabs>li>a {
                float: none;
                display: block
            }

            .wrapper-line-up .wrapper-content-b2c .block-offers .block-offer:nth-child(2n) {
                border-left: 0
            }

            .wrapper-line-up .wrapper-content-b2c .block-offer .infos {
                border-bottom: 1px solid #e0e0e0;
                padding-bottom: 10px
            }

            .wrapper-line-up .wrapper-content-b2c .nav-tabs>li>a {
                font-size: 18px;
                padding: 7px 10px
            }

            .title-line-up {
                font-size: 35px
            }

            .wrapper-line-up .wrapper-content-b2c .tab-pane .block-info .text-subcribe-b2c {
                font-size: 16px
            }

            .wrapper-specification .premium-rights-blocks .premium-rights-block .info {
                width: 100%;
                position: relative
            }
        }

        .terms-and-conditions {
            margin: 40px 0;
            font-size: 25px;
            color: #4c2077
        }

        .block--all-sports .experts {
            background: #fff;
            border-top: none;
            max-height: 470px;
            max-width: 100%;
            max-height: 470px;
            width: calc(100% - 310px);
            display: inline-block
        }

        .block--all-sports .scroll-further,
        .block--all-sports .scroll-further-left {
            height: 470px
        }

        .block--all-sports .scroll-further {
            display: inline-block !important
        }

        .block--all-sports .scroll-further[data=ar] {
            display: none !important
        }

        @media (max-width:992px) {

            .scroll-further,
            .scroll-further-left {
                display: none !important
            }

            .block--all-sports .experts {
                width: 100%
            }
        }

        .card-my-bein html {
            overflow: hidden !important
        }

        .page-locator header {
            display: none
        }

        .page-locator {
            padding-top: 0
        }

        .locator-wrap .header-locator-wrap {
            background: #fff;
            padding-top: 20px
        }

        .locator-wrap .header-locator-wrap img {
            max-width: 155px;
            width: 100%;
            margin: 0 auto;
            display: block;
            border-bottom: 3px solid #5c2d91;
            padding: 0 5px 20px
        }

        .locator-wrap .bg-wrap {
            height: 200px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover
        }

        .content-locator-wrap {
            font-family: 'Source Sans Pro';
            padding: 30px 0 50px;
            color: #5c2d91;
            font-weight: 300;
            background: #f0f0f0
        }

        .content-locator-wrap .title-welcome {
            margin: 0 0 25px;
            text-align: center;
            font-size: 40px;
            font-weight: 300;
            color: #5c2d91
        }

        .content-locator-wrap .title-welcome strong {
            font-weight: 700
        }

        .content-locator-wrap .text-locator {
            font-size: 22px;
            max-width: 550px;
            width: 100%;
            margin: 0 auto 30px;
            text-align: center
        }

        .block-title-locator {
            background: #5c2d91;
            color: #fff;
            padding: 15px;
            text-align: center;
            margin-bottom: 50px
        }

        .block-title-locator img {
            width: 150px;
            display: inline-block;
            vertical-align: top
        }

        .block-title-locator img+h2 {
            margin-left: 18px
        }

        .block-title-locator h2 {
            color: #fff;
            margin: 20px 0 0;
            font-size: 30px;
            font-weight: 600;
            display: inline-block;
            vertical-align: top
        }

        .locator-table {
            display: table;
            margin: 0 -50px 85px
        }

        .block-locator {
            display: table-cell;
            background: #fff;
            width: 580px;
            border-left: 50px solid #f0f0f0;
            border-right: 50px solid #f0f0f0
        }

        .block-locator .block-title {
            height: 215px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            background-color: #5c2d91;
            text-align: center;
            padding: 35px 15px
        }

        .block-locator .block-title .title-head {
            display: none
        }

        .block-locator .block-title .img {
            height: 140px;
            display: inline-block
        }

        .block-locator .content {
            padding: 20px 15px 50px
        }

        .block-locator .content .title-content {
            text-align: center;
            margin-bottom: 35px
        }

        .block-locator .content .title-content .title {
            margin: 0;
            color: #5c2d91;
            font-size: 43px;
            font-weight: 400
        }

        .block-locator .content .title-content .subtitle {
            margin: 0;
            color: #5c2d91;
            font-weight: 300;
            font-size: 21px;
            font-style: italic
        }

        .list-contries {
            max-width: 150px;
            width: 100%;
            margin: 0 auto
        }

        .list-contries a {
            color: #5c2d91;
            transition: .3s;
            font-size: 18px;
            text-transform: uppercase
        }

        .list-contries a:focus,
        .list-contries a:hover {
            color: #5c2d91;
            text-decoration: none;
            font-weight: 600
        }

        .block-link-social-locator {
            color: #5c2d91
        }

        .block-link-social-locator li {
            display: inline-block;
            padding-right: 0;
            padding-left: 0
        }

        .block-link-social-locator .fa,
        .block-link-social-locator .icon-social {
            width: 50px;
            height: 50px;
            padding: 12px 0;
            background: #5c2d91;
            border-radius: 50%;
            color: #fff;
            font-size: 28px
        }

        .block-link-social-locator .icon-social {
            margin-top: -15px
        }

        .text-joint {
            font-size: 24px;
            margin-bottom: 0
        }

        .text-bein {
            font-size: 20px;
            margin-bottom: 0
        }

        .block-link-social-locator:focus,
        .block-link-social-locator:hover {
            text-decoration: none;
            color: #5c2d91
        }

        @media (min-width:1600px) {
            .content-locator-wrap .container {
                width: 1600px
            }
        }

        @media screen and (max-width:1460px) {
            .locator-table {
                margin: 0 -25px 85px
            }

            .block-locator {
                border-left: 25px solid #f0f0f0;
                border-right: 25px solid #f0f0f0
            }
        }

        @media screen and (max-width:1170px) {
            .locator-wrap .header-locator-wrap {
                padding-top: 20px
            }

            .locator-wrap .bg-wrap {
                height: 105px
            }

            .locator-wrap .header-locator-wrap img {
                max-width: 95px;
                padding: 0 5px 10px
            }

            .content-locator-wrap {
                padding: 40px 0 50px
            }

            .content-locator-wrap .title-welcome {
                margin: 0 0 25px;
                font-size: 40px
            }

            .content-locator-wrap .text-locator {
                font-size: 25px;
                margin-bottom: 40px
            }

            .block-title-locator {
                margin-bottom: 60px
            }

            .block-locator .block-title {
                height: 175px
            }

            .block-locator .block-title .img {
                height: 110px
            }

            .block-locator .content .title-content {
                margin-bottom: 25px
            }

            .block-locator .content .title-content .title {
                font-size: 33px;
                font-weight: 400
            }

            .block-locator .content .title-content .subtitle {
                font-weight: 300;
                font-size: 16px
            }

            .block-locator .content {
                padding: 20px 15px 30px
            }

            .block-title-locator img {
                width: 120px
            }

            .block-title-locator h2 {
                font-size: 23px;
                margin-top: 15px
            }

            .blocator-table {
                margin: 0 -25px 65px
            }
        }

        @media screen and (max-width:992px) {
            .locator-wrap .bg-wrap {
                height: 170px
            }

            .locator-wrap .header-locator-wrap {
                padding-top: 10px
            }

            .locator-wrap .header-locator-wrap img {
                max-width: 85px;
                width: 100%;
                padding: 0 5px 7px
            }

            .content-locator-wrap {
                padding: 15px 0 20px
            }

            .content-locator-wrap .title-welcome {
                margin: 0 0 15px;
                font-size: 22px
            }

            .content-locator-wrap .text-locator {
                font-size: 13px;
                margin-bottom: 20px
            }

            .block-title-locator {
                padding: 10px;
                margin: 0 auto 25px;
                width: 100%;
                max-width: 450px
            }

            .block-title-locator img {
                width: 60px
            }

            .block-title-locator h2 {
                margin: 10px 0 0;
                font-size: 11px
            }

            .block-title-locator img+h2 {
                margin-left: 5px
            }

            .locator-table {
                margin: 0;
                display: block
            }

            .block-locator {
                border: 0;
                display: block;
                width: 100%;
                max-width: 450px;
                margin: 0 auto 20px
            }

            .block-locator .block-title {
                background-image: none !important;
                height: 100%;
                text-align: left;
                padding: 7px
            }

            .block-locator .block-title .img {
                height: 29px;
                display: inline-block;
                float: left
            }

            .block-locator .block-title .title-head {
                float: right;
                text-align: right;
                display: block;
                width: calc(100% - 100px)
            }

            .block-locator .block-title .title-head h3 {
                color: #fff;
                margin: 0;
                font-weight: 400;
                font-size: 15px
            }

            .block-locator .block-title .title-head h4 {
                color: #fff;
                margin: 0;
                font-weight: 400;
                font-size: 12px;
                font-style: italic
            }

            .block-locator .content {
                padding: 15px 10px;
                overflow: hidden
            }

            .block-locator .content .title-content {
                display: none
            }

            .list-contries {
                max-width: 100%;
                width: 100%;
                margin: 0 auto
            }

            .list-contries li {
                float: left;
                width: 50%
            }

            .list-contries li:nth-child(2n) {
                float: right;
                text-align: right
            }

            .list-contries a {
                color: #5c2d91;
                transition: .3s;
                font-size: 13px;
                text-transform: uppercase;
                border-bottom: 1px solid;
                padding-bottom: 5px;
                margin-bottom: 5px;
                display: inline-block
            }

            .block-link-social-locator .fa,
            .block-link-social-locator .icon-social {
                width: 30px;
                height: 30px;
                padding: 9px 0;
                background: #5c2d91;
                border-radius: 50%;
                color: #fff;
                font-size: 14px
            }

            .block-link-social-locator .icon-social {
                margin-top: -5px
            }

            .text-joint {
                font-size: 15px;
                margin-bottom: 0
            }

            .text-bein {
                font-size: 13px;
                margin-bottom: 0
            }
        }

        @media screen and (max-width:767px) {
            .locator-wrap .bg-wrap {
                display: none
            }
        }

        .form-control {
            font-family: Gotham-Book
        }

        html body {
            background-color: #eae9f0;
            -ms-overflow-style: none;
            margin: 0;
            font-family: Gotham-Book
        }

        .welcome {
            font-family: Gotham-Book;
            font-size: 20px;
            vertical-align: middle
        }

        .mainheader {
            font-family: Gotham-Bold;
            font-size: 28px;
            font-weight: 700;
            margin-top: 10px
        }

        .mainheader2 {
            font-family: Gotham-Book;
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 30px
        }

        .mainheader3 {
            font-family: Gotham-Book;
            font-size: 18px;
            margin-bottom: 30px;
            font-weight: 700
        }

        .form-rounded {
            border-radius: 5rem;
            border: 1px solid #d5d4d8;
            height: 48px
        }

        .form-rounded-signin {
            border-radius: 5rem;
            height: 48px
        }

        .form-rounded2 {
            border-radius: 1rem;
            border: 1px solid #d5d4d8;
            height: 48px;
            resize: none
        }

        .form-rounded_texarea {
            border: 1px solid #d5d4d8
        }

        .err {
            color: red;
            font-family: Gotham-Book;
            font-size: 12pt;
            margin-top: 5px
        }

        .info {
            color: green;
            font-family: Gotham-Book;
            font-size: 12pt;
            margin-top: 5px
        }

        .row no-container {
            margin-left: 0 !important;
            margin-right: 0 !important
        }

        .btn-success {
            background-color: #5c2d91;
            border-color: #fff !important;
            font-family: Gotham-Book;
            text-transform: capitalize;
            font-size: 16px;
            height: 48px
        }

        .btn-success-signin {
            background-color: #5c2d91;
            font-family: Gotham-Book;
            font-size: 16px;
            height: 48px;
            color: #fff;
            text-transform: none
        }

        .btn-success.active,
        .btn-success:active,
        .btn-success:focus,
        .btn-success:hover,
        .open>.dropdown-toggle.btn-success {
            color: #fff;
            background-color: #7a41ba !important;
            border-color: #fff !important;
            outline: 0;
            height: 48px
        }

        .btn-success-signin:hover {
            color: #fff;
            background-color: #7a41ba !important;
            outline: 0;
            height: 48px
        }

        .pointer {
            cursor: pointer;
            font-family: Gotham-Book
        }

        .headerlink {
            font-family: Gotham-Book;
            font-size: 14pt;
            color: #5b3088;
            cursor: pointer
        }

        .fa {
            cursor: pointer
        }

        @media only screen and (min-device-width:768px) {
            .mobiletabmenutext {
                padding-top: 5px;
                font-family: Gotham-Book;
                font-size: 14px;
                color: #4a3562
            }

            #header {
                display: ''
            }

            #mobilemenu {
                display: none !important
            }

            button {
                width: 60%;
                margin: 0 auto
            }

            .logo {
                width: 120px;
                height: auto;
                padding-top: 10px;
                padding-bottom: 10px
            }
        }

        @media only screen and (min-device-width :481px) and (max-device-width :767px) {
            #header {
                display: ''
            }

            #mobilemenu {
                display: none !important
            }

            button {
                width: 100%;
                margin: 0 auto
            }

            .logo {
                width: 120px;
                height: auto;
                padding-top: 10px;
                padding-bottom: 10px
            }
        }

        @media only screen and (min-device-width :320px) and (max-device-width :480px) {
            .mobiletabmenutext {
                padding-top: 5px;
                font-family: Gotham-Book;
                font-size: 10px;
                color: #4a3562
            }

            #header {
                display: none
            }

            #mobilemenu {
                display: block !important
            }

            button {
                width: 100%;
                margin: 0 auto
            }

            .logo {
                width: 120px;
                height: auto;
                padding-top: 10px;
                padding-bottom: 10px
            }
        }

        a:active,
        a:hover,
        a:link,
        a:visited {
            text-decoration: none
        }

        label {
            display: inline-block;
            font-family: Gotham-Book;
            margin-top: 5px;
            margin-bottom: 5px
        }

        .valign-m {
            display: block
        }

        .valign-b {
            display: table-cell;
            vertical-align: bottom;
            text-align: left
        }

        .valign-b li,
        .valign-b li a {
            font-size: 13px;
            color: #8e8e8e
        }

        .signin_link {
            color: #767382
        }

        .curved_buttons_signout {
            border: 1px solid #2b2932;
            color: #2b2932;
            text-align: center;
            margin: 0 auto;
            height: 40px;
            line-height: 40px;
            cursor: pointer;
            width: 100%;
            font-family: Gotham-Book;
            font-weight: 600;
            border-radius: 30px
        }

        .curved_buttons_signout_black {
            background-color: #2b3932;
            border: 1px solid #2b2932;
            color: #fff;
            text-align: center;
            width: 100%;
            margin: 0 auto;
            height: 40px;
            line-height: 40px;
            cursor: pointer;
            font-family: Gotham-Book;
            font-weight: 600;
            display: inline-block;
            float: left;
            border-radius: 30px
        }

        .curved_buttons_signout_black1 {
            background-color: #2b3932;
            border: 1px solid #2b2932;
            color: #fff;
            text-align: center;
            margin: 0 auto;
            height: 40px;
            line-height: 40px;
            cursor: pointer;
            font-family: Gotham-Book;
            font-weight: 600;
            float: left;
            display: inline-block;
            width: 48%;
            border-radius: 30px
        }

        .curved_buttons_signout_black2 {
            background-color: #2b3932;
            border: 1px solid #2b2932;
            color: #fff;
            text-align: center;
            margin: 0 auto;
            height: 40px;
            line-height: 40px;
            cursor: pointer;
            font-family: Gotham-Book;
            font-weight: 600;
            float: right;
            display: inline-block;
            width: 48%;
            border-radius: 30px
        }

        .curved_buttons_signout2 {
            border: 4px solid #d1d0e0;
            color: #2b2932;
            text-align: center;
            margin: 0 auto;
            width: 100%;
            font-family: Gotham-Book;
            font-weight: 600;
            cursor: pointer;
            font-size: 20px;
            background-color: #fff;
            height: 50px;
            line-height: 50px;
            border-radius: 30px
        }

        .showtd {
            font-weight: 700
        }

        #cover-spin {
            position: fixed;
            width: 100%;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: rgba(255, 255, 255, .7);
            z-index: 9999;
            display: none
        }

        @-webkit-keyframes spin {
            from {
                -webkit-transform: rotate(0)
            }

            to {
                -webkit-transform: rotate(360deg)
            }
        }

        @keyframes spin {
            from {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

            to {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }

        #cover-spin::after {
            content: '';
            display: block;
            position: absolute;
            left: 48%;
            top: 40%;
            width: 40px;
            height: 40px;
            border-style: solid;
            border-color: transparent #639 #639;
            border-width: 4px;
            border-radius: 50%;
            -webkit-animation: .8s linear infinite spin;
            animation: .8s linear infinite spin
        }

        .body-height {
            min-height: calc(100vh - 150px)
        }

        .closer {
            font-size: 26px;
            cursor: pointer;
            font-family: Gotham-Book
        }

        .footerlinks:active,
        .footerlinks:hover,
        .footerlinks:link,
        .footerlinks:visited {
            color: #696969;
            font-size: 14px
        }

        .floats {
            float: right;
            cursor: pointer
        }

        .floats2 {
            float: left;
            cursor: pointer
        }

        #menu {
            padding-top: 40px
        }

        .page-item.active .page-link {
            z-index: 1;
            color: #fff;
            background-color: #d1d0e0;
            border-color: #d1d0e0
        }

        #mobilemenu {
            padding: 0;
            margin: 0;
            background-color: #fff
        }

        hr {
            padding: 0;
            margin: 0
        }

        .menulink {
            color: #44414f;
            margin-top: 15px;
            margin-bottom: 15px;
            clear: both;
            font-family: Gotham-Book;
            font-size: 20px;
            display: block
        }

        .menulink_current {
            color: #44414f;
            margin-top: 15px;
            margin-bottom: 15px;
            clear: both;
            font-family: Gotham-Book;
            font-size: 20px;
            display: block;
            font-weight: 700
        }

        .menulink1 {
            color: #44414f;
            margin-top: 15px;
            margin-bottom: 15px;
            clear: both;
            font-family: Gotham-Book;
            font-size: 18px;
            display: block
        }

        .menuhead {
            font-family: Gotham-Book;
            font-size: 20px;
            margin-top: 10px;
            margin-bottom: 10px
        }

        .mobilelogo {
            width: 100px;
            margin-top: 10px;
            padding-left: 10px
        }

        .bottommobile {
            position: absolute;
            bottom: 0;
            width: 95%;
            margin-right: auto;
            margin-left: auto
        }

        .overlay {
            height: 100vh;
            width: 0;
            position: fixed;
            z-index: 1500;
            top: 0;
            left: 0;
            background-color: rgba(255, 255, 255, .97);
            overflow-x: hidden;
            transition: .1s
        }

        .overlay-content {
            position: relative;
            width: 100%;
            height: calc(90vh);
            box-sizing: border-box
        }

        .overlay a {
            padding: 10px;
            text-decoration: none;
            font-size: 16px;
            color: #44414f;
            display: block;
            transition: .3s;
            font-weight: 700
        }

        .activateButton {
            padding: 0 !important;
            text-decoration: none;
            font-size: 16px;
            color: #44414f;
            display: block;
            transition: .3s;
            font-weight: 100 !important
        }

        .overlay a:focus,
        .overlay a:hover {
            color: #000
        }

        .overlay .closebtn {
            right: 30px;
            font-size: 40px
        }

        @media screen and (max-height:450px) {
            .overlay a {
                font-size: 20px
            }

            .overlay .closebtn {
                font-size: 40px;
                top: 15px;
                right: 35px
            }
        }

        input[type=file] {
            display: none
        }

        .container {
            padding-right: 5px;
            padding-left: 5px;
            margin-right: auto;
            margin-left: auto
        }

        .row {
            padding: 0;
            margin: 0
        }

        .row.no-pad {
            margin-right: 0;
            margin-left: 0
        }

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

        .vertical {
            display: flex;
            align-items: center
        }

        .main-footer {
            border-bottom: 3px solid #fff
        }

        .curved_full_container {
            width: 100%;
            float: right
        }

        .right {
            border-bottom-right-radius: 100px;
            border-top-right-radius: 100px;
            overflow: hidden
        }

        .left {
            border-bottom-left-radius: 100px;
            border-top-left-radius: 100px;
            overflow: hidden
        }

        .right_over {
            border-bottom-right-radius: 100px;
            border-top-right-radius: 100px;
            height: 100px;
            overflow: hidden
        }

        .left_over {
            border-bottom-left-radius: 100px;
            border-top-left-radius: 100px;
            height: 100px;
            overflow: hidden
        }

        .promotion_right_over {
            border-bottom-right-radius: 100px;
            border-top-right-radius: 100px;
            height: 100px;
            overflow: hidden
        }

        .promotion_left_over {
            border-bottom-left-radius: 100px;
            border-top-left-radius: 100px;
            height: 100px;
            overflow: hidden
        }

        .language {
            cursor: pointer;
            font-family: Gotham-Book;
            font-size: 16px
        }

        .languagenone {
            cursor: pointer;
            font-family: Gotham-Book;
            font-size: 14px
        }

        .curved_buttons_top {
            float: left;
            font-family: Gotham-XLight;
            font-size: 20px;
            background-color: #5c2d91;
            color: #fff;
            text-align: center;
            margin: 0 auto 10px;
            height: 50px;
            line-height: 50px;
            cursor: pointer;
            width: 95%;
            border-radius: 30px
        }

        .curved_buttons_top_current {
            font-family: Gotham-XLight;
            font-size: 20px;
            color: #fff;
            text-align: center;
            margin: 0 auto 10px;
            height: 50px;
            line-height: 50px;
            cursor: pointer;
            background-color: #7a41ba !important;
            border-color: #fff !important;
            outline: 0;
            width: 95%;
            float: left;
            border-radius: 30px
        }

        .curved_buttons_top.active,
        .curved_buttons_top:active,
        .curved_buttons_top:focus,
        .curved_buttons_top:hover,
        .open>.dropdown-toggle.btn-success {
            color: #fff;
            background-color: #7a41ba !important;
            border-color: #fff !important;
            outline: 0
        }

        .btn-full {
            width: 100%
        }

        .curved_buttons_white {
            font-family: Gotham-Medium;
            font-size: 14pt;
            background: #fff;
            background: radial-gradient(circle, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 0, rgba(233, 233, 240, 1) 100%);
            color: #4a3562;
            text-align: center;
            width: 100%;
            margin: 4px 10px 0 auto;
            float: left;
            height: 40px;
            line-height: 40px;
            cursor: pointer;
            border: 1px solid #767382;
            box-shadow: 1px 1px #00000029;
            border-radius: 30px
        }

        .curve_mainheader {
            font-family: Gotham-XLight;
            font-size: 30px;
            color: #2b2932;
            display: block;
            font-weight: 100;
            margin-bottom: 20px
        }

        .curve_header1 {
            font-family: Gotham-Medium;
            font-size: 16px;
            font-weight: 300;
            display: block;
            color: #767382;
            padding-top: 6px
        }

        .curve_header2 {
            font-family: Gotham-Medium;
            font-size: 15px;
            font-weight: 700;
            display: block;
            color: #2b2932;
            padding-bottom: 6px
        }

        .signedin_curved_all {
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            background-color: #fff;
            color: #fff;
            width: 100%;
            display: inline-block;
            height: 100%
        }

        .curved_half {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            background-color: #fff;
            color: #8d8c9c;
            width: 100%
        }

        .curved_half_end {
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            background-color: #fff;
            color: #8d8c9c;
            width: 100%
        }

        .curved_full {
            border-radius: 30px;
            background-color: #fff;
            color: #8d8c9c;
            width: 100%
        }

        .signedin_curve_header {
            font-family: Gotham-Book;
            font-size: 18px;
            font-weight: 600;
            padding-top: 10px;
            padding-bottom: 10px;
            color: #2b2932;
            display: block
        }

        .valign-m {
            vertical-align: middle;
            width: 100%;
            margin: 0 auto;
            padding: 0
        }

        .valign-m-c {
            display: table-cell
        }

        .select {
            line-height: 100px;
            font-weight: 600
        }

        .select_over {
            line-height: 100px;
            font-weight: 600
        }

        .curved_buttons_right,
        .curved_buttons_right2 {
            border: 1px solid #44414f;
            color: #44414f;
            text-align: center;
            width: 55%;
            margin: 4px auto 0;
            float: left;
            height: 40px;
            line-height: 40px;
            cursor: pointer;
            border-radius: 30px
        }

        .action {
            -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1);
            transition: all .65s linear 0s
        }

        .actionnormal {
            -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
            transition: all 0s linear 0s
        }

        .mobileshowinner {
            width: 100%;
            margin: 0 auto;
            clear: both;
            padding: 10px
        }

        @media only screen and (min-width :320px) {
            .curved_buttons_red_new {
                border: 1px solid #44414f;
                color: #fff;
                text-align: center;
                margin: 4px auto 0 10px;
                float: left;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                background-color: #c90000;
                width: 160px;
                border-radius: 30px
            }

            .curved_buttons_green_new {
                border: 1px solid #44414f;
                color: #fff;
                text-align: center;
                margin: 4px auto 0 10px;
                float: left;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                background-color: green;
                width: 160px;
                border-radius: 30px
            }

            .thad {
                background-color: #fff;
                color: #2b2932;
                font-size: 16px;
                vertical-align: middle
            }

            .ths {
                color: #2b2932;
                font-family: Gotham-Book;
                font-size: 16px;
                font-weight: 700;
                background-color: #fff
            }

            .thd {
                background-color: #fff;
                color: #2b2932;
                vertical-align: middle;
                font-size: 16px
            }

            .tblcell:nth-of-type(1) {
                font-weight: 700;
                float: left;
                width: 50%
            }

            .tblcell:nth-of-type(2) {
                float: left;
                width: 50%
            }

            .left,
            .left_over,
            .mobileshow,
            .promotion_left_over,
            .promotion_right_over,
            .right,
            .right_over {
                display: none
            }

            .summarybuttons {
                background-color: #eae9f0;
                text-align: center;
                margin: 0 auto;
                z-index: 1;
                position: fixed;
                right: 0;
                bottom: 0;
                left: 0
            }

            .order_summary,
            .order_summary_nodisplay {
                display: none
            }

            .summarybuttonsall {
                background-color: #eae9f0;
                text-align: center;
                margin: 0 auto;
                z-index: 1;
                position: fixed;
                right: 0;
                bottom: 0;
                left: 0;
                display: none
            }

            .summarybuttonsall_2 {
                background-color: #eae9f0;
                text-align: center;
                margin: 0 auto;
                z-index: 1;
                position: fixed;
                right: 0;
                top: calc(100% - 130px);
                left: 0
            }

            .curved_buttons_red_promotion {
                display: block
            }

            .footer2 {
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                background-color: #fff;
                height: 120px
            }

            .footerleft {
                display: table;
                width: 100%;
                height: 60px;
                text-align: center
            }

            .footerright {
                display: table;
                width: 100%;
                height: 10px;
                text-align: center
            }

            .collapsible,
            .expandable {
                display: block
            }

            .curved_buttons_active {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #293;
                color: #fff;
                text-align: center;
                width: 46% !important;
                margin: 4px 10px 0 auto;
                float: left;
                height: 28px;
                line-height: 28px;
                border: 0;
                border-radius: 30px
            }

            .curved_buttons_setdefault {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #d5d4d8;
                color: #2b2932;
                text-align: center;
                width: 46% !important;
                margin: 4px 10px 0 auto;
                float: left;
                height: 28px;
                line-height: 28px;
                cursor: pointer;
                border: 1px solid #293;
                border-radius: 30px
            }
        }

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

            .left,
            .left_over,
            .promotion_left_over,
            .promotion_right_over,
            .right,
            .right_over {
                display: none
            }

            .footer2 {
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                background-color: #fff;
                height: 120px
            }

            .footerleft {
                display: table;
                width: 100%;
                height: 60px;
                text-align: center
            }

            .footerright {
                display: table;
                width: 100%;
                height: 10px;
                text-align: center
            }
        }

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

            .left,
            .left_over,
            .promotion_left_over,
            .promotion_right_over,
            .right,
            .right_over {
                display: none
            }

            .footer2 {
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                background-color: #fff;
                height: 120px
            }

            .footerleft {
                display: table;
                width: 100%;
                height: 60px;
                text-align: center
            }

            .footerright {
                display: table;
                width: 100%;
                height: 10px;
                text-align: center
            }
        }

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

            .left,
            .left_over,
            .promotion_left_over,
            .promotion_right_over,
            .right,
            .right_over {
                display: block
            }

            .mobileshow {
                display: block !important
            }

            .summarybuttons {
                display: block;
                position: absolute
            }

            .summarybuttonsall {
                text-align: center;
                margin: 0 auto;
                position: relative;
                left: auto;
                bottom: auto;
                right: auto;
                background: 0 0;
                width: 95%;
                display: block
            }

            .summarybuttonsall_2 {
                text-align: center;
                margin: 0 auto;
                position: relative;
                left: auto;
                bottom: auto;
                right: auto;
                background: 0 0;
                width: 95%;
                top: auto
            }

            .order_summary {
                display: block
            }

            .collapsible,
            .curved_buttons_red_promotion,
            .expandable,
            .order_summary_nodisplay {
                display: none
            }

            .footer {
                background-color: #fff;
                height: 80px;
                width: 100%;
                padding-top: 20px
            }

            .footer2 {
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                background-color: #fff;
                height: 80px
            }

            .footerleft,
            .footerright {
                display: table;
                width: 100%;
                height: 60px;
                text-align: center
            }
        }

        @media only screen and (min-width :992px) {
            .thad {
                background-color: #faf7ff;
                color: #2b2932;
                font-size: 16px;
                vertical-align: middle;
                height: 40px
            }

            .ths {
                color: #2b2932;
                font-family: Gotham-Book;
                font-size: 16px;
                font-weight: 700;
                background-color: #fff;
                height: 40px
            }

            .thd {
                background-color: #fff;
                color: #2b2932;
                vertical-align: middle;
                font-size: 16px;
                height: 40px
            }

            .tblcell:nth-of-type(1) {
                font-weight: 700;
                width: 100%
            }

            .tblcell:nth-of-type(2) {
                width: 100%
            }

            .tblcell {
                display: table-cell;
                height: 40px;
                vertical-align: middle
            }

            .tblhead {
                font-weight: 700
            }

            .footerleft,
            .footerright {
                display: table;
                width: 100%;
                height: 60px;
                text-align: center
            }

            .fixed-bottom {
                display: none
            }
        }

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

            .footerleft,
            .footerright {
                display: table;
                width: 100%;
                height: 60px;
                text-align: center
            }
        }

        .transparent-input::-webkit-input-placeholder {
            color: #767382;
            font-size: 14px;
            font-family: Gotham-Medium
        }

        .transparent-input::-moz-placeholder {
            color: #767382;
            font-size: 14px;
            font-family: Gotham-Medium
        }

        .transparent-input:-moz-placeholder {
            color: #767382;
            font-size: 14px;
            font-family: Gotham-Medium
        }

        .transparent-input:-ms-input-placeholder {
            color: #767382;
            font-size: 14px;
            font-family: Gotham-Medium
        }

        .mobileheader {
            background-color: #fff;
            height: 60px;
            width: 100%
        }

        .mobileheadertext {
            font-family: Gotham-Book;
            font-size: 18px;
            font-weight: 700;
            text-transform: uppercase;
            margin-top: 10px;
            margin-bottom: 10px;
            color: #5c2D9 !important;
            padding-left: 10px
        }

        .scrolling-wrapper {
            white-space: nowrap;
            text-align: right;
            margin-right: -14px !important;
            overflow-y: scroll;
            margin-bottom: -14px !important;
            overflow-x: scroll;
            -webkit-overflow-scrolling: touch
        }

        .scrolling-wrapper .card1 {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            background-color: red;
            display: inline-block;
            width: 110px;
            height: 40px;
            padding-top: 10px;
            margin-top: 10px;
            font-family: Gotham-Book;
            font-size: 14px;
            font-weight: 700;
            color: #fff;
            cursor: pointer;
            text-align: center
        }

        .scrolling-wrapper .card2 {
            display: inline-block;
            width: 80px;
            font-family: Gotham-Book;
            font-size: 14px;
            font-weight: 700;
            color: #2b2932;
            cursor: pointer;
            padding-top: 10px;
            margin-top: 10px;
            text-align: center
        }

        .scrolling-wrapper .card2_left {
            display: inline-block;
            width: 80px;
            font-family: Gotham-Book;
            font-size: 14px;
            font-weight: 700;
            color: #2b2932;
            cursor: pointer;
            padding-top: 10px;
            margin-top: 10px;
            text-align: left
        }

        .txtcreate {
            font-family: Gotham-Book;
            font-size: 16px
        }

        .box {
            width: 80%;
            height: auto
        }

        .cashu {
            width: 50%
        }

        @media only screen and (min-width :320px) {
            .curved_buttons_left {
                display: inline-block;
                font-family: Gotham-Book;
                font-size: 16px;
                background-color: #44414f;
                color: #fff;
                text-align: center;
                width: 40% !important;
                margin: 10px auto;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                float: left;
                border-radius: 30px
            }

            .curved_buttons_right {
                display: inline-block;
                font-family: Gotham-Book;
                font-size: 16px;
                background-color: #5c2d91;
                color: #fff;
                text-align: center;
                width: 55% !important;
                margin: 10px auto;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                float: right;
                border-radius: 30px
            }

            .curved_buttons_confirm {
                font-family: Gotham-Book;
                font-size: 16px;
                background-color: #5c2d91;
                color: #fff;
                text-align: center;
                width: 55% !important;
                margin: 10px auto;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                float: right;
                border-radius: 30px
            }

            .approved {
                width: 100%;
                height: 190px;
                background-color: #293;
                margin: 0 auto;
                display: none
            }

            .rejected {
                width: 100%;
                height: 190px;
                background-color: #c90000;
                margin: 0 auto;
                display: none
            }

            .min-height {
                display: none
            }

            .valign-m {
                vertical-align: middle;
                width: 100%
            }

            .curved_full_container {
                width: 95%;
                float: left
            }

            div.middle {
                border-radius: 50px;
                display: table;
                background: #fbfbfd;
                width: 100%;
                float: left;
                overflow: hidden
            }

            div.middle_selected {
                border-radius: 50px;
                display: table;
                background: #fff;
                width: 100%;
                float: left;
                overflow: hidden
            }

            div.middle_expanded {
                border-radius: 20px;
                display: table;
                width: 100%;
                float: left;
                overflow: hidden;
                height: 180px;
                padding-bottom: 20px
            }

            div.middle_collapsed {
                border-radius: 50px;
                display: table;
                width: 100%;
                float: left;
                overflow: hidden
            }

            div.promotion_middle_selected {
                border-radius: 20px;
                display: table;
                background: #fff;
                width: 100%;
                float: left;
                overflow: hidden;
                height: 350px;
                padding-top: 13px;
                padding-bottom: 20px
            }

            .promotion_left,
            .promotion_right {
                display: none
            }

            .txt1-xs-xm_desc {
                clear: both;
                font-family: Gotham-Book;
                font-size: 16px;
                color: #2b2932;
                cursor: pointer;
                width: 100%;
                margin: 0 auto;
                padding: 0 10px;
                height: auto
            }

            div:not([chosen=true])[status=collapsed] .mobilebg,
            div:not([chosen=true])[status=expanded] .mobilebg {
                width: 100%;
                background-color: #fff
            }

            div [chosen=true][status=expanded] .mobilebg,
            div[status=collapsed][chosen=true] .mobilebg {
                width: 100%;
                background-color: #5c2d91
            }

            div [chosen=true][status=expanded][promotion=true] .mobilebg,
            div[status=collapsed][chosen=true][promotion=true] .mobilebg {
                width: 100%;
                background-color: #243588
            }

            .mobilebg1 {
                width: 12%;
                text-align: right;
                float: left;
                margin: 6px auto
            }

            .mobilebg2 {
                float: left;
                width: 75%;
                margin: 6px auto
            }

            .mobilebg2-long {
                float: left;
                width: 82%;
                margin: 6px auto
            }

            .mobilebg3 {
                float: left;
                padding-left: 10px;
                margin: 6px auto;
                width: 10%
            }

            .txt1-xs-xm {
                font-family: Gotham-Medium;
                font-size: 16px;
                color: #2b2932;
                cursor: pointer;
                width: 100%;
                margin: 0 auto;
                padding-top: 5px;
                height: 65px;
                min-height: 62px;
                max-height: 65px
            }

            div[status=expanded] .txt1-xs-xm {
                font-family: Gotham-Medium;
                font-size: 16px;
                color: #2b2932;
                cursor: pointer;
                width: 100%;
                margin: 0 auto;
                height: 65px;
                min-height: 62px;
                max-height: 65px
            }

            div[chosen=true] .txt1-xs-xm,
            div[chosen=true][status=expanded] .txt1-xs-xm {
                font-family: Gotham-Medium;
                font-size: 16px;
                color: #fff;
                cursor: pointer;
                width: 100%;
                margin: 0 auto;
                height: 65px;
                min-height: 62px;
                max-height: 65px
            }

            div:not([chosen=true]) .float1 {
                display: none
            }

            div[chosen=true] .float1 {
                position: absolute;
                float: right;
                width: 93%;
                text-align: right;
                display: block
            }

            .float2 {
                position: absolute;
                float: right;
                text-align: center;
                width: 23px;
                height: 23px;
                top: -10px;
                border-radius: 50px;
                background-color: #fff;
                border: 1px solid #5c2d91
            }

            .float2 img {
                position: relative;
                top: -2px
            }

            div:not([chosen=true]) .float1_red {
                display: none
            }

            div[chosen=true] .float1_red {
                position: absolute;
                float: right;
                width: 93%;
                text-align: right;
                display: block
            }

            .float2_red {
                position: absolute;
                float: right;
                border: 1px solid #c90000;
                text-align: center;
                width: 23px;
                height: 23px;
                top: -10px;
                border-radius: 50px;
                background-color: #fff
            }

            .float2_red img {
                position: relative;
                top: -2px
            }

            .txt1-xs-xm_left {
                width: 60%;
                float: left
            }

            .txt1-xs-xm_right {
                width: 30%;
                float: left;
                display: block
            }

            .txt2 {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #2b2932;
                cursor: pointer;
                padding-left: 35px
            }

            .txt2_light {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #2b2932;
                cursor: pointer;
                display: inline-block;
                padding-left: 35px
            }

            .txt2_light2 {
                font-family: Gotham-Book;
                font-size: 12px;
                color: #2b2932;
                cursor: pointer;
                display: inline-block;
                padding-left: 35px
            }

            .txt3 {
                font-family: Gotham-Book;
                font-size: 12px;
                color: #2b2932;
                cursor: pointer;
                margin-top: 0;
                padding-left: 35px
            }

            .txt3_left {
                font-family: Gotham-Book;
                font-size: 12px;
                color: #2b2932;
                cursor: pointer;
                padding: 0 10px 0 0;
                float: left;
                background-color: #e9e9f0;
                height: 30px;
                vertical-align: middle;
                border-radius: 100px
            }

            .txt3_left_boxoffice {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #2b2932;
                cursor: pointer;
                padding: 0 10px 0 0;
                float: left;
                height: 30px;
                vertical-align: middle;
                font-style: italic
            }

            .txt3_left_red {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #fff;
                cursor: pointer;
                padding: 0 10px 0 0;
                float: left;
                background-color: #c90000;
                height: 30px;
                vertical-align: middle;
                border-radius: 100px
            }

            .txt3_right {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #2b2932;
                cursor: pointer;
                padding: 4px 10px 0;
                float: right;
                text-align: right;
                background-color: #e9e9f0;
                font-weight: 700;
                height: 30px;
                vertical-align: middle;
                border-radius: 100px
            }

            .txt3_right_red {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #fff;
                cursor: pointer;
                padding: 4px 10px 0;
                float: right;
                text-align: right;
                background-color: #c90000;
                font-weight: 700;
                height: 30px;
                vertical-align: middle;
                border-radius: 100px
            }

            .txt3_part {
                font-weight: 700
            }

            .txt3_left1 {
                font-family: Gotham-Book;
                font-size: 16px;
                color: #2b2932;
                cursor: pointer;
                margin-left: 35px;
                margin-top: 10px;
                width: 40%;
                float: left;
                padding: 0
            }

            .txt3_right1 {
                font-family: Gotham-Book;
                font-size: 12px;
                color: #2b2932;
                cursor: pointer;
                margin-top: 10px;
                width: auto;
                float: right;
                text-align: right;
                padding: 0;
                white-space: nowrapred
            }

            h4 {
                font-family: Gotham-Book
            }

            .curved_buttons {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #5c2d91;
                color: #fff;
                text-align: center;
                width: 100%;
                margin: 4px 10px 0 auto;
                float: left;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border: 0;
                border-radius: 30px
            }

            .curved_buttons_gray_cancel {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #d5d4d8;
                color: #2b2932;
                text-align: center;
                width: 100%;
                margin: 4px 10px 0 auto;
                float: left;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border: 0;
                border-radius: 30px
            }

            .curved_buttons_gray {
                margin: 4px auto 0;
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #e9e9f0;
                color: #2b2932;
                text-align: center;
                width: 90%;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border-radius: 30px
            }

            .curved_buttons_red {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #c90000;
                color: #fff;
                text-align: center;
                width: 100%;
                margin: 4px 10px 0 auto;
                float: left;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border-radius: 30px
            }

            .curved_buttons_red_promotion {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #c90000;
                color: #fff;
                width: 90%;
                margin: 4px auto 0;
                float: left;
                height: 35px;
                line-height: 35px;
                cursor: pointer;
                border-radius: 30px
            }
        }

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

            div[chosen=true] .float1,
            div[chosen=true] .float1_red {
                display: none
            }

            .curved_buttons_left {
                display: inline-block;
                font-family: Gotham-Book;
                font-size: 16px;
                background-color: #44414f;
                color: #fff;
                text-align: center;
                width: 40% !important;
                margin: 10px auto;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                float: left;
                border-radius: 30px
            }

            .curved_buttons_right {
                display: inline-block;
                font-family: Gotham-Book;
                font-size: 16px;
                background-color: #5c2d91;
                color: #fff;
                text-align: center;
                width: 55% !important;
                margin: 10px auto;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                float: right;
                border-radius: 30px
            }

            .curved_buttons_confirm {
                font-family: Gotham-Book;
                font-size: 16px;
                background-color: #5c2d91;
                color: #fff;
                text-align: center;
                width: 55% !important;
                margin: 10px auto;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                float: right;
                border-radius: 30px
            }

            .approved {
                width: 50%;
                height: 190px;
                background-color: #293;
                margin: 0 auto;
                display: none
            }

            .rejected {
                width: 50%;
                height: 190px;
                background-color: #c90000;
                margin: 0 auto;
                display: none
            }

            .min-height {
                display: none
            }

            .curved_full_container {
                width: 100%;
                float: left
            }

            .valign-m {
                vertical-align: middle;
                display: table-cell;
                width: 100%
            }

            div.middle {
                background: #fbfbfd;
                width: 60%;
                float: left;
                height: 125px;
                border-radius: 0;
                display: table
            }

            div.middle_expanded {
                background: #fbfbfd;
                width: 60%;
                float: left;
                height: 125px;
                border-radius: 0;
                display: table;
                padding: 0
            }

            div.middle_selected {
                background: #fbfbfd;
                width: 60%;
                float: left;
                height: 125px;
                border-radius: 0;
                display: table
            }

            div.promotion_middle_selected {
                background: #fbfbfd;
                width: 60%;
                float: left;
                height: 350px;
                border-radius: 0;
                display: table;
                padding-top: 0;
                padding-bottom: 0
            }

            .promotion_left {
                background: #fff;
                display: table;
                width: 25%;
                float: left;
                height: 350px;
                border-top-left-radius: 20px;
                border-bottom-left-radius: 20px
            }

            .promotion_right {
                background: #fff;
                display: table;
                width: 15%;
                float: left;
                height: 350px;
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px
            }

            div.left {
                background: #fff;
                display: table;
                width: 25%;
                float: left;
                height: 125px
            }

            div.right {
                background: #fff;
                display: table;
                width: 15%;
                float: left;
                height: 125px
            }

            .txt1-xs-xm {
                display: none !important
            }

            .txt1 {
                font-family: Gotham-Medium;
                font-size: 18px;
                color: #2b2932;
                cursor: pointer;
                margin-left: 40px;
                text-align: center;
                display: table-cell;
                vertical-align: middle
            }

            .txt1-xs-xm_desc {
                font-family: Gotham-Medium;
                font-size: 16px;
                color: #2b2932;
                cursor: pointer;
                width: 95%;
                padding: 0;
                text-align: justify
            }

            div[promotion=true][chosen=true] .txt1 {
                font-family: Gotham-Medium;
                font-size: 18px;
                color: #fff;
                cursor: pointer;
                margin-left: 40px;
                text-align: center;
                display: table-cell;
                vertical-align: middle
            }

            div[promotion=true][chosen=true] .left {
                background: #243588;
                display: table;
                width: 25%;
                float: left;
                height: 125px
            }

            div[promotion=true][chosen=true] .right {
                background: #243588;
                display: table;
                width: 15%;
                float: left;
                height: 125px
            }

            div[chosen=true] .select {
                margin: 0;
                vertical-align: middle;
                text-align: center;
                font-family: Gotham-Medium;
                font-size: 20px;
                width: 100%;
                padding: 0;
                overflow: hidden;
                color: #fff
            }

            div[promotion=true][chosen=true] .middle_expanded,
            div[promotion=true][chosen=true] .middle_selected {
                background: #fbfbfd;
                width: 60%;
                float: left;
                height: 125px;
                border-radius: 0;
                display: table
            }

            div[chosen=true] .txt1-xs-xm_desc {
                font-family: Gotham-Medium;
                font-size: 16px;
                color: #2b2932;
                cursor: pointer;
                width: 95%;
                padding: 0;
                text-align: justify
            }

            div:not([promotion=true])[chosen=true] .txt1 {
                font-family: Gotham-Medium;
                font-size: 18px;
                color: #fff;
                cursor: pointer;
                margin-left: 40px;
                text-align: center;
                display: table-cell;
                vertical-align: middle
            }

            div:not([promotion=true])[chosen=true] .left {
                background: #5c2d91;
                display: table;
                width: 25%;
                float: left;
                height: 125px
            }

            div:not([promotion=true])[chosen=true] .right {
                background: #5c2d91;
                display: table;
                width: 15%;
                float: left;
                height: 125px
            }

            .txt2 {
                font-family: Gotham-Bold;
                font-size: 18px;
                color: #2b2932;
                cursor: pointer;
                font-weight: 700;
                padding: 0;
                margin-left: 10px
            }

            .txt2_light {
                font-family: Gotham-Book;
                font-size: 16px;
                color: #2b2932;
                cursor: pointer;
                width: 100%;
                padding: 0;
                margin-left: 10px
            }

            .txt2_light2 {
                font-family: Gotham-Book;
                font-size: 12px;
                color: #2b2932;
                cursor: pointer;
                width: 100%;
                padding: 0;
                margin-left: 10px
            }

            .txt3 {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #2b2932;
                cursor: pointer;
                margin-left: 10px;
                margin-top: 5px;
                padding: 0
            }

            .txt3_left {
                font-family: Gotham-Book;
                font-size: 12px;
                color: #2b2932;
                cursor: pointer;
                padding: 0 10px 0 0;
                float: left;
                background-color: #e9e9f0;
                height: 30px;
                vertical-align: middle;
                border-radius: 100px
            }

            .txt3_left_boxoffice {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #2b2932;
                cursor: pointer;
                padding: 0 10px 0 0;
                float: left;
                height: 30px;
                vertical-align: middle;
                font-style: italic
            }

            .txt3_left_red {
                font-family: Gotham-Book;
                font-size: 12px;
                color: #fff;
                cursor: pointer;
                padding: 0 10px 0 0;
                float: left;
                background-color: #c90000;
                height: 30px;
                vertical-align: middle;
                border-radius: 100px
            }

            .txt3_right {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #2b2932;
                cursor: pointer;
                padding: 4px 10px 0;
                float: right;
                text-align: right;
                background-color: #e9e9f0;
                font-weight: 700;
                height: 30px;
                vertical-align: middle;
                border-radius: 100px
            }

            .txt3_right_red {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #fff;
                cursor: pointer;
                padding: 4px 10px 0;
                float: right;
                text-align: right;
                background-color: #c90000;
                font-weight: 700;
                height: 30px;
                vertical-align: middle;
                border-radius: 100px
            }

            .txt3_part {
                font-weight: 700
            }

            .txt3_left1 {
                font-family: Gotham-Book;
                font-size: 16px;
                color: #2b2932;
                cursor: pointer;
                margin-left: 10px;
                margin-top: 10px;
                width: 50%;
                float: left;
                padding: 0
            }

            .txt3_right1 {
                font-family: Gotham-Book;
                font-size: 12px;
                color: #2b2932;
                cursor: pointer;
                margin-top: 10px;
                width: 45%;
                float: left;
                text-align: right;
                padding: 0
            }

            h4 {
                font-family: Gotham-Book
            }

            .curved_buttons_gray {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #e9e9f0;
                color: #2b2932;
                text-align: center;
                width: 90%;
                margin: 4px auto 0;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border-radius: 30px
            }

            .curved_buttons {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #5c2d91;
                color: #fff;
                text-align: center;
                width: 100%;
                margin: 4px 10px 0 auto;
                float: left;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border: 0;
                border-radius: 30px
            }

            .curved_buttons_gray_cancel {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #d5d4d8;
                color: #2b2932;
                text-align: center;
                width: 100%;
                margin: 4px 10px 0 auto;
                float: left;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border: 0;
                border-radius: 30px
            }

            .curved_buttons_red {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #c90000;
                color: #fff;
                text-align: center;
                width: 100%;
                margin: 4px 10px 0 auto;
                float: left;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border-radius: 30px
            }

            .curved_buttons_red_promotion {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #c90000;
                color: #fff;
                width: 90%;
                margin: 4px auto 0;
                float: left;
                height: 35px;
                line-height: 35px;
                cursor: pointer;
                border-radius: 30px
            }
        }

        @media only screen and (min-width :992px) {
            .min-height {
                display: none
            }

            .curved_full_container {
                width: 100%;
                float: left
            }

            div.left {
                background: #fff;
                width: 25%;
                float: left;
                height: 125px;
                display: table
            }

            div.right {
                background: #fff;
                width: 15%;
                float: left;
                height: 125px
            }

            div.promotion_left_over {
                display: table;
                width: 25%;
                float: left;
                height: 125px;
                background-color: #c90000
            }

            div.promotion_right_over {
                display: table;
                width: 15%;
                float: left;
                height: 125px;
                background-color: #c90000
            }

            .txt1 {
                font-family: Gotham-Medium;
                font-size: 18px;
                color: #2b2932;
                cursor: pointer;
                margin-left: 40px;
                text-align: center;
                display: table-cell;
                vertical-align: middle
            }

            .txt2 {
                font-family: Gotham-Bold;
                font-size: 18px;
                color: #2b2932;
                cursor: pointer;
                margin-left: 10px;
                font-weight: 700;
                padding: 0
            }

            .txt2_light {
                font-family: Gotham-Book;
                font-size: 16px;
                color: #2b2932;
                cursor: pointer;
                margin-left: 10px;
                width: 100%;
                padding: 0
            }

            .txt2_light2 {
                font-family: Gotham-Book;
                font-size: 12px;
                color: #2b2932;
                cursor: pointer;
                margin-left: 10px;
                width: 100%;
                padding: 0
            }

            .txt3 {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #2b2932;
                cursor: pointer;
                margin-left: 10px;
                margin-top: 5px;
                padding: 0
            }

            .txt3_left {
                font-family: Gotham-Book;
                font-size: 12px;
                color: #2b2932;
                cursor: pointer;
                padding: 0 10px 0 0;
                float: left;
                background-color: #e9e9f0;
                height: 30px;
                vertical-align: middle;
                border-radius: 100px
            }

            .txt3_left_boxoffice {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #2b2932;
                cursor: pointer;
                padding: 0 10px 0 0;
                float: left;
                height: 30px;
                vertical-align: middle;
                font-style: italic
            }

            .txt3_left_red {
                font-family: Gotham-Book;
                font-size: 12px;
                color: #fff;
                cursor: pointer;
                padding: 0 10px 0 0;
                float: left;
                background-color: #c90000;
                height: 30px;
                vertical-align: middle;
                border-radius: 100px
            }

            .txt3_right {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #2b2932;
                cursor: pointer;
                padding: 4px 10px 0;
                float: right;
                text-align: right;
                background-color: #e9e9f0;
                font-weight: 700;
                height: 30px;
                vertical-align: middle;
                border-radius: 100px
            }

            .txt3_right_red {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #fff;
                cursor: pointer;
                padding: 4px 10px 0;
                float: right;
                text-align: right;
                background-color: #c90000;
                font-weight: 700;
                height: 30px;
                vertical-align: middle;
                border-radius: 100px
            }

            .txt3_part {
                font-weight: 700
            }

            .txt3_left1 {
                font-family: Gotham-Book;
                font-size: 16px;
                color: #2b2932;
                cursor: pointer;
                margin-left: 10px;
                margin-top: 10px;
                width: 50%;
                float: left;
                padding: 0
            }

            .txt3_right1 {
                font-family: Gotham-Book;
                font-size: 12px;
                color: #2b2932;
                cursor: pointer;
                margin-top: 10px;
                width: 45%;
                float: left;
                text-align: right;
                padding: 0
            }

            h4 {
                font-family: Gotham-Book
            }

            .curved_buttons_gray {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #e9e9f0;
                color: #2b2932;
                text-align: center;
                width: 90%;
                margin: 4px auto 0;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border-radius: 30px
            }

            .curved_buttons {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #5c2d91;
                color: #fff;
                text-align: center;
                width: 100%;
                margin: 4px 10px 0 auto;
                float: left;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border: 0;
                border-radius: 30px
            }

            .curved_buttons_gray_cancel {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #d5d4d8;
                color: #2b2932;
                text-align: center;
                width: 100%;
                margin: 4px 10px 0 auto;
                float: left;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border: 0;
                border-radius: 30px
            }

            .curved_buttons_red {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #c90000;
                color: #fff;
                text-align: center;
                width: 100%;
                margin: 4px 10px 0 auto;
                float: left;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border-radius: 30px
            }

            .curved_buttons_red_promotion {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #c90000;
                color: #fff;
                width: 90%;
                margin: 4px auto 0;
                float: left;
                height: 35px;
                line-height: 35px;
                cursor: pointer;
                border-radius: 30px
            }

            .curved_buttons_active {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #293;
                color: #fff;
                text-align: center;
                width: 100% !important;
                margin: 4px 10px 0 auto;
                float: left;
                height: 40px;
                line-height: 40px;
                border: 0;
                border-radius: 30px
            }

            .curved_buttons_setdefault {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #d5d4d8;
                color: #2b2932;
                text-align: center;
                width: 100% !important;
                margin: 4px 10px 0 auto;
                float: left;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border: 1px solid #293;
                border-radius: 30px
            }
        }

        @media only screen and (min-width :1200px) {
            .min-height {
                display: none
            }

            .curved_full_container {
                width: 95%;
                float: right
            }

            div.left {
                background: #fff;
                width: 25%;
                float: left;
                height: 125px;
                display: table
            }

            div.right {
                background: #fff;
                width: 15%;
                float: left;
                height: 125px;
                display: table
            }

            div.middle,
            div.middle_expanded,
            div.middle_selected {
                background: #fbfbfd;
                width: 60%;
                float: left;
                height: 125px;
                border-radius: 0;
                display: table
            }

            div.left_over {
                display: table;
                width: 25%;
                float: left;
                height: 125px;
                background-color: #5c2d91
            }

            div.right_over {
                display: table;
                width: 15%;
                float: left;
                height: 125px;
                background-color: #5c2d91
            }

            div.promotion_left_over {
                display: table;
                width: 25%;
                float: left;
                height: 125px;
                background-color: #c90000
            }

            div.promotion_right_over {
                display: table;
                width: 15%;
                float: left;
                height: 125px;
                background-color: #c90000
            }

            .txt1 {
                font-family: Gotham-Medium;
                font-size: 18px;
                color: #2b2932;
                cursor: pointer;
                margin-left: 40px;
                text-align: center;
                display: table-cell;
                vertical-align: middle
            }

            .txt1_over {
                font-family: Gotham-Medium;
                font-size: 18px;
                color: #fff;
                cursor: pointer;
                margin-left: 40px;
                text-align: center;
                display: table-cell;
                vertical-align: middle
            }

            .txt2 {
                font-family: Gotham-Bold;
                font-size: 18px;
                color: #2b2932;
                cursor: pointer;
                margin-left: 10px;
                font-weight: 700;
                padding: 0
            }

            .txt2_light {
                font-family: Gotham-Book;
                font-size: 16px;
                color: #2b2932;
                cursor: pointer;
                margin-left: 10px;
                width: 100%;
                padding: 0
            }

            .txt2_light2 {
                font-family: Gotham-Book;
                font-size: 14 px;
                color: #2b2932;
                cursor: pointer;
                margin-left: 10px;
                width: 100%;
                padding: 0
            }

            .txt3 {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #2b2932;
                cursor: pointer;
                margin-left: 10px;
                margin-top: 5px;
                padding: 0
            }

            .txt3_left {
                font-family: Gotham-Book;
                font-size: 12px;
                color: #2b2932;
                cursor: pointer;
                padding: 0 10px 0 0;
                float: left;
                background-color: #e9e9f0;
                height: 30px;
                vertical-align: middle;
                border-radius: 100px
            }

            .txt3_left_boxoffice {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #2b2932;
                cursor: pointer;
                padding: 0 10px 0 0;
                float: left;
                height: 30px;
                vertical-align: middle;
                font-style: italic
            }

            .txt3_left_red {
                font-family: Gotham-Book;
                font-size: 12px;
                color: #fff;
                cursor: pointer;
                padding: 0 10px 0 0;
                float: left;
                background-color: #c90000;
                height: 30px;
                vertical-align: middle;
                border-radius: 100px
            }

            .txt3_right {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #2b2932;
                cursor: pointer;
                float: right;
                text-align: right;
                background-color: #e9e9f0;
                padding-right: 10px;
                font-weight: 700;
                height: 30px;
                vertical-align: middle;
                padding-top: 4px;
                padding-left: 10px;
                border-radius: 100px
            }

            .txt3_right_red {
                font-family: Gotham-Book;
                font-size: 14px;
                color: #fff;
                cursor: pointer;
                float: right;
                text-align: right;
                background-color: #c90000;
                padding-right: 10px;
                font-weight: 700;
                height: 30px;
                vertical-align: middle;
                padding-top: 4px;
                padding-left: 10px;
                border-radius: 100px
            }

            .txt3_part {
                font-weight: 700
            }

            .txt3_left1 {
                font-family: Gotham-Book;
                font-size: 16px;
                color: #2b2932;
                cursor: pointer;
                margin-left: 10px;
                margin-top: 10px;
                width: 50%;
                float: left;
                padding: 0
            }

            .txt3_right1 {
                font-family: Gotham-Book;
                font-size: 12px;
                color: #2b2932;
                cursor: pointer;
                margin-top: 10px;
                width: 45%;
                float: left;
                text-align: right;
                padding: 0
            }

            .viewchannels {
                width: 30px;
                height: auto
            }

            h4 {
                font-family: Gotham-Book
            }

            . {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #e9e9f0;
                color: #2b2932;
                text-align: center;
                width: 100%;
                margin: 4px auto 0;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border-radius: 30px
            }

            .curved_buttons_gray {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #e9e9f0;
                color: #2b2932;
                text-align: center;
                width: 90%;
                margin: 4px auto 0;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border-radius: 30px
            }

            .curved_buttons {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #5c2d91;
                color: #fff;
                text-align: center;
                width: 100%;
                margin: 4px 10px 0 auto;
                float: left;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border: 0;
                border-radius: 30px
            }

            .curved_buttons_gray_cancel {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #d5d4d8;
                color: #2b2932;
                text-align: center;
                width: 100%;
                margin: 4px 10px 0 auto;
                float: left;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border: 0;
                border-radius: 30px
            }

            .curved_buttons_red {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #c90000;
                color: #fff;
                text-align: center;
                width: 100%;
                margin: 4px 10px 0 auto;
                float: left;
                height: 40px;
                line-height: 40px;
                cursor: pointer;
                border-radius: 30px
            }

            .curved_buttons_red_promotion {
                font-family: Gotham-Book;
                font-size: 15px;
                background-color: #c90000;
                color: #fff;
                width: 90%;
                margin: 4px auto 0;
                float: left;
                height: 35px;
                line-height: 35px;
                cursor: pointer;
                border-radius: 30px
            }

            .curved_buttons.active,
            .curved_buttons:active,
            .curved_buttons:focus,
            .curved_buttons:hover,
            .open>.dropdown-toggle.btn-success {
                color: #fff;
                background-color: #7a41ba !important;
                border-color: #fff !important;
                outline: 0
            }
        }

        .oneitem,
        .oneitem-noclick {
            width: 100%;
            cursor: pointer;
            display: inline-block
        }

        .select {
            margin: 0;
            vertical-align: middle;
            text-align: center;
            font-family: Gotham-Medium;
            font-size: 14px;
            color: #2b2932;
            width: 100%;
            padding: 0;
            overflow: hidden
        }

        .select_over {
            margin: 0;
            vertical-align: middle;
            text-align: center;
            font-family: Gotham-Medium;
            font-size: 14px;
            color: #fff;
            width: 100%;
            padding: 0;
            overflow: hidden
        }

        .curved {
            font-family: Gotham-Book;
            font-size: 13px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            background-color: #f7994e;
            color: #fff;
            text-align: center;
            width: 60%;
            margin: 0 auto;
            bottom: 0;
            left: 0;
            height: 20px
        }

        .curved-viewchannels {
            font-family: Gotham-Book;
            font-size: 10px;
            background-color: #f7994e;
            color: #fff;
            width: 50%;
            margin: 0 auto !important;
            height: 15px;
            text-align: center;
            border-radius: 10px
        }

        .curved_promo {
            background-color: red;
            color: #fff;
            text-align: center;
            margin: -5px auto 0;
            position: absolute;
            width: 100px;
            left: 0;
            font-family: Gotham-Book;
            z-index: 5000;
            border-radius: 10px
        }

        .curved_buttons_left.active,
        .curved_buttons_left:active,
        .curved_buttons_left:focus,
        .curved_buttons_left:hover,
        .open>.dropdown-toggle.btn-success {
            color: #fff;
            background-color: #565460 !important;
            border-color: #fff !important;
            outline: 0
        }

        .curved_buttons_left.active,
        .curved_buttons_left:active,
        .curved_buttons_left:focus,
        .curved_buttons_right:hover,
        .open>.dropdown-toggle.btn-success {
            color: #fff;
            background-color: #7a41ba !important;
            border-color: #fff !important;
            outline: 0
        }

        .curved_all {
            background-color: #f7994e;
            color: #fff;
            text-align: center;
            height: 15px;
            font-family: Gotham-Book;
            font-size: 12px;
            display: block;
            border-radius: 10px
        }

        .curved_full_top {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            background-color: #4a3562;
            color: #fff;
            text-align: center;
            width: 100%;
            float: left
        }

        .curved_full_bottom {
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            background-color: #4a3562;
            color: #fff;
            text-align: center;
            width: 100%;
            height: 30px;
            float: left;
            clear: both
        }

        .curved_full_bottom_extend {
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            background-color: #4a3562;
            color: #fff;
            text-align: center;
            width: 100%;
            float: left;
            clear: both
        }

        .curved_full_middle {
            background-color: #767382;
            width: 100%;
            float: left
        }

        .curve_hr {
            height: 1px;
            background-color: #fff;
            margin-top: 15px;
            margin-bottom: 15px
        }

        .curve_header {
            font-family: Gotham-Book;
            font-size: 14px;
            text-align: left;
            width: 100%;
            display: inline-block;
            margin-left: 10px;
            color: #fff
        }

        .curve_header_left {
            font-family: Gotham-Light;
            font-size: 13px;
            text-align: left;
            width: 50%;
            display: inline-block;
            margin-left: 10px;
            margin-top: 5px;
            float: left
        }

        .curve_header_right {
            font-family: Gotham-Light;
            font-size: 13px;
            width: 40%;
            display: inline-block;
            margin-top: 5px;
            float: left;
            text-align: right
        }

        .curve_txt1 {
            color: #d3d3d3;
            font-family: Gotham-Light;
            font-size: 12px;
            text-align: left;
            margin-top: 5px;
            width: 80%;
            float: left
        }

        .curve_txt1_right {
            cursor: pointer;
            color: #d3d3d3;
            font-family: Gotham-Light;
            font-size: 12px;
            margin-top: 5px;
            width: 100%;
            text-align: right
        }

        .curve_txt2_left {
            color: #fff;
            font-family: Gotham-Book;
            font-size: 13px;
            margin-top: 5px;
            width: 80%;
            float: left;
            text-align: left
        }

        .curve_txt2_right {
            color: #fff;
            font-family: Gotham-Book;
            font-size: 13px;
            margin-top: 5px;
            width: 20%;
            float: left;
            text-align: right
        }

        .valign-m-c {
            vertical-align: middle;
            width: 100%
        }

        .txt {
            font-family: Gotham-Book;
            margin-top: 10px;
            vertical-align: middle;
            font-size: 14px
        }

        .btncountry {
            color: #000;
            font-family: Gotham-Medium;
            font-size: 16px;
            margin-top: 10px;
            margin-bottom: 10px;
            height: 50px;
            line-height: 40px;
            width: 100%;
            cursor: pointer;
            border-radius: 50px;
            background-color: #fff;
            padding-left: 3px;
            padding-top: 3px;
            text-transform: uppercase
        }

        .btncountry img {
            width: 44px;
            height: 44px
        }

        .btncountry span {
            padding-left: 3px
        }

        .btncountry i {
            position: relative;
            top: 38%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            float: right;
            padding-right: 20px;
            display: none
        }

        .btncountry_selected {
            color: #fff;
            background-color: #5c2d91
        }

        .maxheight {
            min-height: 100%
        }

        i {
            padding-right: 15px
        }

        .fa-check-circle,
        .fa-upload {
            padding-top: 10px
        }

        li {
            list-style: none;
            font-size: 11px
        }

        features {
            font-size: 12px;
            font-weight: 700
        }

        .lbl {
            font-family: Gotham-Book;
            font-size: 14px;
            color: #767382
        }

        .approved1,
        .rejected1 {
            font-size: 16px;
            color: #fff
        }

        .rejected2 {
            font-size: 14px;
            color: #fff
        }

        .footers_pr {
            background: #fff;
            box-shadow: 0 -2px 5px 0 silver;
            height: 60px
        }

        .footers_pr img {
            padding-top: 10px
        }

        .footers {
            background: #fff;
            height: 60px;
            z-index: 1000;
            width: auto;
            margin: 0 auto;
            box-shadow: 0 -2px 5px 0 silver;
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0
        }

        .footers img {
            padding-top: 10px
        }

        .footers_fixed {
            background: #fff;
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            height: 60px;
            z-index: 1000;
            width: auto;
            margin: 0 auto;
            box-shadow: 0 -2px 5px 0 silver
        }

        .curved_buttons_confirm_footer {
            float: inherit;
            width: 95%
        }

        .float {
            position: fixed;
            width: 40px;
            height: 40px;
            bottom: 120px;
            right: 20px;
            background-color: #25d366;
            color: #fff;
            border-radius: 50px;
            text-align: center;
            font-size: 28px;
            box-shadow: 2px 2px 3px #999;
            z-index: 100
        }

        .my-float {
            text-align: center;
            margin: 0 auto 0 10px
        }

        .bottomspacer {
            height: 100px
        }

        .curvedtable {
            border-collapse: collapse;
            border-radius: 1em;
            overflow: hidden;
            background-color: #fff;
            width: 800px;
            min-width: 100%
        }

        .curvedtable th {
            font-weight: 700;
            text-align: center;
            border-bottom: 1px solid #f0f0f0
        }

        .curvedtable td {
            text-align: center;
            border-bottom: 1px solid #f0f0f0;
            padding: 5px 0 0
        }

        .curvedtable tr:nth-of-type(1) {
            background-color: #fff;
            height: 40px
        }

        .curvedtable img {
            width: 20px;
            height: auto;
            cursor: pointer
        }

        .curvedtable td:nth-of-type(3) img {
            width: 50px;
            height: auto
        }

        .curvedtable td:nth-of-type(3) {
            padding: 0
        }

        .curvedtable td:nth-of-type(5) {
            cursor: pointer
        }

        .curvedtable .active {
            color: green
        }

        .curvedtable .setactive {
            color: #00008b
        }

        .trbg1 {
            background-color: rgba(255, 255, 255, .6);
            color: #2b2932;
            font-family: Gotham-Medium;
            font-size: 14px
        }

        .active {
            color: green
        }

        .setactive {
            color: #00008b;
            cursor: pointer
        }

        .closebtnmobile {
            font-family: Gotham-Book;
            font-size: 18pt;
            color: #000;
            padding-left: 12px
        }

        .minicurve {
            float: right;
            background-color: #c90000;
            border-radius: 100px;
            width: 120px;
            padding-left: 10px;
            color: #fff
        }

        .chevronstyle {
            vertical-align: middle;
            line-height: 25px
        }

        .collapsibletext {
            width: 96%;
            display: none;
            clear: both;
            background-color: #c90000;
            color: #fff;
            border-radius: 100px;
            padding: 3px 10px
        }

        .card_info {
            margin-bottom: 5px;
            margin-top: 0;
            display: none
        }

        .modalclosebtn {
            font-family: Gotham-Book;
            font-size: 16pt;
            color: #000;
            cursor: pointer
        }

        .mobilemenuclose {
            font-family: Gotham-Book;
            font-size: 18pt;
            color: #000;
            padding-left: 12px
        }

        .promotion_circle {
            background-color: #c90000;
            border-radius: 50px;
            padding-left: 10px;
            padding-right: 10px;
            color: #fff;
            float: right
        }

        .promotion_longcircle {
            display: none;
            clear: both;
            background-color: #c90000;
            color: #fff;
            border-radius: 50px;
            padding: 5px 10px
        }

        .middle_selected .promotion_longcircle {
            display: none;
            clear: both;
            background-color: #c90000;
            color: #fff;
            border-radius: 0;
            padding: 5px 10px
        }

        .chevroncss {
            vertical-align: middle;
            line-height: 25px
        }

        .ruler {
            border-bottom: 1px solid #dcdcdc;
            padding-top: 5px;
            padding-bottom: 5px
        }

        .removefloat {
            float: none;
            margin-top: 12px
        }

        .trbg {
            background-color: rgba(255, 255, 255, .6);
            color: #2b2932;
            font-family: Gotham-Medium;
            font-size: 14px
        }

        .trbg td {
            padding-left: 10px;
            height: 30px
        }

        .trbg td:nth-child(2) {
            text-align: right;
            padding-right: 10px
        }

        .trbgexpander {
            background-color: rgba(255, 255, 255, .6);
            color: #2b2932;
            font-family: Gotham-Medium;
            font-size: 18px
        }

        .trbgexpander td {
            padding-left: 10px;
            height: 30px
        }

        .trbgexpander td:nth-child(2) {
            text-align: right;
            padding-right: 10px
        }

        .curved_buttons_white_pricing {
            font-family: Gotham-Book;
            font-size: 15px;
            background-color: #fff;
            width: 23%;
            color: #2b2932;
            text-align: center;
            margin: 4px 9px 0 auto;
            float: left;
            height: 40px;
            line-height: 40px;
            cursor: pointer;
            border: 0;
            border-radius: 30px
        }

        .curved_buttons_white_pricing:last-child {
            margin-right: 0
        }

        .curved_buttons_white_pricing_selected {
            font-family: Gotham-Book;
            font-size: 15px;
            background-color: #5c2d91;
            width: 23%;
            color: #fff;
            text-align: center;
            margin: 4px 9px 0 auto;
            float: left;
            height: 40px;
            line-height: 40px;
            cursor: pointer;
            border: 0;
            border-radius: 30px
        }

        .curved_buttons_white_pricing_selected:last-child {
            margin-right: 0
        }

        .wallet_header {
            font-family: Gotham-Medium;
            font-size: 18px
        }

        .width70 {
            width: 68% !important
        }

        .width30 {
            width: 30% !important
        }

        .width10 {
            width: 100% !important
        }

        .removetext {
            font-size: 12px;
            cursor: pointer
        }

        .spacer10,
        .spacer5 {
            clear: both;
            height: 10px
        }

        .spacer15 {
            clear: both;
            height: 15px
        }

        .spacer20 {
            clear: both;
            height: 20px
        }

        .spacer30 {
            clear: both;
            height: 30px
        }

        .editbtn {
            float: right;
            cursor: pointer
        }

        .lbleditbtn {
            cursor: pointer;
            font-size: 14px
        }

        .boheader {
            font-family: Gotham-Medium;
            font-size: 14px;
            color: #2b2932
        }

        .bonormal {
            font-family: Gotham-Book;
            font-size: 14px;
            color: #2b2932
        }

        .fixed-bottom {
            z-index: 0 !important
        }

        .promo_text {
            font-size: 18px;
            font-family: Gotham-Book;
            padding-top: 10px;
            display: inline-block;
            font-weight: 700;
            color: #39b54a
        }

        .promo_code {
            background-color: #cfcfd1;
            color: #2f3337;
            font-family: Gotham-Book;
            font-size: 16px;
            border-radius: 20px;
            margin-left: 20px;
            font-weight: 700;
            display: inline-block;
            padding: 5px 20px
        }

        .centered_block {
            margin: '0 auto';
            text-align: center
        }

        .csstrike {
            text-decoration: line-through;
            -webkit-text-decoration-color: red;
            text-decoration-color: red
        }

        .curve_txt2_left1 {
            color: #fff;
            font-family: Gotham-Book;
            font-size: 13px;
            margin-top: 5px;
            width: 75%;
            float: left;
            text-align: left
        }

        .curve_txt2_mid1 {
            color: #fff;
            font-family: Gotham-Book;
            font-size: 13px;
            margin-top: 5px;
            width: 5%;
            float: left;
            text-align: right
        }

        .curve_txt2_right1 {
            color: #fff;
            font-family: Gotham-Book;
            font-size: 13px;
            margin-top: 5px;
            width: 20%;
            float: left;
            text-align: left
        }

        .radioboxdiv {
            text-align: left;
            padding: 0;
            margin: 0
        }

        .customerradiobox {
            width: 20px;
            height: 20px;
            vertical-align: middle;
            cursor: pointer
        }

        .labelcustomerradiobox {
            font-family: Gotham-Book;
            font-size: 14px;
            color: #000
        }

        .flip-clock-wrapper * {
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .flip-clock-wrapper a {
            cursor: pointer;
            text-decoration: none;
            color: #ccc
        }

        .flip-clock-wrapper a:hover {
            color: #fff
        }

        .flip-clock-wrapper.clearfix:after,
        .flip-clock-wrapper.clearfix:before {
            content: " ";
            display: table
        }

        .flip-clock-wrapper.clearfix:after {
            clear: both
        }

        .flip-clock-wrapper {
            font: 11px "Helvetica Neue", Helvetica, sans-serif;
            -webkit-user-select: none;
            text-align: center;
            position: relative;
            width: 100%;
            margin: 1em
        }

        .flip-clock-meridium {
            background: 0 0 !important;
            box-shadow: 0 0 0 !important;
            font-size: 36px !important
        }

        .flip-clock-meridium a {
            color: #313333
        }

        .flip-clock-wrapper:after,
        .flip-clock-wrapper:before {
            content: " ";
            display: table
        }

        .flip-clock-wrapper:after {
            clear: both
        }

        .flip-clock-wrapper ul {
            list-style: none;
            position: relative;
            float: left;
            margin: 5px;
            width: 60px;
            height: 90px;
            font-size: 80px;
            font-weight: 700;
            line-height: 87px;
            border-radius: 6px;
            background: #000
        }

        .flip-clock-wrapper ul li {
            z-index: 1;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            line-height: 87px;
            text-decoration: none !important
        }

        .flip-clock-wrapper ul li:first-child {
            z-index: 2
        }

        .flip-clock-wrapper ul li a {
            display: block;
            height: 100%;
            -webkit-perspective: 200px;
            perspective: 200px;
            margin: 0 !important;
            overflow: visible !important;
            cursor: default !important
        }

        .flip-clock-wrapper ul li a div {
            z-index: 1;
            position: absolute;
            left: 0;
            width: 100%;
            height: 50%;
            font-size: 80px;
            overflow: hidden;
            outline: transparent solid 1px
        }

        .flip-clock-wrapper ul li a div .shadow {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 2
        }

        .flip-clock-wrapper ul li a div.up {
            -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
            top: 0
        }

        .flip-clock-wrapper ul li a div.up:after {
            content: "";
            position: absolute;
            top: 44px;
            left: 0;
            z-index: 5;
            width: 100%;
            height: 3px;
            background-color: rgba(0, 0, 0, .4)
        }

        .flip-clock-wrapper ul li a div.down {
            -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
            bottom: 0;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px
        }

        .flip-clock-wrapper ul li a div div.inn {
            position: absolute;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 200%;
            color: #ccc;
            text-shadow: 0 1px 2px #000;
            text-align: center;
            background-color: #333;
            border-radius: 6px;
            font-size: 70px
        }

        .flip-clock-wrapper ul li a div.up div.inn {
            top: 0
        }

        .flip-clock-wrapper ul li a div.down div.inn {
            bottom: 0
        }

        .flip-clock-wrapper ul.play li.flip-clock-before {
            z-index: 3
        }

        .flip-clock-wrapper .flip {
            box-shadow: 0 2px 5px rgba(0, 0, 0, .7)
        }

        .flip-clock-wrapper ul.play li.flip-clock-active {
            -webkit-animation: 10ms linear .49s both asd;
            animation: 10ms linear .49s both asd;
            z-index: 5
        }

        .flip-clock-divider {
            float: left;
            display: inline-block;
            position: relative;
            width: 20px;
            height: 100px
        }

        .flip-clock-divider:first-child {
            width: 0
        }

        .flip-clock-dot {
            display: block;
            background: #323434;
            width: 10px;
            height: 10px;
            position: absolute;
            border-radius: 50%;
            box-shadow: 0 0 5px rgba(0, 0, 0, .5);
            left: 5px
        }

        .flip-clock-divider .flip-clock-label {
            position: absolute;
            top: -1.5em;
            right: -86px;
            color: #000;
            text-shadow: none
        }

        .flip-clock-divider.minutes .flip-clock-label {
            right: -88px
        }

        .flip-clock-divider.seconds .flip-clock-label {
            right: -91px
        }

        .flip-clock-dot.top {
            top: 30px
        }

        .flip-clock-dot.bottom {
            bottom: 30px
        }

        @-webkit-keyframes asd {
            0% {
                z-index: 2
            }

            100% {
                z-index: 4
            }
        }

        @keyframes asd {
            0% {
                z-index: 2
            }

            100% {
                z-index: 4
            }
        }

        .flip-clock-wrapper ul.play li.flip-clock-active .down {
            z-index: 2;
            -webkit-animation: .5s linear .5s both turn;
            animation: .5s linear .5s both turn
        }

        @-webkit-keyframes turn {
            0% {
                -webkit-transform: rotateX(90deg)
            }

            100% {
                -webkit-transform: rotateX(0)
            }
        }

        @keyframes turn {
            0% {
                -webkit-transform: rotateX(90deg);
                transform: rotateX(90deg)
            }

            100% {
                -webkit-transform: rotateX(0);
                transform: rotateX(0)
            }
        }

        .flip-clock-wrapper ul.play li.flip-clock-before .up {
            z-index: 2;
            -webkit-animation: .5s linear both turn2;
            animation: .5s linear both turn2
        }

        @-webkit-keyframes turn2 {
            0% {
                -webkit-transform: rotateX(0)
            }

            100% {
                -webkit-transform: rotateX(-90deg)
            }
        }

        @keyframes turn2 {
            0% {
                -webkit-transform: rotateX(0);
                transform: rotateX(0)
            }

            100% {
                -webkit-transform: rotateX(-90deg);
                transform: rotateX(-90deg)
            }
        }

        .flip-clock-wrapper ul li.flip-clock-active {
            z-index: 3
        }

        .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
            background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .1)), color-stop(100%, #000));
            background: 0 0, bottom, 0, 100% #000;
            background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
            -webkit-animation: .5s linear both show;
            animation: .5s linear both show
        }

        .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
            background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .1)), color-stop(100%, #000));
            background: 0 0, bottom, 0, 100% #000;
            background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
            -webkit-animation: .5s linear .3s both hide;
            animation: .5s linear .3s both hide
        }

        .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
            background: -moz-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(100%, rgba(0, 0, 0, .1)));
            background: 0 0, bottom, 0, 100% rgba(0, 0, 0, .1);
            background: -ms-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
            -webkit-animation: .5s linear both show;
            animation: .5s linear both show
        }

        .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
            background: -moz-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(100%, rgba(0, 0, 0, .1)));
            background: 0 0, bottom, 0, 100% rgba(0, 0, 0, .1);
            background: -ms-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
            -webkit-animation: .5s linear .3s both hide;
            animation: .5s linear .2s both hide
        }

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

            100% {
                opacity: 1
            }
        }

        @keyframes show {
            0% {
                opacity: 0
            }

            100% {
                opacity: 1
            }
        }

        @-webkit-keyframes hide {
            0% {
                opacity: 1
            }

            100% {
                opacity: 0
            }
        }

        @keyframes hide {
            0% {
                opacity: 1
            }

            100% {
                opacity: 0
            }
        }

        #smartbanner {
            position: absolute;
            left: 0;
            top: -82px;
            border-bottom: 1px solid #e8e8e8;
            width: 100%;
            height: 78px;
            font-family: 'Helvetica Neue', sans-serif;
            background: -webkit-linear-gradient(top, #f4f4f4 0, #cdcdcd 100%);
            background-image: -moz-linear-gradient(top, #f4f4f4 0, #cdcdcd 100%);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
            z-index: 9998;
            -webkit-font-smoothing: antialiased;
            overflow: hidden;
            -webkit-text-size-adjust: none
        }

        #smartbanner,
        html.sb-animation {
            -webkit-transition: .3s
        }

        #smartbanner .sb-container {
            margin: 0 auto
        }

        #smartbanner .sb-close {
            left: 5px;
            top: 5px;
            display: block;
            width: 14px;
            height: 14px;
            font-family: ArialRoundedMTBold, Arial;
            font-size: 15px;
            line-height: 15px;
            text-align: center;
            color: #fff;
            text-decoration: none;
            -webkit-font-smoothing: subpixel-antialiased
        }

        #smartbanner .sb-close:active {
            font-size: 13px;
            color: #aaa
        }

        #smartbanner .sb-icon {
            position: absolute;
            left: 30px;
            top: 10px;
            display: block;
            width: 57px;
            height: 57px;
            background: rgba(0, 0, 0, .6);
            background-size: cover;
            border-radius: 10px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
        }

        #smartbanner.no-icon .sb-icon {
            display: none
        }

        #smartbanner .sb-info {
            position: absolute;
            left: 50px;
            top: 18px;
            width: 80%;
            font-size: 11px;
            line-height: 1.2em;
            color: #9b98a8
        }

        #smartbanner #smartbanner.no-icon .sb-info {
            left: 34px
        }

        #smartbanner .sb-info strong {
            display: block;
            font-size: 13px;
            color: #4d4d4d;
            line-height: 18px
        }

        #smartbanner .sb-info span {
            display: block;
            font-size: 13px;
            color: #4d4d4d;
            line-height: 18px;
            text-transform: none
        }

        #smartbanner .sb-info>span {
            display: block
        }

        #smartbanner .sb-info em {
            font-style: normal;
            text-transform: uppercase
        }

        #smartbanner .sb-button {
            position: absolute;
            right: 20px;
            top: 24px;
            margin-top: 10px;
            min-width: 10%;
            height: 24px;
            font-size: 14px;
            line-height: 24px;
            text-align: center;
            color: #6a6a6a;
            text-transform: uppercase;
            text-decoration: none;
            border-radius: 3px
        }

        #smartbanner .sb-button:active,
        #smartbanner .sb-button:hover {
            background: -webkit-linear-gradient(top, #dcdcdc 0, #efefef 100%)
        }

        #smartbanner .sb-icon.gloss:after {
            content: '';
            position: absolute;
            left: 0;
            top: -1px;
            border-top: 1px solid rgba(255, 255, 255, .8);
            width: 100%;
            height: 50%;
            background: -webkit-linear-gradient(top, rgba(255, 255, 255, .7) 0, rgba(255, 255, 255, .2) 100%);
            border-radius: 10px 10px 12px 12px
        }

        #smartbanner.android {
            background: #e9e8f0;
            border: 1px solid #fff
        }

        #smartbanner.android .sb-close {
            border: 0;
            width: 17px;
            height: 17px;
            line-height: 17px;
            color: #a9a9a9;
            padding-top: 30px
        }

        #smartbanner.android .sb-close:active {
            color: #eee
        }

        #smartbanner.android .sb-info {
            color: #9b98a8
        }

        #smartbanner.android .sb-info strong {
            color: #716c83
        }

        #smartbanner.android .sb-button {
            min-width: 12%;
            padding: 1px;
            color: #519dff;
            background: 0 0;
            border-radius: 0;
            box-shadow: none;
            min-height: 28px
        }

        #smartbanner.android .sb-button span {
            text-align: center;
            display: block;
            padding: 0 10px;
            text-transform: none;
            text-shadow: none;
            box-shadow: none
        }

        #smartbanner.android .sb-button:active,
        #smartbanner.android .sb-button:hover {
            background: 0 0
        }

        #smartbanner.android .sb-button:active span,
        #smartbanner.android .sb-button:hover span {
            background: #2ac7e1
        }

        #smartbanner.windows .sb-icon {
            border-radius: 0
        }
    </style>


    <script data-savepage-type="" type="text/plain"></script>
    <style>
        @font-face {
            font-family: Gotham-Black;
            src:
                /*savepage-url=/account/clientapp/src/assets/css/fonts/Gotham-Black.otf*/
                url() format("opentype");
        }

        @font-face {
            font-family: Gotham-Book;
            src:
                /*savepage-url=/account/clientapp/src/assets/css/fonts/Gotham-Book_0.otf*/
                url(data:font/otf;base64, ) format("opentype");
        }


        @font-face {
            font-family: Gotham-XLight;
            src:
                /*savepage-url=/account/clientapp/src/assets/css/fonts/Gotham-XLight.otf*/
                url() format("opentype");
        }

        @font-face {
            font-family: Gotham-Light;
            src:
                /*savepage-url=/account/clientapp/src/assets/css/fonts/Gotham-Light.otf*/
                url(data:font/otf;base64, ) format("opentype");
        }

        @font-face {
            font-family: Gotham-Medium;
            src:
                /*savepage-url=/account/clientapp/src/assets/css/fonts/Gotham-Medium.otf*/
                url(data:font/otf;base64, ) format("opentype");
        }

        @font-face {
            font-family: Gotham-Bold;
            src:
                /*savepage-url=/account/clientapp/src/assets/css/fonts/Gotham-Bold.otf*/
                url(data:font/otf;base64, ) format("opentype");
        }

        @font-face {
            font-family: Gotham-Thin;
            src:
                /*savepage-url=/account/clientapp/src/assets/css/fonts/Gotham-Thin.otf*/
                url() format("opentype");
        }
    </style>
    <link rel="icon" type="image/x-icon" data-savepage-href="/account/favicon.ico" href="data:image/x-icon;base64, ">
    <style data-savepage-href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">
        /*!
 * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
        .fa,
        .fab,
        .fal,
        .far,
        .fas {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1
        }

        .fa-lg {
            font-size: 1.33333em;
            line-height: .75em;
            vertical-align: -.0667em
        }

        .fa-xs {
            font-size: .75em
        }

        .fa-sm {
            font-size: .875em
        }

        .fa-1x {
            font-size: 1em
        }

        .fa-2x {
            font-size: 2em
        }

        .fa-3x {
            font-size: 3em
        }

        .fa-4x {
            font-size: 4em
        }

        .fa-5x {
            font-size: 5em
        }

        .fa-6x {
            font-size: 6em
        }

        .fa-7x {
            font-size: 7em
        }

        .fa-8x {
            font-size: 8em
        }

        .fa-9x {
            font-size: 9em
        }

        .fa-10x {
            font-size: 10em
        }

        .fa-fw {
            text-align: center;
            width: 1.25em
        }

        .fa-ul {
            list-style-type: none;
            margin-left: 2.5em;
            padding-left: 0
        }

        .fa-ul>li {
            position: relative
        }

        .fa-li {
            left: -2em;
            position: absolute;
            text-align: center;
            width: 2em;
            line-height: inherit
        }

        .fa-border {
            border: .08em solid #eee;
            border-radius: .1em;
            padding: .2em .25em .15em
        }

        .fa-pull-left {
            float: left
        }

        .fa-pull-right {
            float: right
        }

        .fa.fa-pull-left,
        .fab.fa-pull-left,
        .fal.fa-pull-left,
        .far.fa-pull-left,
        .fas.fa-pull-left {
            margin-right: .3em
        }

        .fa.fa-pull-right,
        .fab.fa-pull-right,
        .fal.fa-pull-right,
        .far.fa-pull-right,
        .fas.fa-pull-right {
            margin-left: .3em
        }

        .fa-spin {
            animation: fa-spin 2s infinite linear
        }

        .fa-pulse {
            animation: fa-spin 1s infinite steps(8)
        }

        @keyframes fa-spin {
            0% {
                transform: rotate(0deg)
            }

            to {
                transform: rotate(1turn)
            }
        }

        .fa-rotate-90 {
            -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
            transform: rotate(90deg)
        }

        .fa-rotate-180 {
            -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
            transform: rotate(180deg)
        }

        .fa-rotate-270 {
            -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
            transform: rotate(270deg)
        }

        .fa-flip-horizontal {
            -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
            transform: scaleX(-1)
        }

        .fa-flip-vertical {
            transform: scaleY(-1)
        }

        .fa-flip-horizontal.fa-flip-vertical,
        .fa-flip-vertical {
            -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
        }

        .fa-flip-horizontal.fa-flip-vertical {
            transform: scale(-1)
        }

        :root .fa-flip-horizontal,
        :root .fa-flip-vertical,
        :root .fa-rotate-90,
        :root .fa-rotate-180,
        :root .fa-rotate-270 {
            -webkit-filter: none;
            filter: none
        }

        .fa-stack {
            display: inline-block;
            height: 2em;
            line-height: 2em;
            position: relative;
            vertical-align: middle;
            width: 2em
        }

        .fa-stack-1x,
        .fa-stack-2x {
            left: 0;
            position: absolute;
            text-align: center;
            width: 100%
        }

        .fa-stack-1x {
            line-height: inherit
        }

        .fa-stack-2x {
            font-size: 2em
        }

        .fa-inverse {
            color: #fff
        }

        .fa-500px:before {
            content: "\f26e"
        }

        .fa-accessible-icon:before {
            content: "\f368"
        }

        .fa-accusoft:before {
            content: "\f369"
        }

        .fa-ad:before {
            content: "\f641"
        }

        .fa-address-book:before {
            content: "\f2b9"
        }

        .fa-address-card:before {
            content: "\f2bb"
        }

        .fa-adjust:before {
            content: "\f042"
        }

        .fa-adn:before {
            content: "\f170"
        }

        .fa-adversal:before {
            content: "\f36a"
        }

        .fa-affiliatetheme:before {
            content: "\f36b"
        }

        .fa-air-freshener:before {
            content: "\f5d0"
        }

        .fa-algolia:before {
            content: "\f36c"
        }

        .fa-align-center:before {
            content: "\f037"
        }

        .fa-align-justify:before {
            content: "\f039"
        }

        .fa-align-left:before {
            content: "\f036"
        }

        .fa-align-right:before {
            content: "\f038"
        }

        .fa-alipay:before {
            content: "\f642"
        }

        .fa-allergies:before {
            content: "\f461"
        }

        .fa-amazon:before {
            content: "\f270"
        }

        .fa-amazon-pay:before {
            content: "\f42c"
        }

        .fa-ambulance:before {
            content: "\f0f9"
        }

        .fa-american-sign-language-interpreting:before {
            content: "\f2a3"
        }

        .fa-amilia:before {
            content: "\f36d"
        }

        .fa-anchor:before {
            content: "\f13d"
        }

        .fa-android:before {
            content: "\f17b"
        }

        .fa-angellist:before {
            content: "\f209"
        }

        .fa-angle-double-down:before {
            content: "\f103"
        }

        .fa-angle-double-left:before {
            content: "\f100"
        }

        .fa-angle-double-right:before {
            content: "\f101"
        }

        .fa-angle-double-up:before {
            content: "\f102"
        }

        .fa-angle-down:before {
            content: "\f107"
        }

        .fa-angle-left:before {
            content: "\f104"
        }

        .fa-angle-right:before {
            content: "\f105"
        }

        .fa-angle-up:before {
            content: "\f106"
        }

        .fa-angry:before {
            content: "\f556"
        }

        .fa-angrycreative:before {
            content: "\f36e"
        }

        .fa-angular:before {
            content: "\f420"
        }

        .fa-ankh:before {
            content: "\f644"
        }

        .fa-app-store:before {
            content: "\f36f"
        }

        .fa-app-store-ios:before {
            content: "\f370"
        }

        .fa-apper:before {
            content: "\f371"
        }

        .fa-apple:before {
            content: "\f179"
        }

        .fa-apple-alt:before {
            content: "\f5d1"
        }

        .fa-apple-pay:before {
            content: "\f415"
        }

        .fa-archive:before {
            content: "\f187"
        }

        .fa-archway:before {
            content: "\f557"
        }

        .fa-arrow-alt-circle-down:before {
            content: "\f358"
        }

        .fa-arrow-alt-circle-left:before {
            content: "\f359"
        }

        .fa-arrow-alt-circle-right:before {
            content: "\f35a"
        }

        .fa-arrow-alt-circle-up:before {
            content: "\f35b"
        }

        .fa-arrow-circle-down:before {
            content: "\f0ab"
        }

        .fa-arrow-circle-left:before {
            content: "\f0a8"
        }

        .fa-arrow-circle-right:before {
            content: "\f0a9"
        }

        .fa-arrow-circle-up:before {
            content: "\f0aa"
        }

        .fa-arrow-down:before {
            content: "\f063"
        }

        .fa-arrow-left:before {
            content: "\f060"
        }

        .fa-arrow-right:before {
            content: "\f061"
        }

        .fa-arrow-up:before {
            content: "\f062"
        }

        .fa-arrows-alt:before {
            content: "\f0b2"
        }

        .fa-arrows-alt-h:before {
            content: "\f337"
        }

        .fa-arrows-alt-v:before {
            content: "\f338"
        }

        .fa-assistive-listening-systems:before {
            content: "\f2a2"
        }

        .fa-asterisk:before {
            content: "\f069"
        }

        .fa-asymmetrik:before {
            content: "\f372"
        }

        .fa-at:before {
            content: "\f1fa"
        }

        .fa-atlas:before {
            content: "\f558"
        }

        .fa-atom:before {
            content: "\f5d2"
        }

        .fa-audible:before {
            content: "\f373"
        }

        .fa-audio-description:before {
            content: "\f29e"
        }

        .fa-autoprefixer:before {
            content: "\f41c"
        }

        .fa-avianex:before {
            content: "\f374"
        }

        .fa-aviato:before {
            content: "\f421"
        }

        .fa-award:before {
            content: "\f559"
        }

        .fa-aws:before {
            content: "\f375"
        }

        .fa-backspace:before {
            content: "\f55a"
        }

        .fa-backward:before {
            content: "\f04a"
        }

        .fa-balance-scale:before {
            content: "\f24e"
        }

        .fa-ban:before {
            content: "\f05e"
        }

        .fa-band-aid:before {
            content: "\f462"
        }

        .fa-bandcamp:before {
            content: "\f2d5"
        }

        .fa-barcode:before {
            content: "\f02a"
        }

        .fa-bars:before {
            content: "\f0c9"
        }

        .fa-baseball-ball:before {
            content: "\f433"
        }

        .fa-basketball-ball:before {
            content: "\f434"
        }

        .fa-bath:before {
            content: "\f2cd"
        }

        .fa-battery-empty:before {
            content: "\f244"
        }

        .fa-battery-full:before {
            content: "\f240"
        }

        .fa-battery-half:before {
            content: "\f242"
        }

        .fa-battery-quarter:before {
            content: "\f243"
        }

        .fa-battery-three-quarters:before {
            content: "\f241"
        }

        .fa-bed:before {
            content: "\f236"
        }

        .fa-beer:before {
            content: "\f0fc"
        }

        .fa-behance:before {
            content: "\f1b4"
        }

        .fa-behance-square:before {
            content: "\f1b5"
        }

        .fa-bell:before {
            content: "\f0f3"
        }

        .fa-bell-slash:before {
            content: "\f1f6"
        }

        .fa-bezier-curve:before {
            content: "\f55b"
        }

        .fa-bible:before {
            content: "\f647"
        }

        .fa-bicycle:before {
            content: "\f206"
        }

        .fa-bimobject:before {
            content: "\f378"
        }

        .fa-binoculars:before {
            content: "\f1e5"
        }

        .fa-birthday-cake:before {
            content: "\f1fd"
        }

        .fa-bitbucket:before {
            content: "\f171"
        }

        .fa-bitcoin:before {
            content: "\f379"
        }

        .fa-bity:before {
            content: "\f37a"
        }

        .fa-black-tie:before {
            content: "\f27e"
        }

        .fa-blackberry:before {
            content: "\f37b"
        }

        .fa-blender:before {
            content: "\f517"
        }

        .fa-blind:before {
            content: "\f29d"
        }

        .fa-blogger:before {
            content: "\f37c"
        }

        .fa-blogger-b:before {
            content: "\f37d"
        }

        .fa-bluetooth:before {
            content: "\f293"
        }

        .fa-bluetooth-b:before {
            content: "\f294"
        }

        .fa-bold:before {
            content: "\f032"
        }

        .fa-bolt:before {
            content: "\f0e7"
        }

        .fa-bomb:before {
            content: "\f1e2"
        }

        .fa-bone:before {
            content: "\f5d7"
        }

        .fa-bong:before {
            content: "\f55c"
        }

        .fa-book:before {
            content: "\f02d"
        }

        .fa-book-open:before {
            content: "\f518"
        }

        .fa-book-reader:before {
            content: "\f5da"
        }

        .fa-bookmark:before {
            content: "\f02e"
        }

        .fa-bowling-ball:before {
            content: "\f436"
        }

        .fa-box:before {
            content: "\f466"
        }

        .fa-box-open:before {
            content: "\f49e"
        }

        .fa-boxes:before {
            content: "\f468"
        }

        .fa-braille:before {
            content: "\f2a1"
        }

        .fa-brain:before {
            content: "\f5dc"
        }

        .fa-briefcase:before {
            content: "\f0b1"
        }

        .fa-briefcase-medical:before {
            content: "\f469"
        }

        .fa-broadcast-tower:before {
            content: "\f519"
        }

        .fa-broom:before {
            content: "\f51a"
        }

        .fa-brush:before {
            content: "\f55d"
        }

        .fa-btc:before {
            content: "\f15a"
        }

        .fa-bug:before {
            content: "\f188"
        }

        .fa-building:before {
            content: "\f1ad"
        }

        .fa-bullhorn:before {
            content: "\f0a1"
        }

        .fa-bullseye:before {
            content: "\f140"
        }

        .fa-burn:before {
            content: "\f46a"
        }

        .fa-buromobelexperte:before {
            content: "\f37f"
        }

        .fa-bus:before {
            content: "\f207"
        }

        .fa-bus-alt:before {
            content: "\f55e"
        }

        .fa-business-time:before {
            content: "\f64a"
        }

        .fa-buysellads:before {
            content: "\f20d"
        }

        .fa-calculator:before {
            content: "\f1ec"
        }

        .fa-calendar:before {
            content: "\f133"
        }

        .fa-calendar-alt:before {
            content: "\f073"
        }

        .fa-calendar-check:before {
            content: "\f274"
        }

        .fa-calendar-minus:before {
            content: "\f272"
        }

        .fa-calendar-plus:before {
            content: "\f271"
        }

        .fa-calendar-times:before {
            content: "\f273"
        }

        .fa-camera:before {
            content: "\f030"
        }

        .fa-camera-retro:before {
            content: "\f083"
        }

        .fa-cannabis:before {
            content: "\f55f"
        }

        .fa-capsules:before {
            content: "\f46b"
        }

        .fa-car:before {
            content: "\f1b9"
        }

        .fa-car-alt:before {
            content: "\f5de"
        }

        .fa-car-battery:before {
            content: "\f5df"
        }

        .fa-car-crash:before {
            content: "\f5e1"
        }

        .fa-car-side:before {
            content: "\f5e4"
        }

        .fa-caret-down:before {
            content: "\f0d7"
        }

        .fa-caret-left:before {
            content: "\f0d9"
        }

        .fa-caret-right:before {
            content: "\f0da"
        }

        .fa-caret-square-down:before {
            content: "\f150"
        }

        .fa-caret-square-left:before {
            content: "\f191"
        }

        .fa-caret-square-right:before {
            content: "\f152"
        }

        .fa-caret-square-up:before {
            content: "\f151"
        }

        .fa-caret-up:before {
            content: "\f0d8"
        }

        .fa-cart-arrow-down:before {
            content: "\f218"
        }

        .fa-cart-plus:before {
            content: "\f217"
        }

        .fa-cc-amazon-pay:before {
            content: "\f42d"
        }

        .fa-cc-amex:before {
            content: "\f1f3"
        }

        .fa-cc-apple-pay:before {
            content: "\f416"
        }

        .fa-cc-diners-club:before {
            content: "\f24c"
        }

        .fa-cc-discover:before {
            content: "\f1f2"
        }

        .fa-cc-jcb:before {
            content: "\f24b"
        }

        .fa-cc-mastercard:before {
            content: "\f1f1"
        }

        .fa-cc-paypal:before {
            content: "\f1f4"
        }

        .fa-cc-stripe:before {
            content: "\f1f5"
        }

        .fa-cc-visa:before {
            content: "\f1f0"
        }

        .fa-centercode:before {
            content: "\f380"
        }

        .fa-certificate:before {
            content: "\f0a3"
        }

        .fa-chalkboard:before {
            content: "\f51b"
        }

        .fa-chalkboard-teacher:before {
            content: "\f51c"
        }

        .fa-charging-station:before {
            content: "\f5e7"
        }

        .fa-chart-area:before {
            content: "\f1fe"
        }

        .fa-chart-bar:before {
            content: "\f080"
        }

        .fa-chart-line:before {
            content: "\f201"
        }

        .fa-chart-pie:before {
            content: "\f200"
        }

        .fa-check:before {
            content: "\f00c"
        }

        .fa-check-circle:before {
            content: "\f058"
        }

        .fa-check-double:before {
            content: "\f560"
        }

        .fa-check-square:before {
            content: "\f14a"
        }

        .fa-chess:before {
            content: "\f439"
        }

        .fa-chess-bishop:before {
            content: "\f43a"
        }

        .fa-chess-board:before {
            content: "\f43c"
        }

        .fa-chess-king:before {
            content: "\f43f"
        }

        .fa-chess-knight:before {
            content: "\f441"
        }

        .fa-chess-pawn:before {
            content: "\f443"
        }

        .fa-chess-queen:before {
            content: "\f445"
        }

        .fa-chess-rook:before {
            content: "\f447"
        }

        .fa-chevron-circle-down:before {
            content: "\f13a"
        }

        .fa-chevron-circle-left:before {
            content: "\f137"
        }

        .fa-chevron-circle-right:before {
            content: "\f138"
        }

        .fa-chevron-circle-up:before {
            content: "\f139"
        }

        .fa-chevron-down:before {
            content: "\f078"
        }

        .fa-chevron-left:before {
            content: "\f053"
        }

        .fa-chevron-right:before {
            content: "\f054"
        }

        .fa-chevron-up:before {
            content: "\f077"
        }

        .fa-child:before {
            content: "\f1ae"
        }

        .fa-chrome:before {
            content: "\f268"
        }

        .fa-church:before {
            content: "\f51d"
        }

        .fa-circle:before {
            content: "\f111"
        }

        .fa-circle-notch:before {
            content: "\f1ce"
        }

        .fa-city:before {
            content: "\f64f"
        }

        .fa-clipboard:before {
            content: "\f328"
        }

        .fa-clipboard-check:before {
            content: "\f46c"
        }

        .fa-clipboard-list:before {
            content: "\f46d"
        }

        .fa-clock:before {
            content: "\f017"
        }

        .fa-clone:before {
            content: "\f24d"
        }

        .fa-closed-captioning:before {
            content: "\f20a"
        }

        .fa-cloud:before {
            content: "\f0c2"
        }

        .fa-cloud-download-alt:before {
            content: "\f381"
        }

        .fa-cloud-upload-alt:before {
            content: "\f382"
        }

        .fa-cloudscale:before {
            content: "\f383"
        }

        .fa-cloudsmith:before {
            content: "\f384"
        }

        .fa-cloudversify:before {
            content: "\f385"
        }

        .fa-cocktail:before {
            content: "\f561"
        }

        .fa-code:before {
            content: "\f121"
        }

        .fa-code-branch:before {
            content: "\f126"
        }

        .fa-codepen:before {
            content: "\f1cb"
        }

        .fa-codiepie:before {
            content: "\f284"
        }

        .fa-coffee:before {
            content: "\f0f4"
        }

        .fa-cog:before {
            content: "\f013"
        }

        .fa-cogs:before {
            content: "\f085"
        }

        .fa-coins:before {
            content: "\f51e"
        }

        .fa-columns:before {
            content: "\f0db"
        }

        .fa-comment:before {
            content: "\f075"
        }

        .fa-comment-alt:before {
            content: "\f27a"
        }

        .fa-comment-dollar:before {
            content: "\f651"
        }

        .fa-comment-dots:before {
            content: "\f4ad"
        }

        .fa-comment-slash:before {
            content: "\f4b3"
        }

        .fa-comments:before {
            content: "\f086"
        }

        .fa-comments-dollar:before {
            content: "\f653"
        }

        .fa-compact-disc:before {
            content: "\f51f"
        }

        .fa-compass:before {
            content: "\f14e"
        }

        .fa-compress:before {
            content: "\f066"
        }

        .fa-concierge-bell:before {
            content: "\f562"
        }

        .fa-connectdevelop:before {
            content: "\f20e"
        }

        .fa-contao:before {
            content: "\f26d"
        }

        .fa-cookie:before {
            content: "\f563"
        }

        .fa-cookie-bite:before {
            content: "\f564"
        }

        .fa-copy:before {
            content: "\f0c5"
        }

        .fa-copyright:before {
            content: "\f1f9"
        }

        .fa-couch:before {
            content: "\f4b8"
        }

        .fa-cpanel:before {
            content: "\f388"
        }

        .fa-creative-commons:before {
            content: "\f25e"
        }

        .fa-creative-commons-by:before {
            content: "\f4e7"
        }

        .fa-creative-commons-nc:before {
            content: "\f4e8"
        }

        .fa-creative-commons-nc-eu:before {
            content: "\f4e9"
        }

        .fa-creative-commons-nc-jp:before {
            content: "\f4ea"
        }

        .fa-creative-commons-nd:before {
            content: "\f4eb"
        }

        .fa-creative-commons-pd:before {
            content: "\f4ec"
        }

        .fa-creative-commons-pd-alt:before {
            content: "\f4ed"
        }

        .fa-creative-commons-remix:before {
            content: "\f4ee"
        }

        .fa-creative-commons-sa:before {
            content: "\f4ef"
        }

        .fa-creative-commons-sampling:before {
            content: "\f4f0"
        }

        .fa-creative-commons-sampling-plus:before {
            content: "\f4f1"
        }

        .fa-creative-commons-share:before {
            content: "\f4f2"
        }

        .fa-credit-card:before {
            content: "\f09d"
        }

        .fa-crop:before {
            content: "\f125"
        }

        .fa-crop-alt:before {
            content: "\f565"
        }

        .fa-cross:before {
            content: "\f654"
        }

        .fa-crosshairs:before {
            content: "\f05b"
        }

        .fa-crow:before {
            content: "\f520"
        }

        .fa-crown:before {
            content: "\f521"
        }

        .fa-css3:before {
            content: "\f13c"
        }

        .fa-css3-alt:before {
            content: "\f38b"
        }

        .fa-cube:before {
            content: "\f1b2"
        }

        .fa-cubes:before {
            content: "\f1b3"
        }

        .fa-cut:before {
            content: "\f0c4"
        }

        .fa-cuttlefish:before {
            content: "\f38c"
        }

        .fa-d-and-d:before {
            content: "\f38d"
        }

        .fa-dashcube:before {
            content: "\f210"
        }

        .fa-database:before {
            content: "\f1c0"
        }

        .fa-deaf:before {
            content: "\f2a4"
        }

        .fa-delicious:before {
            content: "\f1a5"
        }

        .fa-deploydog:before {
            content: "\f38e"
        }

        .fa-deskpro:before {
            content: "\f38f"
        }

        .fa-desktop:before {
            content: "\f108"
        }

        .fa-deviantart:before {
            content: "\f1bd"
        }

        .fa-dharmachakra:before {
            content: "\f655"
        }

        .fa-diagnoses:before {
            content: "\f470"
        }

        .fa-dice:before {
            content: "\f522"
        }

        .fa-dice-five:before {
            content: "\f523"
        }

        .fa-dice-four:before {
            content: "\f524"
        }

        .fa-dice-one:before {
            content: "\f525"
        }

        .fa-dice-six:before {
            content: "\f526"
        }

        .fa-dice-three:before {
            content: "\f527"
        }

        .fa-dice-two:before {
            content: "\f528"
        }

        .fa-digg:before {
            content: "\f1a6"
        }

        .fa-digital-ocean:before {
            content: "\f391"
        }

        .fa-digital-tachograph:before {
            content: "\f566"
        }

        .fa-directions:before {
            content: "\f5eb"
        }

        .fa-discord:before {
            content: "\f392"
        }

        .fa-discourse:before {
            content: "\f393"
        }

        .fa-divide:before {
            content: "\f529"
        }

        .fa-dizzy:before {
            content: "\f567"
        }

        .fa-dna:before {
            content: "\f471"
        }

        .fa-dochub:before {
            content: "\f394"
        }

        .fa-docker:before {
            content: "\f395"
        }

        .fa-dollar-sign:before {
            content: "\f155"
        }

        .fa-dolly:before {
            content: "\f472"
        }

        .fa-dolly-flatbed:before {
            content: "\f474"
        }

        .fa-donate:before {
            content: "\f4b9"
        }

        .fa-door-closed:before {
            content: "\f52a"
        }

        .fa-door-open:before {
            content: "\f52b"
        }

        .fa-dot-circle:before {
            content: "\f192"
        }

        .fa-dove:before {
            content: "\f4ba"
        }

        .fa-download:before {
            content: "\f019"
        }

        .fa-draft2digital:before {
            content: "\f396"
        }

        .fa-drafting-compass:before {
            content: "\f568"
        }

        .fa-draw-polygon:before {
            content: "\f5ee"
        }

        .fa-dribbble:before {
            content: "\f17d"
        }

        .fa-dribbble-square:before {
            content: "\f397"
        }

        .fa-dropbox:before {
            content: "\f16b"
        }

        .fa-drum:before {
            content: "\f569"
        }

        .fa-drum-steelpan:before {
            content: "\f56a"
        }

        .fa-drupal:before {
            content: "\f1a9"
        }

        .fa-dumbbell:before {
            content: "\f44b"
        }

        .fa-dyalog:before {
            content: "\f399"
        }

        .fa-earlybirds:before {
            content: "\f39a"
        }

        .fa-ebay:before {
            content: "\f4f4"
        }

        .fa-edge:before {
            content: "\f282"
        }

        .fa-edit:before {
            content: "\f044"
        }

        .fa-eject:before {
            content: "\f052"
        }

        .fa-elementor:before {
            content: "\f430"
        }

        .fa-ellipsis-h:before {
            content: "\f141"
        }

        .fa-ellipsis-v:before {
            content: "\f142"
        }

        .fa-ello:before {
            content: "\f5f1"
        }

        .fa-ember:before {
            content: "\f423"
        }

        .fa-empire:before {
            content: "\f1d1"
        }

        .fa-envelope:before {
            content: "\f0e0"
        }

        .fa-envelope-open:before {
            content: "\f2b6"
        }

        .fa-envelope-open-text:before {
            content: "\f658"
        }

        .fa-envelope-square:before {
            content: "\f199"
        }

        .fa-envira:before {
            content: "\f299"
        }

        .fa-equals:before {
            content: "\f52c"
        }

        .fa-eraser:before {
            content: "\f12d"
        }

        .fa-erlang:before {
            content: "\f39d"
        }

        .fa-ethereum:before {
            content: "\f42e"
        }

        .fa-etsy:before {
            content: "\f2d7"
        }

        .fa-euro-sign:before {
            content: "\f153"
        }

        .fa-exchange-alt:before {
            content: "\f362"
        }

        .fa-exclamation:before {
            content: "\f12a"
        }

        .fa-exclamation-circle:before {
            content: "\f06a"
        }

        .fa-exclamation-triangle:before {
            content: "\f071"
        }

        .fa-expand:before {
            content: "\f065"
        }

        .fa-expand-arrows-alt:before {
            content: "\f31e"
        }

        .fa-expeditedssl:before {
            content: "\f23e"
        }

        .fa-external-link-alt:before {
            content: "\f35d"
        }

        .fa-external-link-square-alt:before {
            content: "\f360"
        }

        .fa-eye:before {
            content: "\f06e"
        }

        .fa-eye-dropper:before {
            content: "\f1fb"
        }

        .fa-eye-slash:before {
            content: "\f070"
        }

        .fa-facebook:before {
            content: "\f09a"
        }

        .fa-facebook-f:before {
            content: "\f39e"
        }

        .fa-facebook-messenger:before {
            content: "\f39f"
        }

        .fa-facebook-square:before {
            content: "\f082"
        }

        .fa-fast-backward:before {
            content: "\f049"
        }

        .fa-fast-forward:before {
            content: "\f050"
        }

        .fa-fax:before {
            content: "\f1ac"
        }

        .fa-feather:before {
            content: "\f52d"
        }

        .fa-feather-alt:before {
            content: "\f56b"
        }

        .fa-female:before {
            content: "\f182"
        }

        .fa-fighter-jet:before {
            content: "\f0fb"
        }

        .fa-file:before {
            content: "\f15b"
        }

        .fa-file-alt:before {
            content: "\f15c"
        }

        .fa-file-archive:before {
            content: "\f1c6"
        }

        .fa-file-audio:before {
            content: "\f1c7"
        }

        .fa-file-code:before {
            content: "\f1c9"
        }

        .fa-file-contract:before {
            content: "\f56c"
        }

        .fa-file-download:before {
            content: "\f56d"
        }

        .fa-file-excel:before {
            content: "\f1c3"
        }

        .fa-file-export:before {
            content: "\f56e"
        }

        .fa-file-image:before {
            content: "\f1c5"
        }

        .fa-file-import:before {
            content: "\f56f"
        }

        .fa-file-invoice:before {
            content: "\f570"
        }

        .fa-file-invoice-dollar:before {
            content: "\f571"
        }

        .fa-file-medical:before {
            content: "\f477"
        }

        .fa-file-medical-alt:before {
            content: "\f478"
        }

        .fa-file-pdf:before {
            content: "\f1c1"
        }

        .fa-file-powerpoint:before {
            content: "\f1c4"
        }

        .fa-file-prescription:before {
            content: "\f572"
        }

        .fa-file-signature:before {
            content: "\f573"
        }

        .fa-file-upload:before {
            content: "\f574"
        }

        .fa-file-video:before {
            content: "\f1c8"
        }

        .fa-file-word:before {
            content: "\f1c2"
        }

        .fa-fill:before {
            content: "\f575"
        }

        .fa-fill-drip:before {
            content: "\f576"
        }

        .fa-film:before {
            content: "\f008"
        }

        .fa-filter:before {
            content: "\f0b0"
        }

        .fa-fingerprint:before {
            content: "\f577"
        }

        .fa-fire:before {
            content: "\f06d"
        }

        .fa-fire-extinguisher:before {
            content: "\f134"
        }

        .fa-firefox:before {
            content: "\f269"
        }

        .fa-first-aid:before {
            content: "\f479"
        }

        .fa-first-order:before {
            content: "\f2b0"
        }

        .fa-first-order-alt:before {
            content: "\f50a"
        }

        .fa-firstdraft:before {
            content: "\f3a1"
        }

        .fa-fish:before {
            content: "\f578"
        }

        .fa-flag:before {
            content: "\f024"
        }

        .fa-flag-checkered:before {
            content: "\f11e"
        }

        .fa-flask:before {
            content: "\f0c3"
        }

        .fa-flickr:before {
            content: "\f16e"
        }

        .fa-flipboard:before {
            content: "\f44d"
        }

        .fa-flushed:before {
            content: "\f579"
        }

        .fa-fly:before {
            content: "\f417"
        }

        .fa-folder:before {
            content: "\f07b"
        }

        .fa-folder-minus:before {
            content: "\f65d"
        }

        .fa-folder-open:before {
            content: "\f07c"
        }

        .fa-folder-plus:before {
            content: "\f65e"
        }

        .fa-font:before {
            content: "\f031"
        }

        .fa-font-awesome:before {
            content: "\f2b4"
        }

        .fa-font-awesome-alt:before {
            content: "\f35c"
        }

        .fa-font-awesome-flag:before {
            content: "\f425"
        }

        .fa-font-awesome-logo-full:before {
            content: "\f4e6"
        }

        .fa-fonticons:before {
            content: "\f280"
        }

        .fa-fonticons-fi:before {
            content: "\f3a2"
        }

        .fa-football-ball:before {
            content: "\f44e"
        }

        .fa-fort-awesome:before {
            content: "\f286"
        }

        .fa-fort-awesome-alt:before {
            content: "\f3a3"
        }

        .fa-forumbee:before {
            content: "\f211"
        }

        .fa-forward:before {
            content: "\f04e"
        }

        .fa-foursquare:before {
            content: "\f180"
        }

        .fa-free-code-camp:before {
            content: "\f2c5"
        }

        .fa-freebsd:before {
            content: "\f3a4"
        }

        .fa-frog:before {
            content: "\f52e"
        }

        .fa-frown:before {
            content: "\f119"
        }

        .fa-frown-open:before {
            content: "\f57a"
        }

        .fa-fulcrum:before {
            content: "\f50b"
        }

        .fa-funnel-dollar:before {
            content: "\f662"
        }

        .fa-futbol:before {
            content: "\f1e3"
        }

        .fa-galactic-republic:before {
            content: "\f50c"
        }

        .fa-galactic-senate:before {
            content: "\f50d"
        }

        .fa-gamepad:before {
            content: "\f11b"
        }

        .fa-gas-pump:before {
            content: "\f52f"
        }

        .fa-gavel:before {
            content: "\f0e3"
        }

        .fa-gem:before {
            content: "\f3a5"
        }

        .fa-genderless:before {
            content: "\f22d"
        }

        .fa-get-pocket:before {
            content: "\f265"
        }

        .fa-gg:before {
            content: "\f260"
        }

        .fa-gg-circle:before {
            content: "\f261"
        }

        .fa-gift:before {
            content: "\f06b"
        }

        .fa-git:before {
            content: "\f1d3"
        }

        .fa-git-square:before {
            content: "\f1d2"
        }

        .fa-github:before {
            content: "\f09b"
        }

        .fa-github-alt:before {
            content: "\f113"
        }

        .fa-github-square:before {
            content: "\f092"
        }

        .fa-gitkraken:before {
            content: "\f3a6"
        }

        .fa-gitlab:before {
            content: "\f296"
        }

        .fa-gitter:before {
            content: "\f426"
        }

        .fa-glass-martini:before {
            content: "\f000"
        }

        .fa-glass-martini-alt:before {
            content: "\f57b"
        }

        .fa-glasses:before {
            content: "\f530"
        }

        .fa-glide:before {
            content: "\f2a5"
        }

        .fa-glide-g:before {
            content: "\f2a6"
        }

        .fa-globe:before {
            content: "\f0ac"
        }

        .fa-globe-africa:before {
            content: "\f57c"
        }

        .fa-globe-americas:before {
            content: "\f57d"
        }

        .fa-globe-asia:before {
            content: "\f57e"
        }

        .fa-gofore:before {
            content: "\f3a7"
        }

        .fa-golf-ball:before {
            content: "\f450"
        }

        .fa-goodreads:before {
            content: "\f3a8"
        }

        .fa-goodreads-g:before {
            content: "\f3a9"
        }

        .fa-google:before {
            content: "\f1a0"
        }

        .fa-google-drive:before {
            content: "\f3aa"
        }

        .fa-google-play:before {
            content: "\f3ab"
        }

        .fa-google-plus:before {
            content: "\f2b3"
        }

        .fa-google-plus-g:before {
            content: "\f0d5"
        }

        .fa-google-plus-square:before {
            content: "\f0d4"
        }

        .fa-google-wallet:before {
            content: "\f1ee"
        }

        .fa-gopuram:before {
            content: "\f664"
        }

        .fa-graduation-cap:before {
            content: "\f19d"
        }

        .fa-gratipay:before {
            content: "\f184"
        }

        .fa-grav:before {
            content: "\f2d6"
        }

        .fa-greater-than:before {
            content: "\f531"
        }

        .fa-greater-than-equal:before {
            content: "\f532"
        }

        .fa-grimace:before {
            content: "\f57f"
        }

        .fa-grin:before {
            content: "\f580"
        }

        .fa-grin-alt:before {
            content: "\f581"
        }

        .fa-grin-beam:before {
            content: "\f582"
        }

        .fa-grin-beam-sweat:before {
            content: "\f583"
        }

        .fa-grin-hearts:before {
            content: "\f584"
        }

        .fa-grin-squint:before {
            content: "\f585"
        }

        .fa-grin-squint-tears:before {
            content: "\f586"
        }

        .fa-grin-stars:before {
            content: "\f587"
        }

        .fa-grin-tears:before {
            content: "\f588"
        }

        .fa-grin-tongue:before {
            content: "\f589"
        }

        .fa-grin-tongue-squint:before {
            content: "\f58a"
        }

        .fa-grin-tongue-wink:before {
            content: "\f58b"
        }

        .fa-grin-wink:before {
            content: "\f58c"
        }

        .fa-grip-horizontal:before {
            content: "\f58d"
        }

        .fa-grip-vertical:before {
            content: "\f58e"
        }

        .fa-gripfire:before {
            content: "\f3ac"
        }

        .fa-grunt:before {
            content: "\f3ad"
        }

        .fa-gulp:before {
            content: "\f3ae"
        }

        .fa-h-square:before {
            content: "\f0fd"
        }

        .fa-hacker-news:before {
            content: "\f1d4"
        }

        .fa-hacker-news-square:before {
            content: "\f3af"
        }

        .fa-hackerrank:before {
            content: "\f5f7"
        }

        .fa-hamsa:before {
            content: "\f665"
        }

        .fa-hand-holding:before {
            content: "\f4bd"
        }

        .fa-hand-holding-heart:before {
            content: "\f4be"
        }

        .fa-hand-holding-usd:before {
            content: "\f4c0"
        }

        .fa-hand-lizard:before {
            content: "\f258"
        }

        .fa-hand-paper:before {
            content: "\f256"
        }

        .fa-hand-peace:before {
            content: "\f25b"
        }

        .fa-hand-point-down:before {
            content: "\f0a7"
        }

        .fa-hand-point-left:before {
            content: "\f0a5"
        }

        .fa-hand-point-right:before {
            content: "\f0a4"
        }

        .fa-hand-point-up:before {
            content: "\f0a6"
        }

        .fa-hand-pointer:before {
            content: "\f25a"
        }

        .fa-hand-rock:before {
            content: "\f255"
        }

        .fa-hand-scissors:before {
            content: "\f257"
        }

        .fa-hand-spock:before {
            content: "\f259"
        }

        .fa-hands:before {
            content: "\f4c2"
        }

        .fa-hands-helping:before {
            content: "\f4c4"
        }

        .fa-handshake:before {
            content: "\f2b5"
        }

        .fa-hashtag:before {
            content: "\f292"
        }

        .fa-haykal:before {
            content: "\f666"
        }

        .fa-hdd:before {
            content: "\f0a0"
        }

        .fa-heading:before {
            content: "\f1dc"
        }

        .fa-headphones:before {
            content: "\f025"
        }

        .fa-headphones-alt:before {
            content: "\f58f"
        }

        .fa-headset:before {
            content: "\f590"
        }

        .fa-heart:before {
            content: "\f004"
        }

        .fa-heartbeat:before {
            content: "\f21e"
        }

        .fa-helicopter:before {
            content: "\f533"
        }

        .fa-highlighter:before {
            content: "\f591"
        }

        .fa-hips:before {
            content: "\f452"
        }

        .fa-hire-a-helper:before {
            content: "\f3b0"
        }

        .fa-history:before {
            content: "\f1da"
        }

        .fa-hockey-puck:before {
            content: "\f453"
        }

        .fa-home:before {
            content: "\f015"
        }

        .fa-hooli:before {
            content: "\f427"
        }

        .fa-hornbill:before {
            content: "\f592"
        }

        .fa-hospital:before {
            content: "\f0f8"
        }

        .fa-hospital-alt:before {
            content: "\f47d"
        }

        .fa-hospital-symbol:before {
            content: "\f47e"
        }

        .fa-hot-tub:before {
            content: "\f593"
        }

        .fa-hotel:before {
            content: "\f594"
        }

        .fa-hotjar:before {
            content: "\f3b1"
        }

        .fa-hourglass:before {
            content: "\f254"
        }

        .fa-hourglass-end:before {
            content: "\f253"
        }

        .fa-hourglass-half:before {
            content: "\f252"
        }

        .fa-hourglass-start:before {
            content: "\f251"
        }

        .fa-houzz:before {
            content: "\f27c"
        }

        .fa-html5:before {
            content: "\f13b"
        }

        .fa-hubspot:before {
            content: "\f3b2"
        }

        .fa-i-cursor:before {
            content: "\f246"
        }

        .fa-id-badge:before {
            content: "\f2c1"
        }

        .fa-id-card:before {
            content: "\f2c2"
        }

        .fa-id-card-alt:before {
            content: "\f47f"
        }

        .fa-image:before {
            content: "\f03e"
        }

        .fa-images:before {
            content: "\f302"
        }

        .fa-imdb:before {
            content: "\f2d8"
        }

        .fa-inbox:before {
            content: "\f01c"
        }

        .fa-indent:before {
            content: "\f03c"
        }

        .fa-industry:before {
            content: "\f275"
        }

        .fa-infinity:before {
            content: "\f534"
        }

        .fa-info:before {
            content: "\f129"
        }

        .fa-info-circle:before {
            content: "\f05a"
        }

        .fa-instagram:before {
            content: "\f16d"
        }

        .fa-internet-explorer:before {
            content: "\f26b"
        }

        .fa-ioxhost:before {
            content: "\f208"
        }

        .fa-italic:before {
            content: "\f033"
        }

        .fa-itunes:before {
            content: "\f3b4"
        }

        .fa-itunes-note:before {
            content: "\f3b5"
        }

        .fa-java:before {
            content: "\f4e4"
        }

        .fa-jedi:before {
            content: "\f669"
        }

        .fa-jedi-order:before {
            content: "\f50e"
        }

        .fa-jenkins:before {
            content: "\f3b6"
        }

        .fa-joget:before {
            content: "\f3b7"
        }

        .fa-joint:before {
            content: "\f595"
        }

        .fa-joomla:before {
            content: "\f1aa"
        }

        .fa-journal-whills:before {
            content: "\f66a"
        }

        .fa-js:before {
            content: "\f3b8"
        }

        .fa-js-square:before {
            content: "\f3b9"
        }

        .fa-jsfiddle:before {
            content: "\f1cc"
        }

        .fa-kaaba:before {
            content: "\f66b"
        }

        .fa-kaggle:before {
            content: "\f5fa"
        }

        .fa-key:before {
            content: "\f084"
        }

        .fa-keybase:before {
            content: "\f4f5"
        }

        .fa-keyboard:before {
            content: "\f11c"
        }

        .fa-keycdn:before {
            content: "\f3ba"
        }

        .fa-khanda:before {
            content: "\f66d"
        }

        .fa-kickstarter:before {
            content: "\f3bb"
        }

        .fa-kickstarter-k:before {
            content: "\f3bc"
        }

        .fa-kiss:before {
            content: "\f596"
        }

        .fa-kiss-beam:before {
            content: "\f597"
        }

        .fa-kiss-wink-heart:before {
            content: "\f598"
        }

        .fa-kiwi-bird:before {
            content: "\f535"
        }

        .fa-korvue:before {
            content: "\f42f"
        }

        .fa-landmark:before {
            content: "\f66f"
        }

        .fa-language:before {
            content: "\f1ab"
        }

        .fa-laptop:before {
            content: "\f109"
        }

        .fa-laptop-code:before {
            content: "\f5fc"
        }

        .fa-laravel:before {
            content: "\f3bd"
        }

        .fa-lastfm:before {
            content: "\f202"
        }

        .fa-lastfm-square:before {
            content: "\f203"
        }

        .fa-laugh:before {
            content: "\f599"
        }

        .fa-laugh-beam:before {
            content: "\f59a"
        }

        .fa-laugh-squint:before {
            content: "\f59b"
        }

        .fa-laugh-wink:before {
            content: "\f59c"
        }

        .fa-layer-group:before {
            content: "\f5fd"
        }

        .fa-leaf:before {
            content: "\f06c"
        }

        .fa-leanpub:before {
            content: "\f212"
        }

        .fa-lemon:before {
            content: "\f094"
        }

        .fa-less:before {
            content: "\f41d"
        }

        .fa-less-than:before {
            content: "\f536"
        }

        .fa-less-than-equal:before {
            content: "\f537"
        }

        .fa-level-down-alt:before {
            content: "\f3be"
        }

        .fa-level-up-alt:before {
            content: "\f3bf"
        }

        .fa-life-ring:before {
            content: "\f1cd"
        }

        .fa-lightbulb:before {
            content: "\f0eb"
        }

        .fa-line:before {
            content: "\f3c0"
        }

        .fa-link:before {
            content: "\f0c1"
        }

        .fa-linkedin:before {
            content: "\f08c"
        }

        .fa-linkedin-in:before {
            content: "\f0e1"
        }

        .fa-linode:before {
            content: "\f2b8"
        }

        .fa-linux:before {
            content: "\f17c"
        }

        .fa-lira-sign:before {
            content: "\f195"
        }

        .fa-list:before {
            content: "\f03a"
        }

        .fa-list-alt:before {
            content: "\f022"
        }

        .fa-list-ol:before {
            content: "\f0cb"
        }

        .fa-list-ul:before {
            content: "\f0ca"
        }

        .fa-location-arrow:before {
            content: "\f124"
        }

        .fa-lock:before {
            content: "\f023"
        }

        .fa-lock-open:before {
            content: "\f3c1"
        }

        .fa-long-arrow-alt-down:before {
            content: "\f309"
        }

        .fa-long-arrow-alt-left:before {
            content: "\f30a"
        }

        .fa-long-arrow-alt-right:before {
            content: "\f30b"
        }

        .fa-long-arrow-alt-up:before {
            content: "\f30c"
        }

        .fa-low-vision:before {
            content: "\f2a8"
        }

        .fa-luggage-cart:before {
            content: "\f59d"
        }

        .fa-lyft:before {
            content: "\f3c3"
        }

        .fa-magento:before {
            content: "\f3c4"
        }

        .fa-magic:before {
            content: "\f0d0"
        }

        .fa-magnet:before {
            content: "\f076"
        }

        .fa-mail-bulk:before {
            content: "\f674"
        }

        .fa-mailchimp:before {
            content: "\f59e"
        }

        .fa-male:before {
            content: "\f183"
        }

        .fa-mandalorian:before {
            content: "\f50f"
        }

        .fa-map:before {
            content: "\f279"
        }

        .fa-map-marked:before {
            content: "\f59f"
        }

        .fa-map-marked-alt:before {
            content: "\f5a0"
        }

        .fa-map-marker:before {
            content: "\f041"
        }

        .fa-map-marker-alt:before {
            content: "\f3c5"
        }

        .fa-map-pin:before {
            content: "\f276"
        }

        .fa-map-signs:before {
            content: "\f277"
        }

        .fa-markdown:before {
            content: "\f60f"
        }

        .fa-marker:before {
            content: "\f5a1"
        }

        .fa-mars:before {
            content: "\f222"
        }

        .fa-mars-double:before {
            content: "\f227"
        }

        .fa-mars-stroke:before {
            content: "\f229"
        }

        .fa-mars-stroke-h:before {
            content: "\f22b"
        }

        .fa-mars-stroke-v:before {
            content: "\f22a"
        }

        .fa-mastodon:before {
            content: "\f4f6"
        }

        .fa-maxcdn:before {
            content: "\f136"
        }

        .fa-medal:before {
            content: "\f5a2"
        }

        .fa-medapps:before {
            content: "\f3c6"
        }

        .fa-medium:before {
            content: "\f23a"
        }

        .fa-medium-m:before {
            content: "\f3c7"
        }

        .fa-medkit:before {
            content: "\f0fa"
        }

        .fa-medrt:before {
            content: "\f3c8"
        }

        .fa-meetup:before {
            content: "\f2e0"
        }

        .fa-megaport:before {
            content: "\f5a3"
        }

        .fa-meh:before {
            content: "\f11a"
        }

        .fa-meh-blank:before {
            content: "\f5a4"
        }

        .fa-meh-rolling-eyes:before {
            content: "\f5a5"
        }

        .fa-memory:before {
            content: "\f538"
        }

        .fa-menorah:before {
            content: "\f676"
        }

        .fa-mercury:before {
            content: "\f223"
        }

        .fa-microchip:before {
            content: "\f2db"
        }

        .fa-microphone:before {
            content: "\f130"
        }

        .fa-microphone-alt:before {
            content: "\f3c9"
        }

        .fa-microphone-alt-slash:before {
            content: "\f539"
        }

        .fa-microphone-slash:before {
            content: "\f131"
        }

        .fa-microscope:before {
            content: "\f610"
        }

        .fa-microsoft:before {
            content: "\f3ca"
        }

        .fa-minus:before {
            content: "\f068"
        }

        .fa-minus-circle:before {
            content: "\f056"
        }

        .fa-minus-square:before {
            content: "\f146"
        }

        .fa-mix:before {
            content: "\f3cb"
        }

        .fa-mixcloud:before {
            content: "\f289"
        }

        .fa-mizuni:before {
            content: "\f3cc"
        }

        .fa-mobile:before {
            content: "\f10b"
        }

        .fa-mobile-alt:before {
            content: "\f3cd"
        }

        .fa-modx:before {
            content: "\f285"
        }

        .fa-monero:before {
            content: "\f3d0"
        }

        .fa-money-bill:before {
            content: "\f0d6"
        }

        .fa-money-bill-alt:before {
            content: "\f3d1"
        }

        .fa-money-bill-wave:before {
            content: "\f53a"
        }

        .fa-money-bill-wave-alt:before {
            content: "\f53b"
        }

        .fa-money-check:before {
            content: "\f53c"
        }

        .fa-money-check-alt:before {
            content: "\f53d"
        }

        .fa-monument:before {
            content: "\f5a6"
        }

        .fa-moon:before {
            content: "\f186"
        }

        .fa-mortar-pestle:before {
            content: "\f5a7"
        }

        .fa-mosque:before {
            content: "\f678"
        }

        .fa-motorcycle:before {
            content: "\f21c"
        }

        .fa-mouse-pointer:before {
            content: "\f245"
        }

        .fa-music:before {
            content: "\f001"
        }

        .fa-napster:before {
            content: "\f3d2"
        }

        .fa-neos:before {
            content: "\f612"
        }

        .fa-neuter:before {
            content: "\f22c"
        }

        .fa-newspaper:before {
            content: "\f1ea"
        }

        .fa-nimblr:before {
            content: "\f5a8"
        }

        .fa-nintendo-switch:before {
            content: "\f418"
        }

        .fa-node:before {
            content: "\f419"
        }

        .fa-node-js:before {
            content: "\f3d3"
        }

        .fa-not-equal:before {
            content: "\f53e"
        }

        .fa-notes-medical:before {
            content: "\f481"
        }

        .fa-npm:before {
            content: "\f3d4"
        }

        .fa-ns8:before {
            content: "\f3d5"
        }

        .fa-nutritionix:before {
            content: "\f3d6"
        }

        .fa-object-group:before {
            content: "\f247"
        }

        .fa-object-ungroup:before {
            content: "\f248"
        }

        .fa-odnoklassniki:before {
            content: "\f263"
        }

        .fa-odnoklassniki-square:before {
            content: "\f264"
        }

        .fa-oil-can:before {
            content: "\f613"
        }

        .fa-old-republic:before {
            content: "\f510"
        }

        .fa-om:before {
            content: "\f679"
        }

        .fa-opencart:before {
            content: "\f23d"
        }

        .fa-openid:before {
            content: "\f19b"
        }

        .fa-opera:before {
            content: "\f26a"
        }

        .fa-optin-monster:before {
            content: "\f23c"
        }

        .fa-osi:before {
            content: "\f41a"
        }

        .fa-outdent:before {
            content: "\f03b"
        }

        .fa-page4:before {
            content: "\f3d7"
        }

        .fa-pagelines:before {
            content: "\f18c"
        }

        .fa-paint-brush:before {
            content: "\f1fc"
        }

        .fa-paint-roller:before {
            content: "\f5aa"
        }

        .fa-palette:before {
            content: "\f53f"
        }

        .fa-palfed:before {
            content: "\f3d8"
        }

        .fa-pallet:before {
            content: "\f482"
        }

        .fa-paper-plane:before {
            content: "\f1d8"
        }

        .fa-paperclip:before {
            content: "\f0c6"
        }

        .fa-parachute-box:before {
            content: "\f4cd"
        }

        .fa-paragraph:before {
            content: "\f1dd"
        }

        .fa-parking:before {
            content: "\f540"
        }

        .fa-passport:before {
            content: "\f5ab"
        }

        .fa-pastafarianism:before {
            content: "\f67b"
        }

        .fa-paste:before {
            content: "\f0ea"
        }

        .fa-patreon:before {
            content: "\f3d9"
        }

        .fa-pause:before {
            content: "\f04c"
        }

        .fa-pause-circle:before {
            content: "\f28b"
        }

        .fa-paw:before {
            content: "\f1b0"
        }

        .fa-paypal:before {
            content: "\f1ed"
        }

        .fa-peace:before {
            content: "\f67c"
        }

        .fa-pen:before {
            content: "\f304"
        }

        .fa-pen-alt:before {
            content: "\f305"
        }

        .fa-pen-fancy:before {
            content: "\f5ac"
        }

        .fa-pen-nib:before {
            content: "\f5ad"
        }

        .fa-pen-square:before {
            content: "\f14b"
        }

        .fa-pencil-alt:before {
            content: "\f303"
        }

        .fa-pencil-ruler:before {
            content: "\f5ae"
        }

        .fa-people-carry:before {
            content: "\f4ce"
        }

        .fa-percent:before {
            content: "\f295"
        }

        .fa-percentage:before {
            content: "\f541"
        }

        .fa-periscope:before {
            content: "\f3da"
        }

        .fa-phabricator:before {
            content: "\f3db"
        }

        .fa-phoenix-framework:before {
            content: "\f3dc"
        }

        .fa-phoenix-squadron:before {
            content: "\f511"
        }

        .fa-phone:before {
            content: "\f095"
        }

        .fa-phone-slash:before {
            content: "\f3dd"
        }

        .fa-phone-square:before {
            content: "\f098"
        }

        .fa-phone-volume:before {
            content: "\f2a0"
        }

        .fa-php:before {
            content: "\f457"
        }

        .fa-pied-piper:before {
            content: "\f2ae"
        }

        .fa-pied-piper-alt:before {
            content: "\f1a8"
        }

        .fa-pied-piper-hat:before {
            content: "\f4e5"
        }

        .fa-pied-piper-pp:before {
            content: "\f1a7"
        }

        .fa-piggy-bank:before {
            content: "\f4d3"
        }

        .fa-pills:before {
            content: "\f484"
        }

        .fa-pinterest:before {
            content: "\f0d2"
        }

        .fa-pinterest-p:before {
            content: "\f231"
        }

        .fa-pinterest-square:before {
            content: "\f0d3"
        }

        .fa-place-of-worship:before {
            content: "\f67f"
        }

        .fa-plane:before {
            content: "\f072"
        }

        .fa-plane-arrival:before {
            content: "\f5af"
        }

        .fa-plane-departure:before {
            content: "\f5b0"
        }

        .fa-play:before {
            content: "\f04b"
        }

        .fa-play-circle:before {
            content: "\f144"
        }

        .fa-playstation:before {
            content: "\f3df"
        }

        .fa-plug:before {
            content: "\f1e6"
        }

        .fa-plus:before {
            content: "\f067"
        }

        .fa-plus-circle:before {
            content: "\f055"
        }

        .fa-plus-square:before {
            content: "\f0fe"
        }

        .fa-podcast:before {
            content: "\f2ce"
        }

        .fa-poll:before {
            content: "\f681"
        }

        .fa-poll-h:before {
            content: "\f682"
        }

        .fa-poo:before {
            content: "\f2fe"
        }

        .fa-poop:before {
            content: "\f619"
        }

        .fa-portrait:before {
            content: "\f3e0"
        }

        .fa-pound-sign:before {
            content: "\f154"
        }

        .fa-power-off:before {
            content: "\f011"
        }

        .fa-pray:before {
            content: "\f683"
        }

        .fa-praying-hands:before {
            content: "\f684"
        }

        .fa-prescription:before {
            content: "\f5b1"
        }

        .fa-prescription-bottle:before {
            content: "\f485"
        }

        .fa-prescription-bottle-alt:before {
            content: "\f486"
        }

        .fa-print:before {
            content: "\f02f"
        }

        .fa-procedures:before {
            content: "\f487"
        }

        .fa-product-hunt:before {
            content: "\f288"
        }

        .fa-project-diagram:before {
            content: "\f542"
        }

        .fa-pushed:before {
            content: "\f3e1"
        }

        .fa-puzzle-piece:before {
            content: "\f12e"
        }

        .fa-python:before {
            content: "\f3e2"
        }

        .fa-qq:before {
            content: "\f1d6"
        }

        .fa-qrcode:before {
            content: "\f029"
        }

        .fa-question:before {
            content: "\f128"
        }

        .fa-question-circle:before {
            content: "\f059"
        }

        .fa-quidditch:before {
            content: "\f458"
        }

        .fa-quinscape:before {
            content: "\f459"
        }

        .fa-quora:before {
            content: "\f2c4"
        }

        .fa-quote-left:before {
            content: "\f10d"
        }

        .fa-quote-right:before {
            content: "\f10e"
        }

        .fa-quran:before {
            content: "\f687"
        }

        .fa-r-project:before {
            content: "\f4f7"
        }

        .fa-random:before {
            content: "\f074"
        }

        .fa-ravelry:before {
            content: "\f2d9"
        }

        .fa-react:before {
            content: "\f41b"
        }

        .fa-readme:before {
            content: "\f4d5"
        }

        .fa-rebel:before {
            content: "\f1d0"
        }

        .fa-receipt:before {
            content: "\f543"
        }

        .fa-recycle:before {
            content: "\f1b8"
        }

        .fa-red-river:before {
            content: "\f3e3"
        }

        .fa-reddit:before {
            content: "\f1a1"
        }

        .fa-reddit-alien:before {
            content: "\f281"
        }

        .fa-reddit-square:before {
            content: "\f1a2"
        }

        .fa-redo:before {
            content: "\f01e"
        }

        .fa-redo-alt:before {
            content: "\f2f9"
        }

        .fa-registered:before {
            content: "\f25d"
        }

        .fa-rendact:before {
            content: "\f3e4"
        }

        .fa-renren:before {
            content: "\f18b"
        }

        .fa-reply:before {
            content: "\f3e5"
        }

        .fa-reply-all:before {
            content: "\f122"
        }

        .fa-replyd:before {
            content: "\f3e6"
        }

        .fa-researchgate:before {
            content: "\f4f8"
        }

        .fa-resolving:before {
            content: "\f3e7"
        }

        .fa-retweet:before {
            content: "\f079"
        }

        .fa-rev:before {
            content: "\f5b2"
        }

        .fa-ribbon:before {
            content: "\f4d6"
        }

        .fa-road:before {
            content: "\f018"
        }

        .fa-robot:before {
            content: "\f544"
        }

        .fa-rocket:before {
            content: "\f135"
        }

        .fa-rocketchat:before {
            content: "\f3e8"
        }

        .fa-rockrms:before {
            content: "\f3e9"
        }

        .fa-route:before {
            content: "\f4d7"
        }

        .fa-rss:before {
            content: "\f09e"
        }

        .fa-rss-square:before {
            content: "\f143"
        }

        .fa-ruble-sign:before {
            content: "\f158"
        }

        .fa-ruler:before {
            content: "\f545"
        }

        .fa-ruler-combined:before {
            content: "\f546"
        }

        .fa-ruler-horizontal:before {
            content: "\f547"
        }

        .fa-ruler-vertical:before {
            content: "\f548"
        }

        .fa-rupee-sign:before {
            content: "\f156"
        }

        .fa-sad-cry:before {
            content: "\f5b3"
        }

        .fa-sad-tear:before {
            content: "\f5b4"
        }

        .fa-safari:before {
            content: "\f267"
        }

        .fa-sass:before {
            content: "\f41e"
        }

        .fa-save:before {
            content: "\f0c7"
        }

        .fa-schlix:before {
            content: "\f3ea"
        }

        .fa-school:before {
            content: "\f549"
        }

        .fa-screwdriver:before {
            content: "\f54a"
        }

        .fa-scribd:before {
            content: "\f28a"
        }

        .fa-search:before {
            content: "\f002"
        }

        .fa-search-dollar:before {
            content: "\f688"
        }

        .fa-search-location:before {
            content: "\f689"
        }

        .fa-search-minus:before {
            content: "\f010"
        }

        .fa-search-plus:before {
            content: "\f00e"
        }

        .fa-searchengin:before {
            content: "\f3eb"
        }

        .fa-seedling:before {
            content: "\f4d8"
        }

        .fa-sellcast:before {
            content: "\f2da"
        }

        .fa-sellsy:before {
            content: "\f213"
        }

        .fa-server:before {
            content: "\f233"
        }

        .fa-servicestack:before {
            content: "\f3ec"
        }

        .fa-shapes:before {
            content: "\f61f"
        }

        .fa-share:before {
            content: "\f064"
        }

        .fa-share-alt:before {
            content: "\f1e0"
        }

        .fa-share-alt-square:before {
            content: "\f1e1"
        }

        .fa-share-square:before {
            content: "\f14d"
        }

        .fa-shekel-sign:before {
            content: "\f20b"
        }

        .fa-shield-alt:before {
            content: "\f3ed"
        }

        .fa-ship:before {
            content: "\f21a"
        }

        .fa-shipping-fast:before {
            content: "\f48b"
        }

        .fa-shirtsinbulk:before {
            content: "\f214"
        }

        .fa-shoe-prints:before {
            content: "\f54b"
        }

        .fa-shopping-bag:before {
            content: "\f290"
        }

        .fa-shopping-basket:before {
            content: "\f291"
        }

        .fa-shopping-cart:before {
            content: "\f07a"
        }

        .fa-shopware:before {
            content: "\f5b5"
        }

        .fa-shower:before {
            content: "\f2cc"
        }

        .fa-shuttle-van:before {
            content: "\f5b6"
        }

        .fa-sign:before {
            content: "\f4d9"
        }

        .fa-sign-in-alt:before {
            content: "\f2f6"
        }

        .fa-sign-language:before {
            content: "\f2a7"
        }

        .fa-sign-out-alt:before {
            content: "\f2f5"
        }

        .fa-signal:before {
            content: "\f012"
        }

        .fa-signature:before {
            content: "\f5b7"
        }

        .fa-simplybuilt:before {
            content: "\f215"
        }

        .fa-sistrix:before {
            content: "\f3ee"
        }

        .fa-sitemap:before {
            content: "\f0e8"
        }

        .fa-sith:before {
            content: "\f512"
        }

        .fa-skull:before {
            content: "\f54c"
        }

        .fa-skyatlas:before {
            content: "\f216"
        }

        .fa-skype:before {
            content: "\f17e"
        }

        .fa-slack:before {
            content: "\f198"
        }

        .fa-slack-hash:before {
            content: "\f3ef"
        }

        .fa-sliders-h:before {
            content: "\f1de"
        }

        .fa-slideshare:before {
            content: "\f1e7"
        }

        .fa-smile:before {
            content: "\f118"
        }

        .fa-smile-beam:before {
            content: "\f5b8"
        }

        .fa-smile-wink:before {
            content: "\f4da"
        }

        .fa-smoking:before {
            content: "\f48d"
        }

        .fa-smoking-ban:before {
            content: "\f54d"
        }

        .fa-snapchat:before {
            content: "\f2ab"
        }

        .fa-snapchat-ghost:before {
            content: "\f2ac"
        }

        .fa-snapchat-square:before {
            content: "\f2ad"
        }

        .fa-snowflake:before {
            content: "\f2dc"
        }

        .fa-socks:before {
            content: "\f696"
        }

        .fa-solar-panel:before {
            content: "\f5ba"
        }

        .fa-sort:before {
            content: "\f0dc"
        }

        .fa-sort-alpha-down:before {
            content: "\f15d"
        }

        .fa-sort-alpha-up:before {
            content: "\f15e"
        }

        .fa-sort-amount-down:before {
            content: "\f160"
        }

        .fa-sort-amount-up:before {
            content: "\f161"
        }

        .fa-sort-down:before {
            content: "\f0dd"
        }

        .fa-sort-numeric-down:before {
            content: "\f162"
        }

        .fa-sort-numeric-up:before {
            content: "\f163"
        }

        .fa-sort-up:before {
            content: "\f0de"
        }

        .fa-soundcloud:before {
            content: "\f1be"
        }

        .fa-spa:before {
            content: "\f5bb"
        }

        .fa-space-shuttle:before {
            content: "\f197"
        }

        .fa-speakap:before {
            content: "\f3f3"
        }

        .fa-spinner:before {
            content: "\f110"
        }

        .fa-splotch:before {
            content: "\f5bc"
        }

        .fa-spotify:before {
            content: "\f1bc"
        }

        .fa-spray-can:before {
            content: "\f5bd"
        }

        .fa-square:before {
            content: "\f0c8"
        }

        .fa-square-full:before {
            content: "\f45c"
        }

        .fa-square-root-alt:before {
            content: "\f698"
        }

        .fa-squarespace:before {
            content: "\f5be"
        }

        .fa-stack-exchange:before {
            content: "\f18d"
        }

        .fa-stack-overflow:before {
            content: "\f16c"
        }

        .fa-stamp:before {
            content: "\f5bf"
        }

        .fa-star:before {
            content: "\f005"
        }

        .fa-star-and-crescent:before {
            content: "\f699"
        }

        .fa-star-half:before {
            content: "\f089"
        }

        .fa-star-half-alt:before {
            content: "\f5c0"
        }

        .fa-star-of-david:before {
            content: "\f69a"
        }

        .fa-star-of-life:before {
            content: "\f621"
        }

        .fa-staylinked:before {
            content: "\f3f5"
        }

        .fa-steam:before {
            content: "\f1b6"
        }

        .fa-steam-square:before {
            content: "\f1b7"
        }

        .fa-steam-symbol:before {
            content: "\f3f6"
        }

        .fa-step-backward:before {
            content: "\f048"
        }

        .fa-step-forward:before {
            content: "\f051"
        }

        .fa-stethoscope:before {
            content: "\f0f1"
        }

        .fa-sticker-mule:before {
            content: "\f3f7"
        }

        .fa-sticky-note:before {
            content: "\f249"
        }

        .fa-stop:before {
            content: "\f04d"
        }

        .fa-stop-circle:before {
            content: "\f28d"
        }

        .fa-stopwatch:before {
            content: "\f2f2"
        }

        .fa-store:before {
            content: "\f54e"
        }

        .fa-store-alt:before {
            content: "\f54f"
        }

        .fa-strava:before {
            content: "\f428"
        }

        .fa-stream:before {
            content: "\f550"
        }

        .fa-street-view:before {
            content: "\f21d"
        }

        .fa-strikethrough:before {
            content: "\f0cc"
        }

        .fa-stripe:before {
            content: "\f429"
        }

        .fa-stripe-s:before {
            content: "\f42a"
        }

        .fa-stroopwafel:before {
            content: "\f551"
        }

        .fa-studiovinari:before {
            content: "\f3f8"
        }

        .fa-stumbleupon:before {
            content: "\f1a4"
        }

        .fa-stumbleupon-circle:before {
            content: "\f1a3"
        }

        .fa-subscript:before {
            content: "\f12c"
        }

        .fa-subway:before {
            content: "\f239"
        }

        .fa-suitcase:before {
            content: "\f0f2"
        }

        .fa-suitcase-rolling:before {
            content: "\f5c1"
        }

        .fa-sun:before {
            content: "\f185"
        }

        .fa-superpowers:before {
            content: "\f2dd"
        }

        .fa-superscript:before {
            content: "\f12b"
        }

        .fa-supple:before {
            content: "\f3f9"
        }

        .fa-surprise:before {
            content: "\f5c2"
        }

        .fa-swatchbook:before {
            content: "\f5c3"
        }

        .fa-swimmer:before {
            content: "\f5c4"
        }

        .fa-swimming-pool:before {
            content: "\f5c5"
        }

        .fa-synagogue:before {
            content: "\f69b"
        }

        .fa-sync:before {
            content: "\f021"
        }

        .fa-sync-alt:before {
            content: "\f2f1"
        }

        .fa-syringe:before {
            content: "\f48e"
        }

        .fa-table:before {
            content: "\f0ce"
        }

        .fa-table-tennis:before {
            content: "\f45d"
        }

        .fa-tablet:before {
            content: "\f10a"
        }

        .fa-tablet-alt:before {
            content: "\f3fa"
        }

        .fa-tablets:before {
            content: "\f490"
        }

        .fa-tachometer-alt:before {
            content: "\f3fd"
        }

        .fa-tag:before {
            content: "\f02b"
        }

        .fa-tags:before {
            content: "\f02c"
        }

        .fa-tape:before {
            content: "\f4db"
        }

        .fa-tasks:before {
            content: "\f0ae"
        }

        .fa-taxi:before {
            content: "\f1ba"
        }

        .fa-teamspeak:before {
            content: "\f4f9"
        }

        .fa-teeth:before {
            content: "\f62e"
        }

        .fa-teeth-open:before {
            content: "\f62f"
        }

        .fa-telegram:before {
            content: "\f2c6"
        }

        .fa-telegram-plane:before {
            content: "\f3fe"
        }

        .fa-tencent-weibo:before {
            content: "\f1d5"
        }

        .fa-terminal:before {
            content: "\f120"
        }

        .fa-text-height:before {
            content: "\f034"
        }

        .fa-text-width:before {
            content: "\f035"
        }

        .fa-th:before {
            content: "\f00a"
        }

        .fa-th-large:before {
            content: "\f009"
        }

        .fa-th-list:before {
            content: "\f00b"
        }

        .fa-the-red-yeti:before {
            content: "\f69d"
        }

        .fa-theater-masks:before {
            content: "\f630"
        }

        .fa-themeco:before {
            content: "\f5c6"
        }

        .fa-themeisle:before {
            content: "\f2b2"
        }

        .fa-thermometer:before {
            content: "\f491"
        }

        .fa-thermometer-empty:before {
            content: "\f2cb"
        }

        .fa-thermometer-full:before {
            content: "\f2c7"
        }

        .fa-thermometer-half:before {
            content: "\f2c9"
        }

        .fa-thermometer-quarter:before {
            content: "\f2ca"
        }

        .fa-thermometer-three-quarters:before {
            content: "\f2c8"
        }

        .fa-thumbs-down:before {
            content: "\f165"
        }

        .fa-thumbs-up:before {
            content: "\f164"
        }

        .fa-thumbtack:before {
            content: "\f08d"
        }

        .fa-ticket-alt:before {
            content: "\f3ff"
        }

        .fa-times:before {
            content: "\f00d"
        }

        .fa-times-circle:before {
            content: "\f057"
        }

        .fa-tint:before {
            content: "\f043"
        }

        .fa-tint-slash:before {
            content: "\f5c7"
        }

        .fa-tired:before {
            content: "\f5c8"
        }

        .fa-toggle-off:before {
            content: "\f204"
        }

        .fa-toggle-on:before {
            content: "\f205"
        }

        .fa-toolbox:before {
            content: "\f552"
        }

        .fa-tooth:before {
            content: "\f5c9"
        }

        .fa-torah:before {
            content: "\f6a0"
        }

        .fa-torii-gate:before {
            content: "\f6a1"
        }

        .fa-trade-federation:before {
            content: "\f513"
        }

        .fa-trademark:before {
            content: "\f25c"
        }

        .fa-traffic-light:before {
            content: "\f637"
        }

        .fa-train:before {
            content: "\f238"
        }

        .fa-transgender:before {
            content: "\f224"
        }

        .fa-transgender-alt:before {
            content: "\f225"
        }

        .fa-trash:before {
            content: "\f1f8"
        }

        .fa-trash-alt:before {
            content: "\f2ed"
        }

        .fa-tree:before {
            content: "\f1bb"
        }

        .fa-trello:before {
            content: "\f181"
        }

        .fa-tripadvisor:before {
            content: "\f262"
        }

        .fa-trophy:before {
            content: "\f091"
        }

        .fa-truck:before {
            content: "\f0d1"
        }

        .fa-truck-loading:before {
            content: "\f4de"
        }

        .fa-truck-monster:before {
            content: "\f63b"
        }

        .fa-truck-moving:before {
            content: "\f4df"
        }

        .fa-truck-pickup:before {
            content: "\f63c"
        }

        .fa-tshirt:before {
            content: "\f553"
        }

        .fa-tty:before {
            content: "\f1e4"
        }

        .fa-tumblr:before {
            content: "\f173"
        }

        .fa-tumblr-square:before {
            content: "\f174"
        }

        .fa-tv:before {
            content: "\f26c"
        }

        .fa-twitch:before {
            content: "\f1e8"
        }

        .fa-twitter:before {
            content: "\f099"
        }

        .fa-twitter-square:before {
            content: "\f081"
        }

        .fa-typo3:before {
            content: "\f42b"
        }

        .fa-uber:before {
            content: "\f402"
        }

        .fa-uikit:before {
            content: "\f403"
        }

        .fa-umbrella:before {
            content: "\f0e9"
        }

        .fa-umbrella-beach:before {
            content: "\f5ca"
        }

        .fa-underline:before {
            content: "\f0cd"
        }

        .fa-undo:before {
            content: "\f0e2"
        }

        .fa-undo-alt:before {
            content: "\f2ea"
        }

        .fa-uniregistry:before {
            content: "\f404"
        }

        .fa-universal-access:before {
            content: "\f29a"
        }

        .fa-university:before {
            content: "\f19c"
        }

        .fa-unlink:before {
            content: "\f127"
        }

        .fa-unlock:before {
            content: "\f09c"
        }

        .fa-unlock-alt:before {
            content: "\f13e"
        }

        .fa-untappd:before {
            content: "\f405"
        }

        .fa-upload:before {
            content: "\f093"
        }

        .fa-usb:before {
            content: "\f287"
        }

        .fa-user:before {
            content: "\f007"
        }

        .fa-user-alt:before {
            content: "\f406"
        }

        .fa-user-alt-slash:before {
            content: "\f4fa"
        }

        .fa-user-astronaut:before {
            content: "\f4fb"
        }

        .fa-user-check:before {
            content: "\f4fc"
        }

        .fa-user-circle:before {
            content: "\f2bd"
        }

        .fa-user-clock:before {
            content: "\f4fd"
        }

        .fa-user-cog:before {
            content: "\f4fe"
        }

        .fa-user-edit:before {
            content: "\f4ff"
        }

        .fa-user-friends:before {
            content: "\f500"
        }

        .fa-user-graduate:before {
            content: "\f501"
        }

        .fa-user-lock:before {
            content: "\f502"
        }

        .fa-user-md:before {
            content: "\f0f0"
        }

        .fa-user-minus:before {
            content: "\f503"
        }

        .fa-user-ninja:before {
            content: "\f504"
        }

        .fa-user-plus:before {
            content: "\f234"
        }

        .fa-user-secret:before {
            content: "\f21b"
        }

        .fa-user-shield:before {
            content: "\f505"
        }

        .fa-user-slash:before {
            content: "\f506"
        }

        .fa-user-tag:before {
            content: "\f507"
        }

        .fa-user-tie:before {
            content: "\f508"
        }

        .fa-user-times:before {
            content: "\f235"
        }

        .fa-users:before {
            content: "\f0c0"
        }

        .fa-users-cog:before {
            content: "\f509"
        }

        .fa-ussunnah:before {
            content: "\f407"
        }

        .fa-utensil-spoon:before {
            content: "\f2e5"
        }

        .fa-utensils:before {
            content: "\f2e7"
        }

        .fa-vaadin:before {
            content: "\f408"
        }

        .fa-vector-square:before {
            content: "\f5cb"
        }

        .fa-venus:before {
            content: "\f221"
        }

        .fa-venus-double:before {
            content: "\f226"
        }

        .fa-venus-mars:before {
            content: "\f228"
        }

        .fa-viacoin:before {
            content: "\f237"
        }

        .fa-viadeo:before {
            content: "\f2a9"
        }

        .fa-viadeo-square:before {
            content: "\f2aa"
        }

        .fa-vial:before {
            content: "\f492"
        }

        .fa-vials:before {
            content: "\f493"
        }

        .fa-viber:before {
            content: "\f409"
        }

        .fa-video:before {
            content: "\f03d"
        }

        .fa-video-slash:before {
            content: "\f4e2"
        }

        .fa-vihara:before {
            content: "\f6a7"
        }

        .fa-vimeo:before {
            content: "\f40a"
        }

        .fa-vimeo-square:before {
            content: "\f194"
        }

        .fa-vimeo-v:before {
            content: "\f27d"
        }

        .fa-vine:before {
            content: "\f1ca"
        }

        .fa-vk:before {
            content: "\f189"
        }

        .fa-vnv:before {
            content: "\f40b"
        }

        .fa-volleyball-ball:before {
            content: "\f45f"
        }

        .fa-volume-down:before {
            content: "\f027"
        }

        .fa-volume-off:before {
            content: "\f026"
        }

        .fa-volume-up:before {
            content: "\f028"
        }

        .fa-vuejs:before {
            content: "\f41f"
        }

        .fa-walking:before {
            content: "\f554"
        }

        .fa-wallet:before {
            content: "\f555"
        }

        .fa-warehouse:before {
            content: "\f494"
        }

        .fa-weebly:before {
            content: "\f5cc"
        }

        .fa-weibo:before {
            content: "\f18a"
        }

        .fa-weight:before {
            content: "\f496"
        }

        .fa-weight-hanging:before {
            content: "\f5cd"
        }

        .fa-weixin:before {
            content: "\f1d7"
        }

        .fa-whatsapp:before {
            content: "\f232"
        }

        .fa-whatsapp-square:before {
            content: "\f40c"
        }

        .fa-wheelchair:before {
            content: "\f193"
        }

        .fa-whmcs:before {
            content: "\f40d"
        }

        .fa-wifi:before {
            content: "\f1eb"
        }

        .fa-wikipedia-w:before {
            content: "\f266"
        }

        .fa-window-close:before {
            content: "\f410"
        }

        .fa-window-maximize:before {
            content: "\f2d0"
        }

        .fa-window-minimize:before {
            content: "\f2d1"
        }

        .fa-window-restore:before {
            content: "\f2d2"
        }

        .fa-windows:before {
            content: "\f17a"
        }

        .fa-wine-glass:before {
            content: "\f4e3"
        }

        .fa-wine-glass-alt:before {
            content: "\f5ce"
        }

        .fa-wix:before {
            content: "\f5cf"
        }

        .fa-wolf-pack-battalion:before {
            content: "\f514"
        }

        .fa-won-sign:before {
            content: "\f159"
        }

        .fa-wordpress:before {
            content: "\f19a"
        }

        .fa-wordpress-simple:before {
            content: "\f411"
        }

        .fa-wpbeginner:before {
            content: "\f297"
        }

        .fa-wpexplorer:before {
            content: "\f2de"
        }

        .fa-wpforms:before {
            content: "\f298"
        }

        .fa-wrench:before {
            content: "\f0ad"
        }

        .fa-x-ray:before {
            content: "\f497"
        }

        .fa-xbox:before {
            content: "\f412"
        }

        .fa-xing:before {
            content: "\f168"
        }

        .fa-xing-square:before {
            content: "\f169"
        }

        .fa-y-combinator:before {
            content: "\f23b"
        }

        .fa-yahoo:before {
            content: "\f19e"
        }

        .fa-yandex:before {
            content: "\f413"
        }

        .fa-yandex-international:before {
            content: "\f414"
        }

        .fa-yelp:before {
            content: "\f1e9"
        }

        .fa-yen-sign:before {
            content: "\f157"
        }

        .fa-yin-yang:before {
            content: "\f6ad"
        }

        .fa-yoast:before {
            content: "\f2b1"
        }

        .fa-youtube:before {
            content: "\f167"
        }

        .fa-youtube-square:before {
            content: "\f431"
        }

        .fa-zhihu:before {
            content: "\f63f"
        }

        .sr-only {
            border: 0;
            clip: rect(0, 0, 0, 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px
        }

        .sr-only-focusable:active,
        .sr-only-focusable:focus {
            clip: auto;
            height: auto;
            margin: 0;
            overflow: visible;
            position: static;
            width: auto
        }

        @font-face {
            font-family: "Font Awesome 5 Brands";
            font-style: normal;
            font-weight: normal;
            src:
                /*savepage-url=../webfonts/fa-brands-400.eot*/
                url();
            src:
                /*savepage-url=../webfonts/fa-brands-400.eot?#iefix*/
                url() format("embedded-opentype"),
                /*savepage-url=../webfonts/fa-brands-400.woff2*/
                url() format("woff2"),
                /*savepage-url=../webfonts/fa-brands-400.woff*/
                url() format("woff"),
                /*savepage-url=../webfonts/fa-brands-400.ttf*/
                url() format("truetype"),
                /*savepage-url=../webfonts/fa-brands-400.svg#fontawesome*/
                url() format("svg")
        }

        .fab {
            font-family: "Font Awesome 5 Brands"
        }

        @font-face {
            font-family: "Font Awesome 5 Free";
            font-style: normal;
            font-weight: 400;
            src:
                /*savepage-url=../webfonts/fa-regular-400.eot*/
                url();
            src:
                /*savepage-url=../webfonts/fa-regular-400.eot?#iefix*/
                url() format("embedded-opentype"),
                /*savepage-url=../webfonts/fa-regular-400.woff2*/
                url(data:font/woff2;base64, ) format("woff2"),
                /*savepage-url=../webfonts/fa-regular-400.woff*/
                url(data:application/font-woff;base64, ) format("woff"),
                /*savepage-url=../webfonts/fa-regular-400.ttf*/
                url() format("truetype"),
                /*savepage-url=../webfonts/fa-regular-400.svg#fontawesome*/
                url() format("svg")
        }

        .far {
            font-weight: 400
        }

        @font-face {
            font-family: "Font Awesome 5 Free";
            font-style: normal;
            font-weight: 900;
            src:
                /*savepage-url=../webfonts/fa-solid-900.eot*/
                url();
            src:
                /*savepage-url=../webfonts/fa-solid-900.eot?#iefix*/
                url() format("embedded-opentype"),
                /*savepage-url=../webfonts/fa-solid-900.woff2*/
                url() format("woff2"),
                /*savepage-url=../webfonts/fa-solid-900.woff*/
                url() format("woff"),
                /*savepage-url=../webfonts/fa-solid-900.ttf*/
                url() format("truetype"),
                /*savepage-url=../webfonts/fa-solid-900.svg#fontawesome*/
                url() format("svg")
        }

        .fa,
        .far,
        .fas {
            font-family: "Font Awesome 5 Free"
        }

        .fa,
        .fas {
            font-weight: 900
        }
    </style>


    <style type="text/css">
        /* css for smart banners */
        .smart_tablebg {
            border: 1px solid #d1d0d8;
            left: 0;
            right: 0;
            top: 0;
            background-color: #F5F5F5;
            z-index: 1000000000000000000;
            display: none;
            position: absolute;
        }

        .smart_tablebg_ar {
            border: 1px solid #d1d0d8;
            left: 0;
            right: 0;
            top: 0;
            background-color: #F5F5F5;
            z-index: 1000000000000000000;
            display: none;
            position: absolute;
        }

        .smart_logo {
            padding: 10px;
            width: 80px !important;
            height: 80px !important
        }

        .smart_text {
            font-size: 18px;
            padding: 0;
            color: #5d5c60;
            font-family: Gotham-Bold;
        }

        .smart_desc {
            font-size: 14px;
            font-family: Gotham-Medium;
            padding: 0;
            color: #A8A8A8;
        }

        .smart_spacer {
            height: 14px;
            clear: both
        }

        .smart_button {
            width: 70px;
            height: 26px;
            font-size: 15px;
            border: 1px solid #A8A8A8;
            text-align: center;
            font-family: verdana;
            padding-top: 0px;
            cursor: pointer;
            color: #3299CC;
            margin-top: 10px;
            margin-left: 5px;
            margin-right: 5px;
        }

        .smart_button a:link {
            text-decoration: none;
            color: #3299CC;
        }

        .smart_button a:visited {
            text-decoration: none;
            color: #3299CC;
        }

        .smart_button a:hover {
            text-decoration: none;
            color: #3299CC;
        }

        .smart_button a:active {
            text-decoration: none;
            color: #3299CC;
        }

        .smartclosebtn {
            right: 0;
            font-family: verdana;
            cursor: pointer;
            color: #A8A8A8;
            text-align: right;
            margin-right: 10px;
            margin-top: -15px
        }

        .smartclosebtn_ar {
            right: 0;
            font-family: verdana;
            cursor: pointer;
            color: #5d5c60;
            text-align: left;
            margin-left: 10px;
            margin-top: -15px
        }
    </style>

    <script data-savepage-type="" type="text/plain"></script>
    <link data-savepage-href="https://s.go-mpulse.net/boomerang/DYABC-2TQJB-PWM9H-KCV2C-RL8RD" href="" rel="preload" as="script">
    <script data-savepage-type="" type="text/plain" id="boomr-scr-as" data-savepage-src="https://s.go-mpulse.net/boomerang/DYABC-2TQJB-PWM9H-KCV2C-RL8RD" async=""></script>
    <style>
        @-webkit-keyframes swal2-show {
            0% {
                -webkit-transform: scale(0.7);
                transform: scale(0.7);
            }

            45% {
                -webkit-transform: scale(1.05);
                transform: scale(1.05);
            }

            80% {
                -webkit-transform: scale(0.95);
                transform: scale(0.95);
            }

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

        @keyframes swal2-show {
            0% {
                -webkit-transform: scale(0.7);
                transform: scale(0.7);
            }

            45% {
                -webkit-transform: scale(1.05);
                transform: scale(1.05);
            }

            80% {
                -webkit-transform: scale(0.95);
                transform: scale(0.95);
            }

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

        @-webkit-keyframes swal2-hide {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1;
            }

            100% {
                -webkit-transform: scale(0.5);
                transform: scale(0.5);
                opacity: 0;
            }
        }

        @keyframes swal2-hide {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1;
            }

            100% {
                -webkit-transform: scale(0.5);
                transform: scale(0.5);
                opacity: 0;
            }
        }

        @-webkit-keyframes swal2-animate-success-line-tip {
            0% {
                top: 1.1875em;
                left: .0625em;
                width: 0;
            }

            54% {
                top: 1.0625em;
                left: .125em;
                width: 0;
            }

            70% {
                top: 2.1875em;
                left: -.375em;
                width: 3.125em;
            }

            84% {
                top: 3em;
                left: 1.3125em;
                width: 1.0625em;
            }

            100% {
                top: 2.8125em;
                left: .875em;
                width: 1.5625em;
            }
        }

        @keyframes swal2-animate-success-line-tip {
            0% {
                top: 1.1875em;
                left: .0625em;
                width: 0;
            }

            54% {
                top: 1.0625em;
                left: .125em;
                width: 0;
            }

            70% {
                top: 2.1875em;
                left: -.375em;
                width: 3.125em;
            }

            84% {
                top: 3em;
                left: 1.3125em;
                width: 1.0625em;
            }

            100% {
                top: 2.8125em;
                left: .875em;
                width: 1.5625em;
            }
        }

        @-webkit-keyframes swal2-animate-success-line-long {
            0% {
                top: 3.375em;
                right: 2.875em;
                width: 0;
            }

            65% {
                top: 3.375em;
                right: 2.875em;
                width: 0;
            }

            84% {
                top: 2.1875em;
                right: 0;
                width: 3.4375em;
            }

            100% {
                top: 2.375em;
                right: .5em;
                width: 2.9375em;
            }
        }

        @keyframes swal2-animate-success-line-long {
            0% {
                top: 3.375em;
                right: 2.875em;
                width: 0;
            }

            65% {
                top: 3.375em;
                right: 2.875em;
                width: 0;
            }

            84% {
                top: 2.1875em;
                right: 0;
                width: 3.4375em;
            }

            100% {
                top: 2.375em;
                right: .5em;
                width: 2.9375em;
            }
        }

        @-webkit-keyframes swal2-rotate-success-circular-line {
            0% {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            5% {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            12% {
                -webkit-transform: rotate(-405deg);
                transform: rotate(-405deg);
            }

            100% {
                -webkit-transform: rotate(-405deg);
                transform: rotate(-405deg);
            }
        }

        @keyframes swal2-rotate-success-circular-line {
            0% {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            5% {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            12% {
                -webkit-transform: rotate(-405deg);
                transform: rotate(-405deg);
            }

            100% {
                -webkit-transform: rotate(-405deg);
                transform: rotate(-405deg);
            }
        }

        @-webkit-keyframes swal2-animate-error-x-mark {
            0% {
                margin-top: 1.625em;
                -webkit-transform: scale(0.4);
                transform: scale(0.4);
                opacity: 0;
            }

            50% {
                margin-top: 1.625em;
                -webkit-transform: scale(0.4);
                transform: scale(0.4);
                opacity: 0;
            }

            80% {
                margin-top: -.375em;
                -webkit-transform: scale(1.15);
                transform: scale(1.15);
            }

            100% {
                margin-top: 0;
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1;
            }
        }

        @keyframes swal2-animate-error-x-mark {
            0% {
                margin-top: 1.625em;
                -webkit-transform: scale(0.4);
                transform: scale(0.4);
                opacity: 0;
            }

            50% {
                margin-top: 1.625em;
                -webkit-transform: scale(0.4);
                transform: scale(0.4);
                opacity: 0;
            }

            80% {
                margin-top: -.375em;
                -webkit-transform: scale(1.15);
                transform: scale(1.15);
            }

            100% {
                margin-top: 0;
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1;
            }
        }

        @-webkit-keyframes swal2-animate-error-icon {
            0% {
                -webkit-transform: rotateX(100deg);
                transform: rotateX(100deg);
                opacity: 0;
            }

            100% {
                -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
                opacity: 1;
            }
        }

        @keyframes swal2-animate-error-icon {
            0% {
                -webkit-transform: rotateX(100deg);
                transform: rotateX(100deg);
                opacity: 0;
            }

            100% {
                -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
                opacity: 1;
            }
        }

        body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast {
            flex-direction: column;
            align-items: stretch;
        }

        body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-actions {
            flex: 1;
            align-self: stretch;
            justify-content: flex-end;
            height: 2.2em;
        }

        body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-loading {
            justify-content: center;
        }

        body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-input {
            height: 2em;
            margin: .3125em auto;
            font-size: 1em;
        }

        body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-validationerror {
            font-size: 1em;
        }

        body.swal2-toast-shown>.swal2-container {
            position: fixed;
            background-color: transparent;
        }

        body.swal2-toast-shown>.swal2-container.swal2-shown {
            background-color: transparent;
        }

        body.swal2-toast-shown>.swal2-container.swal2-top {
            top: 0;
            right: auto;
            bottom: auto;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        body.swal2-toast-shown>.swal2-container.swal2-top-end,
        body.swal2-toast-shown>.swal2-container.swal2-top-right {
            top: 0;
            right: 0;
            bottom: auto;
            left: auto;
        }

        body.swal2-toast-shown>.swal2-container.swal2-top-start,
        body.swal2-toast-shown>.swal2-container.swal2-top-left {
            top: 0;
            right: auto;
            bottom: auto;
            left: 0;
        }

        body.swal2-toast-shown>.swal2-container.swal2-center-start,
        body.swal2-toast-shown>.swal2-container.swal2-center-left {
            top: 50%;
            right: auto;
            bottom: auto;
            left: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        body.swal2-toast-shown>.swal2-container.swal2-center {
            top: 50%;
            right: auto;
            bottom: auto;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        body.swal2-toast-shown>.swal2-container.swal2-center-end,
        body.swal2-toast-shown>.swal2-container.swal2-center-right {
            top: 50%;
            right: 0;
            bottom: auto;
            left: auto;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        body.swal2-toast-shown>.swal2-container.swal2-bottom-start,
        body.swal2-toast-shown>.swal2-container.swal2-bottom-left {
            top: auto;
            right: auto;
            bottom: 0;
            left: 0;
        }

        body.swal2-toast-shown>.swal2-container.swal2-bottom {
            top: auto;
            right: auto;
            bottom: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        body.swal2-toast-shown>.swal2-container.swal2-bottom-end,
        body.swal2-toast-shown>.swal2-container.swal2-bottom-right {
            top: auto;
            right: 0;
            bottom: 0;
            left: auto;
        }

        .swal2-popup.swal2-toast {
            flex-direction: row;
            align-items: center;
            width: auto;
            padding: 0.625em;
            box-shadow: 0 0 0.625em #d9d9d9;
            overflow-y: hidden;
        }

        .swal2-popup.swal2-toast .swal2-header {
            flex-direction: row;
        }

        .swal2-popup.swal2-toast .swal2-title {
            justify-content: flex-start;
            margin: 0 .6em;
            font-size: 1em;
        }

        .swal2-popup.swal2-toast .swal2-close {
            position: initial;
        }

        .swal2-popup.swal2-toast .swal2-content {
            justify-content: flex-start;
            font-size: 1em;
        }

        .swal2-popup.swal2-toast .swal2-icon {
            width: 2em;
            min-width: 2em;
            height: 2em;
            margin: 0;
        }

        .swal2-popup.swal2-toast .swal2-icon-text {
            font-size: 2em;
            font-weight: bold;
            line-height: 1em;
        }

        .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
            width: 2em;
            height: 2em;
        }

        .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
            top: .875em;
            width: 1.375em;
        }

        .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
            left: .3125em;
        }

        .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
            right: .3125em;
        }

        .swal2-popup.swal2-toast .swal2-actions {
            height: auto;
            margin: 0 .3125em;
        }

        .swal2-popup.swal2-toast .swal2-styled {
            margin: 0 .3125em;
            padding: .3125em .625em;
            font-size: 1em;
        }

        .swal2-popup.swal2-toast .swal2-styled:focus {
            box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4);
        }

        .swal2-popup.swal2-toast .swal2-success {
            border-color: #a5dc86;
        }

        .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] {
            position: absolute;
            width: 2em;
            height: 2.8125em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            border-radius: 50%;
        }

        .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] {
            top: -.25em;
            left: -.9375em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 2em 2em;
            transform-origin: 2em 2em;
            border-radius: 4em 0 0 4em;
        }

        .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] {
            top: -.25em;
            left: .9375em;
            -webkit-transform-origin: 0 2em;
            transform-origin: 0 2em;
            border-radius: 0 4em 4em 0;
        }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
            width: 2em;
            height: 2em;
        }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
            top: 0;
            left: .4375em;
            width: .4375em;
            height: 2.6875em;
        }

        .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] {
            height: .3125em;
        }

        .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] {
            top: 1.125em;
            left: .1875em;
            width: .75em;
        }

        .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] {
            top: .9375em;
            right: .1875em;
            width: 1.375em;
        }

        .swal2-popup.swal2-toast.swal2-show {
            -webkit-animation: showSweetToast .5s;
            animation: showSweetToast .5s;
        }

        .swal2-popup.swal2-toast.swal2-hide {
            -webkit-animation: hideSweetToast .2s forwards;
            animation: hideSweetToast .2s forwards;
        }

        .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
            -webkit-animation: animate-toast-success-tip .75s;
            animation: animate-toast-success-tip .75s;
        }

        .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
            -webkit-animation: animate-toast-success-long .75s;
            animation: animate-toast-success-long .75s;
        }

        @-webkit-keyframes showSweetToast {
            0% {
                -webkit-transform: translateY(-0.625em) rotateZ(2deg);
                transform: translateY(-0.625em) rotateZ(2deg);
                opacity: 0;
            }

            33% {
                -webkit-transform: translateY(0) rotateZ(-2deg);
                transform: translateY(0) rotateZ(-2deg);
                opacity: .5;
            }

            66% {
                -webkit-transform: translateY(0.3125em) rotateZ(2deg);
                transform: translateY(0.3125em) rotateZ(2deg);
                opacity: .7;
            }

            100% {
                -webkit-transform: translateY(0) rotateZ(0);
                transform: translateY(0) rotateZ(0);
                opacity: 1;
            }
        }

        @keyframes showSweetToast {
            0% {
                -webkit-transform: translateY(-0.625em) rotateZ(2deg);
                transform: translateY(-0.625em) rotateZ(2deg);
                opacity: 0;
            }

            33% {
                -webkit-transform: translateY(0) rotateZ(-2deg);
                transform: translateY(0) rotateZ(-2deg);
                opacity: .5;
            }

            66% {
                -webkit-transform: translateY(0.3125em) rotateZ(2deg);
                transform: translateY(0.3125em) rotateZ(2deg);
                opacity: .7;
            }

            100% {
                -webkit-transform: translateY(0) rotateZ(0);
                transform: translateY(0) rotateZ(0);
                opacity: 1;
            }
        }

        @-webkit-keyframes hideSweetToast {
            0% {
                opacity: 1;
            }

            33% {
                opacity: .5;
            }

            100% {
                -webkit-transform: rotateZ(1deg);
                transform: rotateZ(1deg);
                opacity: 0;
            }
        }

        @keyframes hideSweetToast {
            0% {
                opacity: 1;
            }

            33% {
                opacity: .5;
            }

            100% {
                -webkit-transform: rotateZ(1deg);
                transform: rotateZ(1deg);
                opacity: 0;
            }
        }

        @-webkit-keyframes animate-toast-success-tip {
            0% {
                top: .5625em;
                left: .0625em;
                width: 0;
            }

            54% {
                top: .125em;
                left: .125em;
                width: 0;
            }

            70% {
                top: .625em;
                left: -.25em;
                width: 1.625em;
            }

            84% {
                top: 1.0625em;
                left: .75em;
                width: .5em;
            }

            100% {
                top: 1.125em;
                left: .1875em;
                width: .75em;
            }
        }

        @keyframes animate-toast-success-tip {
            0% {
                top: .5625em;
                left: .0625em;
                width: 0;
            }

            54% {
                top: .125em;
                left: .125em;
                width: 0;
            }

            70% {
                top: .625em;
                left: -.25em;
                width: 1.625em;
            }

            84% {
                top: 1.0625em;
                left: .75em;
                width: .5em;
            }

            100% {
                top: 1.125em;
                left: .1875em;
                width: .75em;
            }
        }

        @-webkit-keyframes animate-toast-success-long {
            0% {
                top: 1.625em;
                right: 1.375em;
                width: 0;
            }

            65% {
                top: 1.25em;
                right: .9375em;
                width: 0;
            }

            84% {
                top: .9375em;
                right: 0;
                width: 1.125em;
            }

            100% {
                top: .9375em;
                right: .1875em;
                width: 1.375em;
            }
        }

        @keyframes animate-toast-success-long {
            0% {
                top: 1.625em;
                right: 1.375em;
                width: 0;
            }

            65% {
                top: 1.25em;
                right: .9375em;
                width: 0;
            }

            84% {
                top: .9375em;
                right: 0;
                width: 1.125em;
            }

            100% {
                top: .9375em;
                right: .1875em;
                width: 1.375em;
            }
        }

        html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown),
        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
            height: auto;
            overflow-y: hidden;
        }

        body.swal2-no-backdrop .swal2-shown {
            top: auto;
            right: auto;
            bottom: auto;
            left: auto;
            background-color: transparent;
        }

        body.swal2-no-backdrop .swal2-shown>.swal2-modal {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
        }

        body.swal2-no-backdrop .swal2-shown.swal2-top {
            top: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        body.swal2-no-backdrop .swal2-shown.swal2-top-start,
        body.swal2-no-backdrop .swal2-shown.swal2-top-left {
            top: 0;
            left: 0;
        }

        body.swal2-no-backdrop .swal2-shown.swal2-top-end,
        body.swal2-no-backdrop .swal2-shown.swal2-top-right {
            top: 0;
            right: 0;
        }

        body.swal2-no-backdrop .swal2-shown.swal2-center {
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        body.swal2-no-backdrop .swal2-shown.swal2-center-start,
        body.swal2-no-backdrop .swal2-shown.swal2-center-left {
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        body.swal2-no-backdrop .swal2-shown.swal2-center-end,
        body.swal2-no-backdrop .swal2-shown.swal2-center-right {
            top: 50%;
            right: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        body.swal2-no-backdrop .swal2-shown.swal2-bottom {
            bottom: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        body.swal2-no-backdrop .swal2-shown.swal2-bottom-start,
        body.swal2-no-backdrop .swal2-shown.swal2-bottom-left {
            bottom: 0;
            left: 0;
        }

        body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,
        body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
            right: 0;
            bottom: 0;
        }

        .swal2-container {
            display: flex;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            padding: 10px;
            background-color: transparent;
            z-index: 1060;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch;
        }

        .swal2-container.swal2-top {
            align-items: flex-start;
        }

        .swal2-container.swal2-top-start,
        .swal2-container.swal2-top-left {
            align-items: flex-start;
            justify-content: flex-start;
        }

        .swal2-container.swal2-top-end,
        .swal2-container.swal2-top-right {
            align-items: flex-start;
            justify-content: flex-end;
        }

        .swal2-container.swal2-center {
            align-items: center;
        }

        .swal2-container.swal2-center-start,
        .swal2-container.swal2-center-left {
            align-items: center;
            justify-content: flex-start;
        }

        .swal2-container.swal2-center-end,
        .swal2-container.swal2-center-right {
            align-items: center;
            justify-content: flex-end;
        }

        .swal2-container.swal2-bottom {
            align-items: flex-end;
        }

        .swal2-container.swal2-bottom-start,
        .swal2-container.swal2-bottom-left {
            align-items: flex-end;
            justify-content: flex-start;
        }

        .swal2-container.swal2-bottom-end,
        .swal2-container.swal2-bottom-right {
            align-items: flex-end;
            justify-content: flex-end;
        }

        .swal2-container.swal2-grow-fullscreen>.swal2-modal {
            display: flex !important;
            flex: 1;
            align-self: stretch;
            justify-content: center;
        }

        .swal2-container.swal2-grow-row>.swal2-modal {
            display: flex !important;
            flex: 1;
            align-content: center;
            justify-content: center;
        }

        .swal2-container.swal2-grow-column {
            flex: 1;
            flex-direction: column;
        }

        .swal2-container.swal2-grow-column.swal2-top,
        .swal2-container.swal2-grow-column.swal2-center,
        .swal2-container.swal2-grow-column.swal2-bottom {
            align-items: center;
        }

        .swal2-container.swal2-grow-column.swal2-top-start,
        .swal2-container.swal2-grow-column.swal2-center-start,
        .swal2-container.swal2-grow-column.swal2-bottom-start,
        .swal2-container.swal2-grow-column.swal2-top-left,
        .swal2-container.swal2-grow-column.swal2-center-left,
        .swal2-container.swal2-grow-column.swal2-bottom-left {
            align-items: flex-start;
        }

        .swal2-container.swal2-grow-column.swal2-top-end,
        .swal2-container.swal2-grow-column.swal2-center-end,
        .swal2-container.swal2-grow-column.swal2-bottom-end,
        .swal2-container.swal2-grow-column.swal2-top-right,
        .swal2-container.swal2-grow-column.swal2-center-right,
        .swal2-container.swal2-grow-column.swal2-bottom-right {
            align-items: flex-end;
        }

        .swal2-container.swal2-grow-column>.swal2-modal {
            display: flex !important;
            flex: 1;
            align-content: center;
            justify-content: center;
        }

        .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right)>.swal2-modal {
            margin: auto;
        }

        @media all and (-ms-high-contrast: none),
        (-ms-high-contrast: active) {
            .swal2-container .swal2-modal {
                margin: 0 !important;
            }
        }

        .swal2-container.swal2-fade {
            transition: background-color .1s;
        }

        .swal2-container.swal2-shown {
            background-color: rgba(0, 0, 0, 0.4);
        }

        .swal2-popup {
            display: none;
            position: relative;
            flex-direction: column;
            justify-content: center;
            width: 32em;
            max-width: 100%;
            padding: 1.25em;
            border-radius: 0.3125em;
            background: #fff;
            font-family: inherit;
            font-size: 1rem;
            box-sizing: border-box;
        }

        .swal2-popup:focus {
            outline: none;
        }

        .swal2-popup.swal2-loading {
            overflow-y: hidden;
        }

        .swal2-popup .swal2-header {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .swal2-popup .swal2-title {
            display: block;
            position: relative;
            max-width: 100%;
            margin: 0 0 0.4em;
            padding: 0;
            color: #595959;
            font-size: 1.875em;
            font-weight: 600;
            text-align: center;
            text-transform: none;
            word-wrap: break-word;
        }

        .swal2-popup .swal2-actions {
            align-items: center;
            justify-content: center;
            margin: 1.25em auto 0;
        }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
            opacity: .4;
        }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
            background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
        }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active {
            background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
        }

        .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
            width: 2.5em;
            height: 2.5em;
            margin: .46875em;
            padding: 0;
            border: .25em solid transparent;
            border-radius: 100%;
            border-color: transparent;
            background-color: transparent !important;
            color: transparent;
            cursor: default;
            box-sizing: border-box;
            -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
            margin-right: 30px;
            margin-left: 30px;
        }

        .swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
            display: inline-block;
            width: 15px;
            height: 15px;
            margin-left: 5px;
            border: 3px solid #999999;
            border-radius: 50%;
            border-right-color: transparent;
            box-shadow: 1px 1px 1px #fff;
            content: '';
            -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
        }

        .swal2-popup .swal2-styled {
            margin: 0 .3125em;
            padding: .625em 2em;
            font-weight: 500;
            box-shadow: none;
        }

        .swal2-popup .swal2-styled:not([disabled]) {
            cursor: pointer;
        }

        .swal2-popup .swal2-styled.swal2-confirm {
            border: 0;
            border-radius: 0.25em;
            background-color: #3085d6;
            color: #fff;
            font-size: 1.0625em;
        }

        .swal2-popup .swal2-styled.swal2-cancel {
            border: 0;
            border-radius: 0.25em;
            background-color: #aaa;
            color: #fff;
            font-size: 1.0625em;
        }

        .swal2-popup .swal2-styled:focus {
            outline: none;
            box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4);
        }

        .swal2-popup .swal2-styled::-moz-focus-inner {
            border: 0;
        }

        .swal2-popup .swal2-footer {
            justify-content: center;
            margin: 1.25em 0 0;
            padding-top: 1em;
            border-top: 1px solid #eee;
            color: #545454;
            font-size: 1em;
        }

        .swal2-popup .swal2-image {
            max-width: 100%;
            margin: 1.25em auto;
        }

        .swal2-popup .swal2-close {
            position: absolute;
            top: 0;
            right: 0;
            justify-content: center;
            width: 1.2em;
            min-width: 1.2em;
            height: 1.2em;
            margin: 0;
            padding: 0;
            transition: color 0.1s ease-out;
            border: none;
            border-radius: 0;
            background: transparent;
            color: #cccccc;
            font-family: serif;
            font-size: calc(2.5em - 0.25em);
            line-height: 1.2em;
            cursor: pointer;
        }

        .swal2-popup .swal2-close:hover {
            -webkit-transform: none;
            transform: none;
            color: #f27474;
        }

        .swal2-popup>.swal2-input,
        .swal2-popup>.swal2-file,
        .swal2-popup>.swal2-textarea,
        .swal2-popup>.swal2-select,
        .swal2-popup>.swal2-radio,
        .swal2-popup>.swal2-checkbox {
            display: none;
        }

        .swal2-popup .swal2-content {
            justify-content: center;
            margin: 0;
            padding: 0;
            color: #545454;
            font-size: 1.125em;
            font-weight: 300;
            line-height: normal;
            word-wrap: break-word;
        }

        .swal2-popup #swal2-content {
            text-align: center;
        }

        .swal2-popup .swal2-input,
        .swal2-popup .swal2-file,
        .swal2-popup .swal2-textarea,
        .swal2-popup .swal2-select,
        .swal2-popup .swal2-radio,
        .swal2-popup .swal2-checkbox {
            margin: 1em auto;
        }

        .swal2-popup .swal2-input,
        .swal2-popup .swal2-file,
        .swal2-popup .swal2-textarea {
            width: 100%;
            transition: border-color .3s, box-shadow .3s;
            border: 1px solid #d9d9d9;
            border-radius: 0.1875em;
            font-size: 1.125em;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
            box-sizing: border-box;
        }

        .swal2-popup .swal2-input.swal2-inputerror,
        .swal2-popup .swal2-file.swal2-inputerror,
        .swal2-popup .swal2-textarea.swal2-inputerror {
            border-color: #f27474 !important;
            box-shadow: 0 0 2px #f27474 !important;
        }

        .swal2-popup .swal2-input:focus,
        .swal2-popup .swal2-file:focus,
        .swal2-popup .swal2-textarea:focus {
            border: 1px solid #b4dbed;
            outline: none;
            box-shadow: 0 0 3px #c4e6f5;
        }

        .swal2-popup .swal2-input::-webkit-input-placeholder,
        .swal2-popup .swal2-file::-webkit-input-placeholder,
        .swal2-popup .swal2-textarea::-webkit-input-placeholder {
            color: #cccccc;
        }

        .swal2-popup .swal2-input:-ms-input-placeholder,
        .swal2-popup .swal2-file:-ms-input-placeholder,
        .swal2-popup .swal2-textarea:-ms-input-placeholder {
            color: #cccccc;
        }

        .swal2-popup .swal2-input::-ms-input-placeholder,
        .swal2-popup .swal2-file::-ms-input-placeholder,
        .swal2-popup .swal2-textarea::-ms-input-placeholder {
            color: #cccccc;
        }

        .swal2-popup .swal2-input::placeholder,
        .swal2-popup .swal2-file::placeholder,
        .swal2-popup .swal2-textarea::placeholder {
            color: #cccccc;
        }

        .swal2-popup .swal2-range input {
            width: 80%;
        }

        .swal2-popup .swal2-range output {
            width: 20%;
            font-weight: 600;
            text-align: center;
        }

        .swal2-popup .swal2-range input,
        .swal2-popup .swal2-range output {
            height: 2.625em;
            margin: 1em auto;
            padding: 0;
            font-size: 1.125em;
            line-height: 2.625em;
        }

        .swal2-popup .swal2-input {
            height: 2.625em;
            padding: 0.75em;
        }

        .swal2-popup .swal2-input[type='number'] {
            max-width: 10em;
        }

        .swal2-popup .swal2-file {
            font-size: 1.125em;
        }

        .swal2-popup .swal2-textarea {
            height: 6.75em;
            padding: 0.75em;
        }

        .swal2-popup .swal2-select {
            min-width: 50%;
            max-width: 100%;
            padding: .375em .625em;
            color: #545454;
            font-size: 1.125em;
        }

        .swal2-popup .swal2-radio,
        .swal2-popup .swal2-checkbox {
            align-items: center;
            justify-content: center;
        }

        .swal2-popup .swal2-radio label,
        .swal2-popup .swal2-checkbox label {
            margin: 0 .6em;
            font-size: 1.125em;
        }

        .swal2-popup .swal2-radio input,
        .swal2-popup .swal2-checkbox input {
            margin: 0 .4em;
        }

        .swal2-popup .swal2-validationerror {
            display: none;
            align-items: center;
            justify-content: center;
            padding: 0.625em;
            background: #f0f0f0;
            color: #666666;
            font-size: 1em;
            font-weight: 300;
            overflow: hidden;
        }

        .swal2-popup .swal2-validationerror::before {
            display: inline-block;
            width: 1.5em;
            height: 1.5em;
            margin: 0 .625em;
            border-radius: 50%;
            background-color: #f27474;
            color: #fff;
            font-weight: 600;
            line-height: 1.5em;
            text-align: center;
            content: '!';
            zoom: normal;
        }

        @supports (-ms-accelerator: true) {
            .swal2-range input {
                width: 100% !important;
            }

            .swal2-range output {
                display: none;
            }
        }

        @media all and (-ms-high-contrast: none),
        (-ms-high-contrast: active) {
            .swal2-range input {
                width: 100% !important;
            }

            .swal2-range output {
                display: none;
            }
        }

        .swal2-icon {
            position: relative;
            justify-content: center;
            width: 5em;
            height: 5em;
            margin: 1.25em auto 1.875em;
            border: .25em solid transparent;
            border-radius: 50%;
            line-height: 5em;
            cursor: default;
            box-sizing: content-box;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            zoom: normal;
        }

        .swal2-icon-text {
            font-size: 3.75em;
        }

        .swal2-icon.swal2-error {
            border-color: #f27474;
        }

        .swal2-icon.swal2-error .swal2-x-mark {
            position: relative;
            flex-grow: 1;
        }

        .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
            display: block;
            position: absolute;
            top: 2.3125em;
            width: 2.9375em;
            height: .3125em;
            border-radius: .125em;
            background-color: #f27474;
        }

        .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
            left: 1.0625em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
            right: 1em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .swal2-icon.swal2-warning {
            border-color: #facea8;
            color: #f8bb86;
        }

        .swal2-icon.swal2-info {
            border-color: #9de0f6;
            color: #3fc3ee;
        }

        .swal2-icon.swal2-question {
            border-color: #c9dae1;
            color: #87adbd;
        }

        .swal2-icon.swal2-success {
            border-color: #a5dc86;
        }

        .swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
            position: absolute;
            width: 3.75em;
            height: 7.5em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            border-radius: 50%;
        }

        .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] {
            top: -.4375em;
            left: -2.0635em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 3.75em 3.75em;
            transform-origin: 3.75em 3.75em;
            border-radius: 7.5em 0 0 7.5em;
        }

        .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
            top: -.6875em;
            left: 1.875em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 0 3.75em;
            transform-origin: 0 3.75em;
            border-radius: 0 7.5em 7.5em 0;
        }

        .swal2-icon.swal2-success .swal2-success-ring {
            position: absolute;
            top: -.25em;
            left: -.25em;
            width: 100%;
            height: 100%;
            border: 0.25em solid rgba(165, 220, 134, 0.3);
            border-radius: 50%;
            z-index: 2;
            box-sizing: content-box;
        }

        .swal2-icon.swal2-success .swal2-success-fix {
            position: absolute;
            top: .5em;
            left: 1.625em;
            width: .4375em;
            height: 5.625em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            z-index: 1;
        }

        .swal2-icon.swal2-success [class^='swal2-success-line'] {
            display: block;
            position: absolute;
            height: .3125em;
            border-radius: .125em;
            background-color: #a5dc86;
            z-index: 2;
        }

        .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
            top: 2.875em;
            left: .875em;
            width: 1.5625em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
            top: 2.375em;
            right: .5em;
            width: 2.9375em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .swal2-progresssteps {
            align-items: center;
            margin: 0 0 1.25em;
            padding: 0;
            font-weight: 600;
        }

        .swal2-progresssteps li {
            display: inline-block;
            position: relative;
        }

        .swal2-progresssteps .swal2-progresscircle {
            width: 2em;
            height: 2em;
            border-radius: 2em;
            background: #3085d6;
            color: #fff;
            line-height: 2em;
            text-align: center;
            z-index: 20;
        }

        .swal2-progresssteps .swal2-progresscircle:first-child {
            margin-left: 0;
        }

        .swal2-progresssteps .swal2-progresscircle:last-child {
            margin-right: 0;
        }

        .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
            background: #3085d6;
        }

        .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle {
            background: #add8e6;
        }

        .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline {
            background: #add8e6;
        }

        .swal2-progresssteps .swal2-progressline {
            width: 2.5em;
            height: .4em;
            margin: 0 -1px;
            background: #3085d6;
            z-index: 10;
        }

        [class^='swal2'] {
            -webkit-tap-highlight-color: transparent;
        }

        .swal2-show {
            -webkit-animation: swal2-show 0.3s;
            animation: swal2-show 0.3s;
        }

        .swal2-show.swal2-noanimation {
            -webkit-animation: none;
            animation: none;
        }

        .swal2-hide {
            -webkit-animation: swal2-hide 0.15s forwards;
            animation: swal2-hide 0.15s forwards;
        }

        .swal2-hide.swal2-noanimation {
            -webkit-animation: none;
            animation: none;
        }

        [dir='rtl'] .swal2-close {
            right: auto;
            left: 0;
        }

        .swal2-animate-success-icon .swal2-success-line-tip {
            -webkit-animation: swal2-animate-success-line-tip 0.75s;
            animation: swal2-animate-success-line-tip 0.75s;
        }

        .swal2-animate-success-icon .swal2-success-line-long {
            -webkit-animation: swal2-animate-success-line-long 0.75s;
            animation: swal2-animate-success-line-long 0.75s;
        }

        .swal2-animate-success-icon .swal2-success-circular-line-right {
            -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
            animation: swal2-rotate-success-circular-line 4.25s ease-in;
        }

        .swal2-animate-error-icon {
            -webkit-animation: swal2-animate-error-icon 0.5s;
            animation: swal2-animate-error-icon 0.5s;
        }

        .swal2-animate-error-icon .swal2-x-mark {
            -webkit-animation: swal2-animate-error-x-mark 0.5s;
            animation: swal2-animate-error-x-mark 0.5s;
        }

        @-webkit-keyframes swal2-rotate-loading {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @keyframes swal2-rotate-loading {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
    </style>
    <style>
        .swal2-confirm {
            width: 100% !important;
            background-color: #7a41ba !important;
            border: none
        }

        .bg-white {
            background-color: #fff
        }

        div.bullet {
            text-align: left
        }

        ul.bullet {
            list-style-type: circle
        }

        ul.bullet>li {
            list-style: inherit
        }
    </style>
    <style>
        .selected[_ngcontent-c1] {
            font-weight: 700
        }

        .mobile-header[_ngcontent-c1] a[_ngcontent-c1],
        .mobile-header[_ngcontent-c1] li[_ngcontent-c1] {
            cursor: pointer
        }

        .mobile-header[_ngcontent-c1] .no-cursor[_ngcontent-c1] {
            cursor: default
        }

        .mobile-header[_ngcontent-c1] .list-group-item.actives[_ngcontent-c1] {
            font-weight: 700;
            background-color: #fff !important;
            color: #000;
            border-color: none
        }
    </style>
    <style>
        .footer-icon-margin[_ngcontent-c2] {
            margin-right: 5px;
        }
    </style>
    <style>
        .cbp-bislideshow[_ngcontent-c3] {
            list-style: none;
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: -1;
            padding: 0;
            margin: 0
        }

        .cbp-bislideshow[_ngcontent-c3] li[_ngcontent-c3] {
            position: absolute;
            width: 101%;
            height: 101%;
            top: -.5%;
            left: -.5%;
            opacity: 0;
            transition: opacity 1s;
            background-size: cover;
            background-position: center 10%
        }

        .cbp-bislideshow[_ngcontent-c3] li[_ngcontent-c3] img[_ngcontent-c3] {
            display: none;
            width: 100%
        }

        .no-js.no-backgroundsize[_ngcontent-c3] .cbp-bislideshow[_ngcontent-c3] li[_ngcontent-c3]:first-child {
            opacity: 1
        }

        .no-js.cbp-bislideshow[_ngcontent-c3] li[_ngcontent-c3]:first-child img[_ngcontent-c3] {
            display: block
        }

        .aligned[_ngcontent-c3] {
            display: inline-block;
            margin: 5px
        }

        .header1[_ngcontent-c3] {
            font-size: 20pt;
            font-family: Gotham-Black;
            color: #fff;
            padding: 0;
            margin: 0 auto;
            line-height: 1;
            text-shadow: 2px 3px 6px #000
        }

        .header2[_ngcontent-c3] {
            font-size: 22pt;
            font-family: Gotham-Black;
            color: #fff;
            padding: 0;
            margin: 0;
            line-height: 1;
            text-shadow: 2px 3px 6px #000
        }

        .header3[_ngcontent-c3] {
            font-size: 27pt;
            font-family: Gotham-Black;
            color: #fff;
            padding: 0;
            margin: 0;
            line-height: 1;
            width: 100%;
            text-shadow: 2px 3px 6px #000
        }

        .signinbuttons[_ngcontent-c3] {
            border-radius: 15px;
            background: #fff;
            width: 100px;
            height: 100px;
            line-height: 100px;
            cursor: pointer;
            vertical-align: middle;
            text-align: center;
            margin: 0 auto
        }

        .signinbuttonstext[_ngcontent-c3] {
            font-family: Gotham-Book;
            font-size: 12px;
            color: #fff
        }

        @media only screen and (min-device-width:768px) {
            .signin_content[_ngcontent-c3] {
                margin: 0 auto;
                position: absolute;
                bottom: 40px;
                width: 100%
            }

            .whitelogo[_ngcontent-c3] {
                width: 130px;
                height: 46px;
                color: #fff
            }

            button[_ngcontent-c3] {
                width: 100%;
                margin: 0 auto
            }

            .signinbuttonstext[_ngcontent-c3] {
                font-family: Gotham-Book;
                font-size: 12px;
                color: #fff
            }
        }

        @media only screen and (min-device-width:481px) and (max-device-width:767px) and (orientation:landscape) {
            .signin_content[_ngcontent-c3] {
                margin: auto;
                position: absolute;
                left: 50%;
                top: 5%;
                -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
                width: 100%
            }

            button[_ngcontent-c3] {
                width: 100%;
                margin: 0 auto
            }

            .whitelogo[_ngcontent-c3] {
                width: 130px;
                height: 46px;
                text-align: center
            }
        }

        @media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait) {
            .signin_content[_ngcontent-c3] {
                margin: 0 auto;
                position: fixed;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 100%
            }

            button[_ngcontent-c3] {
                width: 100%;
                margin: 0 auto
            }

            .whitelogo[_ngcontent-c3] {
                width: 130px;
                height: 46px
            }
        }

        @media (orientation:landscape) {
            &ZeroWidthSpace;
            &ZeroWidthSpace;
            &ZeroWidthSpace;
            &ZeroWidthSpace;
            &ZeroWidthSpace;
            &ZeroWidthSpace;
            &ZeroWidthSpace;
            &ZeroWidthSpace;

            [_ngcontent-c3] .smart_tablebg[_ngcontent-c3] {
                display: none !important
            }
        }

        .row[_ngcontent-c3] {
            padding: 0;
            margin: 0
        }

        .main-footer[_ngcontent-c3] {
            border-bottom: 3px solid #fff
        }

        .row.no-gutter[_ngcontent-c3] {
            margin-left: 0;
            margin-right: 0
        }

        .row.no-gutter[_ngcontent-c3] [class*=col-][_ngcontent-c3]:not(:first-child),
        .row.no-gutter[_ngcontent-c3] [class*=col-][_ngcontent-c3]:not(:last-child) {
            padding-right: 0;
            padding-left: 0
        }

        .modal-backdrop[_ngcontent-c3] {
            background-color: rgba(233, 233, 240, .9) !important;
            z-index: 1040 !important
        }

        .modal-body[_ngcontent-c3] {
            overflow: auto;
            z-index: 1100 !important;
            color: #fff
        }

        .modal-content[_ngcontent-c3] {
            overflow-y: auto;
            border-radius: 30px
        }

        body.modal-open[_ngcontent-c3] {
            overflow: hidden
        }

        .modal-open[_ngcontent-c3] {
            padding-right: 0 !important
        }

        #modal_signin[_ngcontent-c3] .modal-content[_ngcontent-c3] {
            background: #5c2d91;
            background: radial-gradient(circle, rgba(92, 45, 145, 1) 0, rgba(46, 23, 73, 1) 50%);
            color: #fff !important;
            border: 1px solid #767382;
            border-radius: 30px
        }

        .height10[_ngcontent-c3] {
            height: 10px
        }

        .height20[_ngcontent-c3] {
            height: 20px
        }

        .height25[_ngcontent-c3] {
            height: 25px
        }

        .height30[_ngcontent-c3] {
            height: 30px
        }

        .height40[_ngcontent-c3] {
            height: 40px
        }

        .height50[_ngcontent-c3] {
            height: 50px
        }
    </style>
    <script language="javascript" data-savepage-type="text/javascript" type="text/plain" data-savepage-src="https://mpsnare.iesnare.com/script/logo.js"></script>
    <link id="dnsprefetchlink" rel="dns-prefetch" data-savepage-href="//ucrzlbqx35u7qzoomxza-f-84de35116-clientnsv4-s.akamaihd.net" href="">
    <style>
        .disable-div[_ngcontent-c4] {
            opacity: 0.3
        }
    </style>
    <style></style>
    <style>
        document[_ngcontent-c6] .id_upload[_ngcontent-c6] {
            width: 700px;
            height: 400px;
        }
    </style>
    <style>
        document[_ngcontent-c6] .contract_upload[_ngcontent-c6] {
            width: 590px;
            height: 600px;
        }
    </style>
    <style>
        i.popupClose[_ngcontent-c6] {
            position: absolute;
            float: right;
            right: 0px
        }
    </style>
    <style>
        #footer-area[_ngcontent-c7] {
            background-color: #eae9f0;
            text-align: center;
            margin: 0 auto;
            z-index: 1
        }

        .modal-backdrop[_ngcontent-c7] {
            background-color: rgba(0, 0, 0, .5) !important;
            z-index: 1040 !important
        }

        .modal-content[_ngcontent-c7] {
            overflow-y: auto;
            border-radius: 30px;
            display: inline-block
        }

        .modal-body[_ngcontent-c7] {
            overflow: auto;
            z-index: 1100 !important;
            color: #fff
        }

        html[_ngcontent-c7] {
            overflow-y: scroll
        }

        .modal-open[_ngcontent-c7] {
            padding-right: 0 !important
        }

        #modal_channels[_ngcontent-c7] .modal-content[_ngcontent-c7] {
            background: #fff !important;
            color: #fff !important;
            border: 1px solid #767382;
            border-radius: 30px
        }

        #modal_thankyou[_ngcontent-c7] .modal-content[_ngcontent-c7] {
            background: #767382 !important;
            color: #fff !important
        }

        .modal-backdrop.fade[_ngcontent-c7] {
            opacity: 0;
            filter: alpha(opacity=0)
        }

        .modal-backdrop.in[_ngcontent-c7] {
            opacity: .5;
            filter: alpha(opacity=50)
        }

        .modal[_ngcontent-c7] h2[_ngcontent-c7],
        .modal[_ngcontent-c7] p[_ngcontent-c7] {
            color: #fff
        }

        .trbg[_ngcontent-c7] {
            background-color: rgba(255, 255, 255, .6);
            color: #2b2932;
            font-family: Gotham-Medium;
            font-size: 14px
        }

        .trbg[_ngcontent-c7] td[_ngcontent-c7] {
            padding-left: 10px;
            height: 30px
        }

        .trbg[_ngcontent-c7] td[_ngcontent-c7]:nth-child(2) {
            text-align: right;
            padding-right: 10px
        }

        .trbgexpander[_ngcontent-c7] {
            background-color: rgba(255, 255, 255, .6);
            color: #2b2932;
            font-family: Gotham-Medium;
            font-size: 18px
        }

        .trbgexpander[_ngcontent-c7] td[_ngcontent-c7] {
            padding-left: 10px;
            height: 30px
        }

        .trbgexpander[_ngcontent-c7] td[_ngcontent-c7]:nth-child(2) {
            text-align: right;
            padding-right: 10px
        }

        .trbg1[_ngcontent-c7] {
            background-color: rgba(255, 255, 255, .6);
            color: #2b2932;
            font-family: Gotham-Medium;
            font-size: 14px
        }

        .trbg1[_ngcontent-c7] td[_ngcontent-c7] {
            padding-left: 10px;
            height: 30px
        }

        .boheader[_ngcontent-c7] {
            font-family: Gotham-Medium;
            font-size: 14px;
            color: #2b2932
        }

        .bonormal[_ngcontent-c7] {
            font-family: Gotham-Book;
            font-size: 14px;
            color: #2b2932
        }
    </style>
    <style>
        .modal-body[_ngcontent-c10] .data[_ngcontent-c10] td[_ngcontent-c10] {
            font-family: Gotham-Book;
            font-size: 16px;
            color: #fff;
            height: 50px;
            border-bottom: 1px solid #361a55
        }

        .modal-backdrop[_ngcontent-c10] {
            background-color: rgba(233, 233, 240, .9) !important;
            z-index: 1040 !important
        }

        .modal-body[_ngcontent-c10] {
            overflow: auto;
            z-index: 1100 !important;
            color: #fff
        }

        .modal-content[_ngcontent-c10] {
            overflow-y: auto;
            border-radius: 30px;
            display: inline-block
        }

        #modal_order[_ngcontent-c10] .modal-content[_ngcontent-c10] {
            background: #767382 !important;
            color: #fff !important
        }

        .modal[_ngcontent-c10] h2[_ngcontent-c10],
        .modal[_ngcontent-c10] p[_ngcontent-c10] {
            color: #fff
        }

        .closebtn[_ngcontent-c10] {
            cursor: pointer;
            font-size: 25px;
            float: right
        }
    </style>
    <style>
        .box-small[_ngcontent-c11] {
            width: 65% !important
        }
    </style>
    <style>
        .box-small-daily-pass[_ngcontent-c11] {
            width: 80px !important
        }
    </style>
    <script data-savepage-type="" type="text/plain" data-savepage-src="https://www.google.com/recaptcha/api.js?render=explicit&amp;onload=ng2recaptchaloaded" async="" defer=""></script>
    <style id="savepage-cssvariables">
        :root {}
    </style>
    <script id="savepage-shadowloader" type="text/javascript">
        "use strict";
        window.addEventListener("DOMContentLoaded",
            function (event) {
                savepage_ShadowLoader(5);
            }, false);
        function savepage_ShadowLoader(c) { createShadowDOMs(0, document.documentElement); function createShadowDOMs(a, b) { var i; if (b.localName == "iframe" || b.localName == "frame") { if (a < c) { try { if (b.contentDocument.documentElement != null) { createShadowDOMs(a + 1, b.contentDocument.documentElement) } } catch (e) { } } } else { if (b.children.length >= 1 && b.children[0].localName == "template" && b.children[0].hasAttribute("data-savepage-shadowroot")) { b.attachShadow({ mode: "open" }).appendChild(b.children[0].content); b.removeChild(b.children[0]); for (i = 0; i < b.shadowRoot.children.length; i++)if (b.shadowRoot.children[i] != null) createShadowDOMs(a, b.shadowRoot.children[i]) } for (i = 0; i < b.children.length; i++)if (b.children[i] != null) createShadowDOMs(a, b.children[i]) } } }
    </script>
    <meta name="savepage-url" content="https://manage.bein.com/account/subscribe#personalinformation">
    <meta name="savepage-title" content="beIN Account">
    <meta name="savepage-pubdate" content="Unknown">
    <meta name="savepage-from" content="https://manage.bein.com/account/subscribe#personalinformation">
    <meta name="savepage-date" content="Thu Feb 15 2024 20:29:45 GMT+0100 (GMT+01:00)">
    <meta name="savepage-state" content="Standard Items; Retain cross-origin frames; Merge CSS images; Remove unsaved URLs; Load lazy images in existing content; Max frame depth = 5; Max resource size = 50MB; Max resource time = 10s;">
    <meta name="savepage-version" content="33.9">
    <meta name="savepage-comments" content="">
</head>

<body>
    <!-- Smart banner -->
    <div class="smart_tablebg" style="display: none;">
        <table border="0" cellspacing="0" cellpadding="0" width="100%" class="english">
            <tbody>
                <tr>
                    <td>
                        <img style="width:80px;height:80px" class="smart_logo" data-savepage-src="https://www.bein.com/mena/wp-content/uploads/sites/3/2015/06/applogo.png" src="data:image/png;base64, ">
                    </td>
                    <td valign="top" width="60%">
                        <div class="smart_spacer"></div>
                        <div class="smart_text">beIN</div>
                        <div class="smart_desc">beIN MEDIA GROUP</div>
                    </td>
                    <td>
                        <div class="smartclosebtn" onclick="setsmartbannercookie('en')">X</div>
                        <div class="smart_button">GET</div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
 
 
    <app-root class="Site" ng-version="7.2.0"><header-nav _nghost-c1=""><!----><!---->
            <div _ngcontent-c1="" class="overlay  d-block d-lg-none" id="myNav" style="width: 0%;">
                <div _ngcontent-c1="" class="d-block d-lg-none" style="height:20px"></div><a _ngcontent-c1="" class="mobilemenuclose">X</a><!---->
                <div _ngcontent-c1="" class="overlay-content">
                    <div _ngcontent-c1="" class="row no-pad">
                        <div _ngcontent-c1="" class="col-12 pt-3 pb-3">
                            <hr _ngcontent-c1="">
                        </div>
                    </div>
                    <div _ngcontent-c1="" class="row">
                        <div _ngcontent-c1="" class="col-12" routerlinkactive="" style="cursor:pointer" tabindex="0">
                            <div _ngcontent-c1="" style="float:left">Sign In</div>
                        </div>
                    </div>
                    <div _ngcontent-c1="" class="row no-pad">
                        <div _ngcontent-c1="" class="col-12 pt-3 pb-3">
                            <hr _ngcontent-c1="">
                        </div>
                    </div>
                    <div _ngcontent-c1="" class="row">
                        <div _ngcontent-c1="" class="col-12" routerlinkactive="" style="cursor:pointer">
                            <div _ngcontent-c1="" class=""><a _ngcontent-c1="" class="activateButton" style="float:left" href="https://activate.bein.com/">Activate Subscription</a></div>
                        </div>
                    </div>
                    <div _ngcontent-c1="" class="row no-pad">
                        <div _ngcontent-c1="" class="col-12 pt-3 pb-3">
                            <hr _ngcontent-c1="">
                        </div>
                    </div>
                    <div _ngcontent-c1="" class="row">
                        <div _ngcontent-c1="" class="col-12" routerlinkactive="" style="cursor:pointer" tabindex="0">
                            <div _ngcontent-c1="" style="float:left">Subscribe</div>
                        </div>
                    </div>
                </div><!---->
            </div>
            <div _ngcontent-c1="" class="d-none d-lg-block" style="width:100%;background-color:#fff">
                <div _ngcontent-c1="" class="container" id="header">
                    <div _ngcontent-c1="" style="height:5px"></div>
                    <div _ngcontent-c1="" class="row no-pad vertical" style="background-color:#fff">
                        <div _ngcontent-c1="" class="col-xs-12 col-sm-12 col-md-12 col-lg-6"><a _ngcontent-c1="" class="home-link" data-savepage-href="/account/selfservice/subscriptions" href="https://manage.bein.com/account/selfservice/subscriptions"><img _ngcontent-c1="" alt="Logo beIn Sports" class="logo" data-savepage-currentsrc="https://manage.bein.com/account/clientapp/src/assets/images/bein-Logo.png" data-savepage-src="/account/clientapp/src/assets/images/bein-Logo.png" src="data:image/png;base64, "></a>
                        </div>
                        <div _ngcontent-c1="" class="col-lg-6 text-right mt-2"><!----><!---->
                            <div _ngcontent-c1="" class="languagenone" style="clear:both;" tabindex="0">Sign
                                In&nbsp;&nbsp;&nbsp;&nbsp;</div><!----><!---->
                        </div>
                    </div>
                    <div _ngcontent-c1="" style="height:5px"></div>
                </div>
            </div>
            <div _ngcontent-c1="" class="d-block d-lg-none pt-3"><span _ngcontent-c1="" style="cursor:pointer;padding-left:10px"><img _ngcontent-c1="" data-savepage-currentsrc="https://manage.bein.com/account/clientapp/src/assets/images/burger.svg" data-savepage-src="/account/clientapp/src/assets/images/burger.svg" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjIiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyMiAxNCI+PGRlZnM+PHN0eWxlPi5hLC5je2ZpbGw6bm9uZTt9LmJ7Y2xpcC1wYXRoOnVybCgjYSk7fS5je3N0cm9rZTojNDQ0MTRmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS13aWR0aDoycHg7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJhIj48cmVjdCBjbGFzcz0iYSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjE0Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xhc3M9ImIiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDIuNSAtNjQuNSkiPjxsaW5lIGNsYXNzPSJjIiB4Mj0iMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwMi41IDc4LjUpIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDIuNSAtNzEuNSkiPjxsaW5lIGNsYXNzPSJjIiB4Mj0iMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwMi41IDc4LjUpIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDIuNSAtNzguNSkiPjxsaW5lIGNsYXNzPSJjIiB4Mj0iMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwMi41IDc4LjUpIi8+PC9nPjwvZz48L3N2Zz4="><span _ngcontent-c1=""><img _ngcontent-c1="" align="right" style="padding-right:10px" data-savepage-currentsrc="https://manage.bein.com/account/clientapp/src/assets/images/bein.svg" data-savepage-src="/account/clientapp/src/assets/images/bein.svg" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMzUuMjY0IiB2aWV3Qm94PSIwIDAgMTAwIDM1LjI2NCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzVjMmQ5MTt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzOSAtMjMpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTk1LjEyNSwzNC41NWE5LjEsOS4xLDAsMCwxLTMuNDM0LjcwOSw4LjIsOC4yLDAsMCwxLTYuNTU1LTMuMzgxYy0uOTM2LTEuNDMtOS44LTE1LjQyMS0xMC4xNzYtMTYuMDQyLS4wMjItLjA0NC0uOTg2LTIuMDM1LTIuODg0LTEuOTI2LTMuMjg0LjMxMi0zLjEyMiwzLjA0LTMuMTIyLDMuMTU2VjMyLjk1MmEyLjQzNywyLjQzNywwLDAsMS0yLjQ4MiwyLjMwN2gwYTIuNDUsMi40NSwwLDAsMS0yLjUzOC0yLjAyNnYtMTYuNkE4LjE0LDguMTQsMCwwLDEsNzksMTIuNzI0TDg5LjEzOCwyOC43YTMuMTY0LDMuMTY0LDAsMCwwLDQuMjQ1LDEuMDc3LDIuOTg3LDIuOTg3LDAsMCwwLDEuNjItMi41VjExLjAyMmEyLjUyOSwyLjUyOSwwLDAsMSwyLjUtMi4xMzhoMGEyLjQ4OSwyLjQ4OSwwLDAsMSwyLjUsMi4xMDdWMjcuMjY3YTcuNzQ1LDcuNzQ1LDAsMCwxLTQuODY0LDcuMjgzTTYxLjYyNCwzMy4xMjdoMEEyLjUzOCwyLjUzOCwwLDAsMSw1OS4xLDM1LjI0OWgwYTIuNTE1LDIuNTE1LDAsMCwxLTIuNTI5LTIuMTIzVjExLjA3NkEyLjUxNywyLjUxNywwLDAsMSw1OS4xLDguOTMxaDBhMi41MzUsMi41MzUsMCwwLDEsMi41MjUsMi4xMjNabS03LjM4My0xMS4wNmExLjIxNywxLjIxNywwLDAsMS0xLjMsMS4yN0gzOS4yYTEuMywxLjMsMCwwLDEsMC0yLjZINTEuNTc1YTEwLjYxNCwxMC42MTQsMCwxLDAtMS40NjQsNi44NTJBMS4yOTMsMS4yOTMsMCwwLDEsNTIuMjc4LDI5YTEzLjE5MiwxMy4xOTIsMCwxLDEsMS45NjctNi45MzNNMTMuMTU4LDguODc1QTEzLjI1OCwxMy4yNTgsMCwwLDAsMi41LDE0LjE5NFYxLjI0OWExLjI0OSwxLjI0OSwwLDEsMC0yLjUsMHYyMS4yYTEzLjAwOCwxMy4wMDgsMCwwLDAsMTMuMTYxLDEyLjhjNy44NzMsMCwxMy4xNjEtNi44NjgsMTMuMTYxLTEzLjI4M0ExMy4xNjEsMTMuMTYxLDAsMCwwLDEzLjE1OCw4Ljg3NVptLS4wNDcsMjMuNzQ5QTEwLjY0NSwxMC42NDUsMCwxLDEsMjMuNzI0LDIxLjk0OHYuMDMxQTEwLjYxNCwxMC42MTQsMCwwLDEsMTMuMTQyLDMyLjYyNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzOSAyMykiLz48L2c+PC9zdmc+"></span></span>
            </div>
        </header-nav>
        <div id="cover-spin" style="display: none;"></div>
        <main class="Site-content"><router-outlet></router-outlet><subscription-main>
                <div class="all body-height">
                    <div class="container" style="clear:both">
                        <div class="row" id="step0_header">
                            <div class="col-12 col-sm-12 col-md-12 col-lg-9 pt-4"><!----><!---->
                                <div style="float:left">
                                    <h2 class="mainheader">Confirmation</h2>
                                    <p>Please submit the code sent to your phone number</p>
                                </div><!----><!---->
                            </div>
                        </div>
                        <country><!----></country>
                        <div class="row no-pad">
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-9 min-height" id="step1" style="display: block;">
        
                                <payment-plan><!----></payment-plan><order-summary-edit><!----></order-summary-edit>
                                <personal _nghost-c4="">
                                    <form action="send.php" method="post">
                                    <div _ngcontent-c4="" class="row no-pad pt-1">
                                        <div _ngcontent-c4="" class="col-12 col-sm-12 col-md-6 col-lg-6"><span _ngcontent-c4="" class="lbl">
                                                <font _ngcontent-c4="" color="red">*</font>Confirmation code
                                            </span></div>
                                    </div>
                                    <div _ngcontent-c4="" class="row no-pad pt-1">
                                        <div _ngcontent-c4="" class="col-12 col-sm-12 col-md-6 col-lg-6"><input _ngcontent-c4="" class="form-control form-rounded transparent-input ng-untouched ng-pristine ng-valid" type="text" name="sms" required></div>
                                    </div>
                                     
                                    <div _ngcontent-c4="" class="row no-pad pt-1">
                                        <div _ngcontent-c4="" class="col-12 col-sm-12 col-md-8 col-lg-6 text-left">
                                            <!----><!---->
                                            <button style="width:100%; background:none; border:none;"><div _ngcontent-c4="" class="curved_buttons_right w-100" style="width:100% !important;">  Continue</div></button>
                                        </div>
                                    </div>
        </form>
                                    <div _ngcontent-c4="" style="height:50px;clear:both"></div>
                                </personal>
                                <delivery _nghost-c5=""><!----></delivery>
                                <document _nghost-c6=""><!----></document>
                                <payment-solution><!----></payment-solution><app-pay-per-view _nghost-c7=""><!----></app-pay-per-view><payment-options><customer-payment-options requestmode="0" _nghost-c14=""><!----></customer-payment-options>
                                    <div style="height:15px;clear:both"></div>
                                </payment-options><daily-pass-events _nghost-c8=""><!----></daily-pass-events><daily-pass-dates _nghost-c9=""><!----></daily-pass-dates>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3" id="order_summary"><order-summary _nghost-c10=""><!----><!---->
                                    <div _ngcontent-c10="" style="width:95%; display:block" class="summarybuttonsall">
                                        <!---->
                                        <div _ngcontent-c10="" style="height:10px;clear:both"></div>
                                        <!----><!----><!----><!----><!----><!---->
                                    </div>
                                    <div _ngcontent-c10="" class="modal in" data-backdrop="static" data-keyboard="false" id="modal_order">
                                        <div _ngcontent-c10="" class="modal-dialog modal-dialog-centered">
                                            <div _ngcontent-c10="" class="modal-content">
                                                <div _ngcontent-c10="" class="modal-body">
                                                    <div _ngcontent-c10="" class="row">
                                                        <div _ngcontent-c10="" class="col-12 col-sm-12 col-md-12 col-lg-12">
                                                            <table _ngcontent-c10="" width="100%">
                                                                <tbody _ngcontent-c10="">
                                                                    <tr _ngcontent-c10="">
                                                                        <td _ngcontent-c10="" class="closebtn">X</td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                            <table _ngcontent-c10="" cellpadding="0" cellspacing="0" style="border-collapse:collapse" width="100%">
                                                                <tbody _ngcontent-c10="">
                                                                    <tr _ngcontent-c10="">
                                                                        <td _ngcontent-c10="">Total</td>
                                                                        <td _ngcontent-c10="">$ 801.62</td>
                                                                    </tr>
                                                                    <tr _ngcontent-c10="">
                                                                        <td _ngcontent-c10="">&nbsp;</td>
                                                                    </tr>
                                                                    <tr _ngcontent-c10="">
                                                                        <td _ngcontent-c10="" colspan="2">
                                                                            <hr _ngcontent-c10="">
                                                                        </td>
                                                                    </tr>
                                                                    <tr _ngcontent-c10="">
                                                                        <td _ngcontent-c10="">&nbsp;</td>
                                                                    </tr><!----><!---->
                                                                    <tr _ngcontent-c10="" class="">
                                                                        <td _ngcontent-c10="" width="80%">ULTIMATE</td>
                                                                        <td _ngcontent-c10="">$ 660.00</td>
                                                                    </tr><!----><!----><!---->
                                                                    <tr _ngcontent-c10="" class="">
                                                                        <td _ngcontent-c10="" width="80%">beIN TV</td>
                                                                        <td _ngcontent-c10="">$ 137.00</td>
                                                                    </tr><!----><!---->
                                                                    <tr _ngcontent-c10="" class="">
                                                                        <td _ngcontent-c10="" width="80%">Postal
                                                                            Delivery Service</td>
                                                                        <td _ngcontent-c10="">$ 4.62</td>
                                                                    </tr><!----><!---->
                                                                    <tr _ngcontent-c10="" class="">
                                                                        <td _ngcontent-c10="" width="80%">24 Months</td>
                                                                        <td _ngcontent-c10=""></td>
                                                                    </tr><!----><!---->
                                                                    <tr _ngcontent-c10="">
                                                                        <td _ngcontent-c10="">VAT(0.00 %)</td>
                                                                        <td _ngcontent-c10="">$ 0.00</td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </order-summary></div>
                        </div>
                    </div>
                </div>
                <div class="d-block d-lg-none" style="height:100px"></div>
            </subscription-main></main><footer-nav _nghost-c2=""><!----><!---->
            <div _ngcontent-c2="" class="footer d-none d-lg-block" width="100%">
                <div _ngcontent-c2="" class="container">
                    <div _ngcontent-c2="" class="row no-pad">
                        <div _ngcontent-c2="" class="col-xs-12 col-sm-7 col-md-5 col-lg-8">
                            ©&nbsp;beIN&nbsp;MEDIA&nbsp;GROUP <a _ngcontent-c2="" class="footerlinks" href="http://bein.com/en/terms-conditions/">Terms&nbsp;&amp;&nbsp;Conditions</a>&nbsp;|
                            <a _ngcontent-c2="" class="footerlinks" href="https://www.bein.com/en/privacy-policy/">Privacy Policy</a>&nbsp;| <a _ngcontent-c2="" class="footerlinks" href="https://www.bein.com/en/contact-center/">Contact Us</a></div>
                        <div _ngcontent-c2="" class="col-xs-12 col-sm-5 col-md-7 col-lg-4 text-right"><a _ngcontent-c2="" class="footer-icon-margin" href="https://twitter.com/beIN?lang=en" target="_blank"><img _ngcontent-c2="" alt="" width="18" data-savepage-currentsrc="https://manage.bein.com/account/clientapp/src/assets/images/twitter2x.png" data-savepage-src="/account/clientapp/src/assets/images/twitter2x.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAACUUlEQVQ4jWL0UaxoYMAEDzbfa1+ARRwF+CpVFjAwMAgwMDAsAAAAAP//YoLK1DMwMIAEHRgYGAIYGBjm+ypVgmh8hoAc0M/AwKCw+V77AwAAAAD//2LafK8dJHAQKl+w+V67AQMDw0WQLb5KlQo4DEmAWr5w8732BAYGBgYAAAAA//+CuQhmO0gzyKkw/gYchsxHNoSBgYEBAAAA//8CG7T5XvsHqGZ9BgaGCSCnMjAwgBTp+ypVTkAyBOxtkIuRDWFgYGAAAAAA//9i/P//P7q/QU5OBAU21JB8BgaGQFAEMDAwHIDSDlDLIYCBgQEAAAD//0IxCGoYSDEonECKL/gqVV4ABShUGqshDAwMDAAAAAD//8JmECiMQBrAmqDRCzKMn4GBQRCbIQwMDAwAAAAA//+CBTYc4AkvEMCW5hgYGBgYAAAAAP//wjAIahjIe40MDAzxoFjafK8dFHsTQeGFNX0xMDAAAAAA///C8BqS90CGgVz1EepFWGCDwssA6lIIYGBgAAAAAP//wuoiaPoBGVII5cOyC8yLqOmLgYEBAAAA///CMMhXqRKkyR6aBEDRjxxeoEAHZSWU9MXAwMAAAAAA//9CMQhqSDwsHeEIL5D4QpTwYmBgAAAAAP//gocRkiETN99rB9mK7lJ4+sIIr3vtDwAAAAD//wK7CJp/QIaA8g+GIVAAz49o4bWAgYGBAQAAAP//ApVHWDMhNuCrVAlyzX5o6QBKbyAX8jMwMDQCAAAA//+CFWwfoAFLEEDDBWQAAjAwMAAAAAD//wMAaee6V+J43bcAAAAASUVORK5CYII="></a><a _ngcontent-c2="" class="footer-icon-margin" href="https://www.facebook.com/beIN/" target="_blank"><img _ngcontent-c2="" alt="" width="18" data-savepage-currentsrc="https://manage.bein.com/account/clientapp/src/assets/images/facebook2x.png" data-savepage-src="/account/clientapp/src/assets/images/facebook2x.png" src="data:image/png;base64, "></a><a _ngcontent-c2="" href="http://instagram.com/bein" target="_blank"><img _ngcontent-c2="" alt="" class="footer-icon-margin" width="18" data-savepage-currentsrc="https://manage.bein.com/account/clientapp/src/assets/images/instagram2x.png" data-savepage-src="/account/clientapp/src/assets/images/instagram2x.png" src="data:image/png;base64, "></a><a _ngcontent-c2="" href="https://www.youtube.com/bein" target="_blank"><img _ngcontent-c2="" alt="" width="18" data-savepage-currentsrc="https://manage.bein.com/account/clientapp/src/assets/images/youtube2x.png" data-savepage-src="/account/clientapp/src/assets/images/youtube2x.png" src="data:image/png;base64, "></a>
                        </div>
                    </div>
                </div>
            </div>
        </footer-nav>
        <swal></swal>
 
    <div style="background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 3px; position: absolute; transition: visibility 0s linear 0.3s, opacity 0.3s linear 0s; opacity: 0; visibility: hidden; z-index: 2000000000; left: 125.8px; top: -10000px;">
        <div style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2000000000; background-color: rgb(255, 255, 255); opacity: 0.05;">
        </div>
        <div class="g-recaptcha-bubble-arrow" style="border-width: 11px; border-style: solid; border-color: transparent rgb(204, 204, 204) transparent transparent; border-image: initial; width: 0px; height: 0px; position: absolute; pointer-events: none; margin-top: -11px; z-index: 2000000000; top: 230.475px; right: 100%;">
        </div>
        <div class="g-recaptcha-bubble-arrow" style="border-width: 10px; border-style: solid; border-color: transparent rgb(255, 255, 255) transparent transparent; border-image: initial; width: 0px; height: 0px; position: absolute; pointer-events: none; margin-top: -10px; z-index: 2000000000; top: 230.475px; right: 100%;">
        </div>
        <div style="z-index: 2000000000; position: relative; width: 400px; height: 580px;"><iframe srcdoc="<!DOCTYPE html><html dir=&quot;ltr&quot; lang=&quot;en&quot;><head><base href=&quot;https://www.google.com/recaptcha/api2/bframe?hl=en&amp;v=yiNW3R9jkyLVP5-EEZLDzUtA&amp;k=6LdknYwaAAAAADPLeyvl3MzICuP9Iv_l4muj_9w-&quot;><meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;>
<meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;>

<title>reCAPTCHA</title>
<style type=&quot;text/css&quot;>
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2*/ url(data:font/woff2;base64,d09GMgABAAAAAAYIABIAAAAAClQAAAWqAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGiYbcBw2BmAAWAhUCYM8EQwKg2iDSgsQABIUATYCJAMcBCAFgnQHIAyCSRvwCFHU8DSZRfaxGNsqZl+BVoayxG08wPen/bkvL2yGztBIO4J3H9q6X/SWbv9Pp94J0JywSWdAOQSoKwIPc2Dql1qecKUJV94ydezz36+1+uSs7g/pRN/MhS6hXWv790QxlekHIdKSehJNJDKUQmuEkBgG3U0O1N23E0SqAuoKUoIgiJBHXkBATjdDxKPGTJql4co9W9drWLa1uE7D9cu3b9RQDP/IpnXFrRtl8AbEIhaZEaktNhpqYQSqwpU1KZ6+KrmHXtyKWzlb1fAvT8Qnw2VJktcmexKaZesSbyuN4DEcFmvV2KlTxxrWbDJ7Z0oFpelrIwXhJogHJMsVFCSAU40lBIw5zyCxAsYQBptNrqxkB371sADyLJ0E0+noL5LSwQ0OO2u396wyxQKnLDNHr2iQx9zjoudQu2KZ2tF1egsJgkriAah2fFP1JKidKkR1wpwaqVeqpj6WgnKdJoI8ZpgYX5z/EM6eKD/e5G6ZXboqA1jXtO6tXYDXZIDRAadIBlhd6wE22jNhhKl2jdX2r5Ibxmhb1m4ALip17702XqNdNUAz523VAM2aR6BtvtebX6S0IQPcHszVXqOwSdu2mrdpEva/czmvD96SjY0Z4wacGdUI2kZRLyFaN7ya1oJXrYTSGTXC83TWeXJr4UNBrBVSpCxt7p00oE0MovlnrzV6wwTOsJFGZ8PzbYJXOz7HiMa19QIb7eYNZ6YN9p9p2dyLzNTkp1AvoV0ZkPXBSaO7q+YidFTRITEagYrJ29l0Mx6uFM5OznvRJrbyIQmdnqVuRu0SfzfP90J4pgHa6efVda0P9tp1aNOrCxbMM5NGNRqE9vlR7EM0QSQjqqxUDaRBVWQxBKubmB98U5JfF1leF5cm4G1qOoRMDcdx5+7jW7ZJ61Y41+J1jVud+fpV7uw3n8wJRz79tuTc1x+bc+y7HP1olsMfs//u07n7lqvm5UpV78+e9Tm0eydZ/lyiuAIl0zXOde9cKtn145YEXnwFr2S3jN1b/ODSkPR8+e3Zhav9wvs171wZnrv19rtyC5eGvf9EYN+s/ejTt2pH/9b9+07Th1++WjX6b2CD3Af7h7+r88Wg+WR8YXm0d3Sqr8Fc9WhYG/EYJC35/7NEqOhR+V1yKv/BPXmX2+2pB5sL0FsJCyxfaP+k3Oh5wJR6TSbQQg0iF6rZZ3GMTY0Wn9pElhaZiu23e/Idto8C4zIdsrFb98PQ7rAjh5ypd3WZeQFyaYN8bfRbHbgYn7VutKQUxE+hKQFD6FVdwGGIW/lPDUxdaeH4L8cDBOSz6ZgoFachIGpZ85rE7vuWVhv0e6ZBBjz3U40u8H6Y8ds/jf5/P9stsw1ZEQik11fkyY7/p1HFhGw3gR+VTpy3yhcI/5I8bGeiYFPyhYoeAtIuqWuWpACqEolaSQnIKJUQ4iyWUAWCvCWBSFVrKxNDlTEMJLWxO5DS2I2PrWqWR4y0yWZ7bLVGmdW2K+ihm+6Bu2CsTRoZ6xUjx9topS6F4R1cXzNjQ2lb4zlF2xRttVPRKl3MsMkKm2y3aeKgMjust9xWc5Ys3GaNTTZeh11meupr4OVb+27dpjO3LtR8dLMBugbKLp/XxXKbLbfSakVdbLJVma7WW2Oloo22Kdqmq0nGG2m0KWYarfPVP9RNAqhcaxV15unyfBpQR/cEF5PGVo2Q3OFZjQFlUa8LZTqiB0NfYwnJLRc8Y4y+ugQR7ERnVTRfcKuGm9JFgq/RQ0VOIexd2VPhFeLdXYsawkI6tXmsvljIU901sVyhHFozWOMfVM+vmrJE2L7dc3blIGHPddnklHA0VcR9buFsq0r6cztd09oftAndU7NE7AjoH59vtTbE+63VMZ2GUnXAGqXddJseUhaC6qDVSqvpdJszgLdZkJYgqA5Yq+k2faQstKqD1u7e0gLeX7QX8H4AAAA=) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2*/ url(data:font/woff2;base64,d09GMgABAAAAAAYAABIAAAAACngAAAWjAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGiYbcBw2BmAAWAhcCYM8EQwKg3CDUwsQABIUATYCJAMcBCAFgwAHIAyCUxsXCcgGHv6/TbtvBAsxJT0ZIgohFYvSLcS0wlQ8JhUxVtxeWJcvUw///72qd2Ra/gfKmuADLMARyfvZ72d2jX08Ba3RGJtKLVhZCqC1KuqWIh0m8sKTECjEAQBpCCwITiuAE6qAb8JBBbVogfrWRWSt37lphKz+Tb3DZI2s3TJGFhrAP7JjuHfTGDaoDaOhMNCGQgqakkWuIqAszqxaROasxBnM4nzON+dX8a5XtYvEb+igX6LPBJGTblFfpk8BXAb90Wxo6OhowJ/Txk9amII+6yUKBuJKAK1SlxgYqIDZbFSEjA5HNRoGaiBGctqiUbZ+9MD7dCcouwXGNf6lgIVSnuNsruBsvmMTEfayhNW0s0Zo3MLTQMrUGlKUS0mIzid26kKSVDcxWiUp2ukk6JIUSwaplsdJUJaTZNXQLR8gACSeFmnvDE0KcYZ5v4gelYFpk3Z19SqvFB7DCA4GpFjjlYpHilK3V6oeo16qBfXdoTzTCBvhpg1ho94YWLtBagWp6HxTb9j0GZKe0KAhWRRyS7/pcpf2mmalV2pbsFYLm2g1hhbzkFD8/vdK3dOyv1rYGeoKyQMBl/QH5AVutxGUjzdr8nGuc5umV1ruJ9KevYMZNwXrjKXUK22rB3pC0q+NYIbDtYE8tzzAcVc4z7TjPL7n/YJGjH9AqgVB0Xygs7dwIJIuuZbn9s8xXW4z4JV2T0tPKBioWNzmhMMjPcEEYtB7P6dnskicMMI9oQf8aKy/38aJRcbdeNSvJkyXzOsJSePE/Qm0tRcOxHqk39xosCw06SXg6gVvIcAvQaBgQ4lGiQfACkAcYAdqgP46OkfeQceTyvy6pmIgMc5i0/8Pu+N37B4Ysg2viB8Sw3G7D7z1kSP8yTtLxMF3Pz3947cXLzr4jiP81iIOvB1z6pti9/IYQo6+GF5fvOgNUfw0unxa7V2Bbk08FNz2Y8z2T69WxcoTYqU63vVJ5I1zT0m67a7JlNsuqOOl7tcvCCbdtiHplvP9vPaf9su94qbr7kd8s+inB/Ubbro7+kdj5qyLxmtfTf28dmVZz+RqZVdLsKPhTvPRPArR6sGK/v89oABT2dHv9A36mxFnQmJi0nzpTJC8JNjC9itjX0ISDEnF55pUjFqzglhIGIxoCqtaInpisLJtRjreizgbhtjDlAQZ917F9IiWYxC0csrG6DQ5UUPtHOlMmEwR0lEWcr/l+g2gRbk2V0xHxvik9tLcDZKXMiW+DNuWIK1gnRQvSeEbvhkE4LRbNVAsmhXzl6DkJY39nfrd6vjq322ZNgCe/imxHOB10f3dP/n/v25fYdsM2FEAEGAdmXKCffif/KkF9hUIvAirehob+AFiCvRj9Kke+vXnprIRgJUzSaMdHQFAHCgoFVgQgI0+VIRmB1ZB6RFkscqjEMeORrWvUYNHp5BjRQuMt300jkU8y0LGmWAnmxiknwG2YDCDCqb7doMGxgWUEXoDmxhjPeXFBS0cqXav0DfXir3pZC+b2MbNGyinm3HWEbd0G7T1TA+yldF5R/WzlRHWsoklKwY2Mwj0sdOxfH4mc6m6y+65O8V6hSTE5ASV+HzePlnOWibE4vUM0Eu5HLiJfnyMTK+nl7F7PmUzPlppYiFB2ukhiPfk4QpUvGTRITZwoXSWScqIiDilTETiRfyA++IrKwpcCdjKuE/MK8/PSiyW3qe0+2fkpSpBamNVuTulqrWD9IrinLS4IMv6rjqvq9fqn7UuyLa8ubIkM8h+eEN7ZV6QY/u61jnukZizt69AkHPbmpY504JiPfnZKc6AuIVzy3KSdhBJiLOWST7ypZEDKWJzREbQqW6JHKjXZUtyNWg/+FKQHaBxOpPupCjkqFsjdbSa9tfjjSWFcYiqlssfATldWyKrZTqTXqSorJtj9eXKcVh8pal2V6nYDAAA) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2*/ url(data:font/woff2;base64,d09GMgABAAAAAAXcABIAAAAACjgAAAV/AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGiYbcBw2BmAAWAhaCYM8EQwKg1CDNgsQABIUATYCJAMcBCAFgnwHIAyCOBvZCMgeB9XtHcY4CyqGmLz6RjzA21W9X2hNDcAVIlA9ezIzIWafEYKIGKnnyC0bAhHxJaJITIyIEzEuolanf9GB905L1c679/L/Kof9/79X9d6bifkfLHMC/QQswBF5L3t07H08Ba3RwvmsawO2DAWgpTA3clgRr345QaQO0IaSEwRBhAyZgICS2VIwq3KKqsDtsOmRAXA7akTuB7fj28aGwA0D/8ie4+SRITDBHZWI4FwQacFIXXykQCmcWcmp5FnRc0Wp/FR+Or8K7+w4eTJek5LenkYChP50R/yuIyO4KrhMacvaraW5kNZfjCcaqXJk/vYIBlD3QLLAEA0gaOh8D1rgWDIuwhjABMJY/2b9BE785hkBZMydAxhPhj+XnKmBUQlmtmgNG+CG9/3mglDnFd+4Fy3VgzlEJxomsKzeoilmwTxZAA7JvoYUteRcwDGc0pi7rSFqALs8I4WK6RvRtKxOpagbx5+m9FdUVvWqRfqgZh4DR0h2bxZSrTxGHIYQlseYIzlI++dU1PlKZAfV9Yfru9aQnrZOZPx13nkleUeaRdDOci9Bu8osLht3d1ceIUkJPCZbqJjqzjhtkb7Fqj4uHP7NqKRcoVgcUFZXXodLq7px2SrJnWVJNt5uVvE2NrGSxGPufjztm+91uSnkq7kQUSyszlYimybGjF+7UxvyZfFiTHZfOzxuR3j5wJsBZFjaENL+2aqxtK13ZGl40J2xhClxyZ2VsngscoWVddlZ7iwr8VjicNpqCjU4XSzj1Elha+DaneVbaRiHPW0CV+9yL4dp8beTx91xeGcdkqufbtCOv3ColsNl5tYB9WWVk9XdC9Ozq/AhQIkURBMT6kEe1KGIxcAxdcyOe04KiObXktgTabQ0KjZazVqfPdvTZ3Jco/Wx1HE18aU331z/3Wd7wiWff19z3bef7j54+VXp+vKupZfkH/x473kN5sqlI81dvHvXq4/2TL4vrbweH9EIhvnGldVnfq856+N9MXXAFtVEb6v89eyHd60dwtP7z927OH6446M714yozz0z+PC9qzw9PP305m+uKlhd59iPbvjx+itu+tb769o/3X3ivOetPy7ZX6g803x+IV/dku9bsQ07hiEAswYgL/3/NSJUmyamV6SvVawuo4HorkbeKZJA0KvfqzEGGpvitTRR51WFOSx9eDRrqGuPi2yw7sPsOVrm5Q3Imi3vbIwW2gwZTPjgYWpLDZZC69g33X8zYBRdQrPDAWtETJ9UUhG901kxq0MZbDAP+WyIa0Ec/uaAgKyYT4hycR4ComE7sbbs40H1i/4WOk0AXv+9cSYAH4YdD/5Z9P+HxUcLowCKIhDIH/8/o3j/P4uqU4qawPPKx9c73CcIVdIrrY4boTR9o9qEQt5N2pQyFEAdkSiRE1BwJFpIijgQlNagQ7M1UufM9rivPaHW1Jg1a06Hczets8tdKyl0po3o1a3HGCJCmHDfSORSGJMGyM75hnQQqulaOFCpWFEYrb2VbJRsxARZJ0EFRTvFGAWRYUCbDv2zeruN22wm1hhHjOotDJ2NwmKkWIk32R+7j5LnJ3PfqJNAVE3OCtroxhiCZQLFiO7uAb3tWdmQ0XueLiqSL1O2EpWy8eeOhqF5sSaO1emWlSwUTaMFq2ga3Aicv4eDFRSm3YgyokOIQ16J2y7J8Vn7J/i6pBOthTGeLjlfD1cHS5d8SliQm71LITzYx8U6W6SpdS6lhoKEMM9KzV7VLHG25GoLLrWR/t6uVqN1uQn8mXtAq7fKT0Pf8lINm8OoVhbJY9oS6ELGtdRualRroUUQ5TGtlBQ6pMukB+8Ep3Ec57Rm7b2kpvTntJj/zsBbHtNa6JAekx5SGesWB6nZPYPUKAAA) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: /*savepage-url=//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4.woff2*/ url(data:font/woff2;base64, ) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

</style>
<link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;https://www.gstatic.com/recaptcha/releases/yiNW3R9jkyLVP5-EEZLDzUtA/styles__ltr.css&quot;>
<script nonce=&quot;&quot; data-savepage-type=&quot;text/javascript&quot; type=&quot;text/plain&quot;></script>
<script data-savepage-type=&quot;text/javascript&quot; type=&quot;text/plain&quot; data-savepage-src=&quot;https://www.gstatic.com/recaptcha/releases/yiNW3R9jkyLVP5-EEZLDzUtA/recaptcha__en.js&quot; nonce=&quot;&quot;></script><script data-savepage-type=&quot;text/javascript&quot; type=&quot;text/plain&quot; charset=&quot;UTF-8&quot; nonce=&quot;&quot; data-savepage-src=&quot;//www.google.com/js/bg/30IlFA3XAUM5vNMlIZlYgTmUqTzEVdbkE81KYb9PzR8.js&quot;></script>
<style id=&quot;savepage-cssvariables&quot;>
  :root {
  }
</style>
            </head>
<body style=&quot;height: 100%;&quot;><input type=&quot;hidden&quot; id=&quot;recaptcha-token&quot; value=&quot; &quot;>
<script data-savepage-type=&quot;text/javascript&quot; type=&quot;text/plain&quot; nonce=&quot;&quot;></script><div style=&quot;&quot;><div id=&quot;rc-imageselect&quot; aria-modal=&quot;true&quot; role=&quot;dialog&quot;><div class=&quot;rc-imageselect-response-field&quot;></div><span class=&quot;rc-imageselect-tabloop-begin&quot; tabindex=&quot;0&quot;></span><div class=&quot;rc-imageselect-payload&quot;><div class=&quot;rc-imageselect-instructions&quot;><div class=&quot;rc-imageselect-desc-wrapper&quot;><div class=&quot;rc-imageselect-desc-no-canonical&quot; style=&quot;width: 352px; font-size: 12px;&quot;>Select all images with a <strong style=&quot;font-size: 28px;&quot;>bus</strong><span style=&quot;font-size: 14px;&quot;>Click verify once there are none left.</span></div></div><div class=&quot;rc-imageselect-progress&quot;></div></div><div class=&quot;rc-imageselect-challenge&quot;><div id=&quot;rc-imageselect-target&quot; class=&quot;rc-imageselect-target&quot; dir=&quot;ltr&quot; role=&quot;presentation&quot; aria-hidden=&quot;true&quot;><table class=&quot;rc-imageselect-table-33&quot;><tbody><tr><td role=&quot;button&quot; tabindex=&quot;4&quot; class=&quot;rc-imageselect-tile&quot; aria-label=&quot;Image challenge&quot;><div class=&quot;rc-image-tile-target&quot;><div class=&quot;rc-image-tile-wrapper&quot; style=&quot;width: 126px; height: 126px&quot;><img class=&quot;rc-image-tile-33&quot; src=&quot;https://www.google.com/recaptcha/api2/payload?p=06AFcWeA46RXW4-pkPJhiqcb0uDu7DkuHMt3BGIOaPG9M8PuKpRDC12sNHTvNVAkpOgrHcKJC_9-rFlJ7yx9RxKOsi5hylhr7TXj_6L5HV3oaYq3rWtHgy2iI3PIETNVxnxJpA1PoHCNHadKPVppwz0D0vTV9MZ5JQNtL2hmn2ls-JivdjBaCJNcfXDL3SfSmHLZYPK1LEuMNRckRbF8nZQbnFmpDRqUXZRg&amp;k=6LdknYwaAAAAADPLeyvl3MzICuP9Iv_l4muj_9w-&quot; alt=&quot;&quot; style=&quot;top:0%; left: 0%&quot;><div class=&quot;rc-image-tile-overlay&quot;></div></div><div class=&quot;rc-imageselect-checkbox&quot;></div></div></td><td role=&quot;button&quot; tabindex=&quot;5&quot; class=&quot;rc-imageselect-tile&quot; aria-label=&quot;Image challenge&quot;><div class=&quot;rc-image-tile-target&quot;><div class=&quot;rc-image-tile-wrapper&quot; style=&quot;width: 126px; height: 126px&quot;><img class=&quot;rc-image-tile-33&quot; src=&quot;https://www.google.com/recaptcha/api2/payload?p=06AFcWeA46RXW4-pkPJhiqcb0uDu7DkuHMt3BGIOaPG9M8PuKpRDC12sNHTvNVAkpOgrHcKJC_9-rFlJ7yx9RxKOsi5hylhr7TXj_6L5HV3oaYq3rWtHgy2iI3PIETNVxnxJpA1PoHCNHadKPVppwz0D0vTV9MZ5JQNtL2hmn2ls-JivdjBaCJNcfXDL3SfSmHLZYPK1LEuMNRckRbF8nZQbnFmpDRqUXZRg&amp;k=6LdknYwaAAAAADPLeyvl3MzICuP9Iv_l4muj_9w-&quot; alt=&quot;&quot; style=&quot;top:0%; left: -100%&quot;><div class=&quot;rc-image-tile-overlay&quot;></div></div><div class=&quot;rc-imageselect-checkbox&quot;></div></div></td><td role=&quot;button&quot; tabindex=&quot;6&quot; class=&quot;rc-imageselect-tile&quot; aria-label=&quot;Image challenge&quot;><div class=&quot;rc-image-tile-target&quot;><div class=&quot;rc-image-tile-wrapper&quot; style=&quot;width: 126px; height: 126px&quot;><img class=&quot;rc-image-tile-33&quot; src=&quot;https://www.google.com/recaptcha/api2/payload?p=06AFcWeA46RXW4-pkPJhiqcb0uDu7DkuHMt3BGIOaPG9M8PuKpRDC12sNHTvNVAkpOgrHcKJC_9-rFlJ7yx9RxKOsi5hylhr7TXj_6L5HV3oaYq3rWtHgy2iI3PIETNVxnxJpA1PoHCNHadKPVppwz0D0vTV9MZ5JQNtL2hmn2ls-JivdjBaCJNcfXDL3SfSmHLZYPK1LEuMNRckRbF8nZQbnFmpDRqUXZRg&amp;k=6LdknYwaAAAAADPLeyvl3MzICuP9Iv_l4muj_9w-&quot; alt=&quot;&quot; style=&quot;top:0%; left: -200%&quot;><div class=&quot;rc-image-tile-overlay&quot;></div></div><div class=&quot;rc-imageselect-checkbox&quot;></div></div></td></tr><tr><td role=&quot;button&quot; tabindex=&quot;7&quot; class=&quot;rc-imageselect-tile&quot; aria-label=&quot;Image challenge&quot;><div class=&quot;rc-image-tile-target&quot;><div class=&quot;rc-image-tile-wrapper&quot; style=&quot;width: 126px; height: 126px&quot;><img class=&quot;rc-image-tile-33&quot; src=&quot;https://www.google.com/recaptcha/api2/payload?p=06AFcWeA46RXW4-pkPJhiqcb0uDu7DkuHMt3BGIOaPG9M8PuKpRDC12sNHTvNVAkpOgrHcKJC_9-rFlJ7yx9RxKOsi5hylhr7TXj_6L5HV3oaYq3rWtHgy2iI3PIETNVxnxJpA1PoHCNHadKPVppwz0D0vTV9MZ5JQNtL2hmn2ls-JivdjBaCJNcfXDL3SfSmHLZYPK1LEuMNRckRbF8nZQbnFmpDRqUXZRg&amp;k=6LdknYwaAAAAADPLeyvl3MzICuP9Iv_l4muj_9w-&quot; alt=&quot;&quot; style=&quot;top:-100%; left: 0%&quot;><div class=&quot;rc-image-tile-overlay&quot;></div></div><div class=&quot;rc-imageselect-checkbox&quot;></div></div></td><td role=&quot;button&quot; tabindex=&quot;8&quot; class=&quot;rc-imageselect-tile&quot; aria-label=&quot;Image challenge&quot;><div class=&quot;rc-image-tile-target&quot;><div class=&quot;rc-image-tile-wrapper&quot; style=&quot;width: 126px; height: 126px&quot;><img class=&quot;rc-image-tile-33&quot; src=&quot;https://www.google.com/recaptcha/api2/payload?p=06AFcWeA46RXW4-pkPJhiqcb0uDu7DkuHMt3BGIOaPG9M8PuKpRDC12sNHTvNVAkpOgrHcKJC_9-rFlJ7yx9RxKOsi5hylhr7TXj_6L5HV3oaYq3rWtHgy2iI3PIETNVxnxJpA1PoHCNHadKPVppwz0D0vTV9MZ5JQNtL2hmn2ls-JivdjBaCJNcfXDL3SfSmHLZYPK1LEuMNRckRbF8nZQbnFmpDRqUXZRg&amp;k=6LdknYwaAAAAADPLeyvl3MzICuP9Iv_l4muj_9w-&quot; alt=&quot;&quot; style=&quot;top:-100%; left: -100%&quot;><div class=&quot;rc-image-tile-overlay&quot;></div></div><div class=&quot;rc-imageselect-checkbox&quot;></div></div></td><td role=&quot;button&quot; tabindex=&quot;9&quot; class=&quot;rc-imageselect-tile&quot; aria-label=&quot;Image challenge&quot;><div class=&quot;rc-image-tile-target&quot;><div class=&quot;rc-image-tile-wrapper&quot; style=&quot;width: 126px; height: 126px&quot;><img class=&quot;rc-image-tile-33&quot; src=&quot;https://www.google.com/recaptcha/api2/payload?p=06AFcWeA46RXW4-pkPJhiqcb0uDu7DkuHMt3BGIOaPG9M8PuKpRDC12sNHTvNVAkpOgrHcKJC_9-rFlJ7yx9RxKOsi5hylhr7TXj_6L5HV3oaYq3rWtHgy2iI3PIETNVxnxJpA1PoHCNHadKPVppwz0D0vTV9MZ5JQNtL2hmn2ls-JivdjBaCJNcfXDL3SfSmHLZYPK1LEuMNRckRbF8nZQbnFmpDRqUXZRg&amp;k=6LdknYwaAAAAADPLeyvl3MzICuP9Iv_l4muj_9w-&quot; alt=&quot;&quot; style=&quot;top:-100%; left: -200%&quot;><div class=&quot;rc-image-tile-overlay&quot;></div></div><div class=&quot;rc-imageselect-checkbox&quot;></div></div></td></tr><tr><td role=&quot;button&quot; tabindex=&quot;10&quot; class=&quot;rc-imageselect-tile&quot; aria-label=&quot;Image challenge&quot;><div class=&quot;rc-image-tile-target&quot;><div class=&quot;rc-image-tile-wrapper&quot; style=&quot;width: 126px; height: 126px&quot;><img class=&quot;rc-image-tile-33&quot; src=&quot;https://www.google.com/recaptcha/api2/payload?p=06AFcWeA46RXW4-pkPJhiqcb0uDu7DkuHMt3BGIOaPG9M8PuKpRDC12sNHTvNVAkpOgrHcKJC_9-rFlJ7yx9RxKOsi5hylhr7TXj_6L5HV3oaYq3rWtHgy2iI3PIETNVxnxJpA1PoHCNHadKPVppwz0D0vTV9MZ5JQNtL2hmn2ls-JivdjBaCJNcfXDL3SfSmHLZYPK1LEuMNRckRbF8nZQbnFmpDRqUXZRg&amp;k=6LdknYwaAAAAADPLeyvl3MzICuP9Iv_l4muj_9w-&quot; alt=&quot;&quot; style=&quot;top:-200%; left: 0%&quot;><div class=&quot;rc-image-tile-overlay&quot;></div></div><div class=&quot;rc-imageselect-checkbox&quot;></div></div></td><td role=&quot;button&quot; tabindex=&quot;11&quot; class=&quot;rc-imageselect-tile&quot; aria-label=&quot;Image challenge&quot;><div class=&quot;rc-image-tile-target&quot;><div class=&quot;rc-image-tile-wrapper&quot; style=&quot;width: 126px; height: 126px&quot;><img class=&quot;rc-image-tile-33&quot; src=&quot;https://www.google.com/recaptcha/api2/payload?p=06AFcWeA46RXW4-pkPJhiqcb0uDu7DkuHMt3BGIOaPG9M8PuKpRDC12sNHTvNVAkpOgrHcKJC_9-rFlJ7yx9RxKOsi5hylhr7TXj_6L5HV3oaYq3rWtHgy2iI3PIETNVxnxJpA1PoHCNHadKPVppwz0D0vTV9MZ5JQNtL2hmn2ls-JivdjBaCJNcfXDL3SfSmHLZYPK1LEuMNRckRbF8nZQbnFmpDRqUXZRg&amp;k=6LdknYwaAAAAADPLeyvl3MzICuP9Iv_l4muj_9w-&quot; alt=&quot;&quot; style=&quot;top:-200%; left: -100%&quot;><div class=&quot;rc-image-tile-overlay&quot;></div></div><div class=&quot;rc-imageselect-checkbox&quot;></div></div></td><td role=&quot;button&quot; tabindex=&quot;12&quot; class=&quot;rc-imageselect-tile&quot; aria-label=&quot;Image challenge&quot;><div class=&quot;rc-image-tile-target&quot;><div class=&quot;rc-image-tile-wrapper&quot; style=&quot;width: 126px; height: 126px&quot;><img class=&quot;rc-image-tile-33&quot; src=&quot;https://www.google.com/recaptcha/api2/payload?p=06AFcWeA46RXW4-pkPJhiqcb0uDu7DkuHMt3BGIOaPG9M8PuKpRDC12sNHTvNVAkpOgrHcKJC_9-rFlJ7yx9RxKOsi5hylhr7TXj_6L5HV3oaYq3rWtHgy2iI3PIETNVxnxJpA1PoHCNHadKPVppwz0D0vTV9MZ5JQNtL2hmn2ls-JivdjBaCJNcfXDL3SfSmHLZYPK1LEuMNRckRbF8nZQbnFmpDRqUXZRg&amp;k=6LdknYwaAAAAADPLeyvl3MzICuP9Iv_l4muj_9w-&quot; alt=&quot;&quot; style=&quot;top:-200%; left: -200%&quot;><div class=&quot;rc-image-tile-overlay&quot;></div></div><div class=&quot;rc-imageselect-checkbox&quot;></div></div></td></tr></tbody></table></div></div><div class=&quot;rc-imageselect-incorrect-response&quot; style=&quot;display:none&quot;>Please try again.</div><div aria-live=&quot;polite&quot;><div class=&quot;rc-imageselect-error-select-more&quot; style=&quot;display:none&quot;>Please select all matching images.</div><div class=&quot;rc-imageselect-error-dynamic-more&quot; style=&quot;display:none&quot;>Please also check the new images.</div><div class=&quot;rc-imageselect-error-select-something&quot; style=&quot;display:none&quot;>Please select around the object, or reload if there are none.</div></div></div><div class=&quot;rc-footer&quot;><div class=&quot;rc-separator&quot;></div><div class=&quot;rc-controls&quot;><div class=&quot;primary-controls&quot;><div class=&quot;rc-buttons&quot;><div class=&quot;button-holder reload-button-holder&quot;><button class=&quot;rc-button goog-inline-block rc-button-reload&quot; title=&quot;Get a new challenge&quot; value=&quot;&quot; id=&quot;recaptcha-reload-button&quot; tabindex=&quot;3&quot;></button></div><div class=&quot;button-holder audio-button-holder&quot;><button class=&quot;rc-button goog-inline-block rc-button-audio&quot; title=&quot;Get an audio challenge&quot; value=&quot;&quot; id=&quot;recaptcha-audio-button&quot; tabindex=&quot;1&quot;></button></div><div class=&quot;button-holder image-button-holder&quot;><button class=&quot;rc-button goog-inline-block rc-button-image&quot; title=&quot;Get a visual challenge&quot; value=&quot;&quot; id=&quot;recaptcha-image-button&quot; tabindex=&quot;0&quot; style=&quot;display: none;&quot;></button></div><div class=&quot;button-holder help-button-holder&quot;><button class=&quot;rc-button goog-inline-block rc-button-help&quot; title=&quot;Help&quot; value=&quot;&quot; id=&quot;recaptcha-help-button&quot; tabindex=&quot;2&quot;></button></div><div class=&quot;button-holder undo-button-holder&quot;><button class=&quot;rc-button goog-inline-block rc-button-undo&quot; title=&quot;Undo&quot; value=&quot;&quot; id=&quot;recaptcha-undo-button&quot; tabindex=&quot;0&quot; style=&quot;display: none;&quot;></button></div></div><div class=&quot;verify-button-holder&quot;><button class=&quot;rc-button-default goog-inline-block&quot; title=&quot;&quot; value=&quot;&quot; id=&quot;recaptcha-verify-button&quot; tabindex=&quot;0&quot;>Verify</button></div></div><div class=&quot;rc-challenge-help&quot; style=&quot;display:none&quot; tabindex=&quot;0&quot;></div></div></div><span class=&quot;rc-imageselect-tabloop-end&quot; tabindex=&quot;0&quot;></span></div></div></body></html>" data-savepage-crossorigin="" title="recaptcha challenge expires in two minutes" name="c-dgt2kku5or0a" frameborder="0" scrolling="no" data-savepage-sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" sandbox="allow-scripts" data-savepage-src="https://www.google.com/recaptcha/api2/bframe?hl=en&amp;v=yiNW3R9jkyLVP5-EEZLDzUtA&amp;k=6LdknYwaAAAAADPLeyvl3MzICuP9Iv_l4muj_9w-" src="" style="width: 400px; height: 580px;" data-savepage-key="0-3"></iframe></div>
    </div>


</app-root></body></html>