@charset "UTF-8";

        :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, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
            --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%;
            -ms-text-size-adjust: 100%;
            -ms-overflow-style: scrollbar;
            -webkit-tap-highlight-color: transparent
        }

        @-ms-viewport {
            width: device-width
        }

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

        body {
            margin: 0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            text-align: left;
            background-color: #fff
        }

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

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

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

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

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

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

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

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

        dt {
            font-weight: 700
        }

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

        blockquote {
            margin: 0 0 1rem
        }

        dfn {
            font-style: italic
        }

        b,
        strong {
            font-weight: bolder
        }

        small {
            font-size: 80%
        }

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

        sub {
            bottom: -.25em
        }

        sup {
            top: -.5em
        }

        a {
            color: #007bff;
            text-decoration: none;
            background-color: transparent;
            -webkit-text-decoration-skip: objects
        }

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

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

        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: monospace, monospace;
            font-size: 1em
        }

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

        figure {
            margin: 0 0 1rem
        }

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

        svg:not(:root) {
            overflow: hidden
        }

        table {
            border-collapse: collapse
        }

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

        th {
            text-align: inherit
        }

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

        button {
            border-radius: 0
        }

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

        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
        }

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

        [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-cancel-button,
        [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-family: inherit;
            font-weight: 500;
            line-height: 1.2;
            color: inherit
        }

        .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 {
            margin-top: 1rem;
            margin-bottom: 1rem;
            border: 0;
            border-top: 1px solid rgba(0, 0, 0, .1)
        }

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

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

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

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

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

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

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

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

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

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

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

        .img-thumbnail {
            padding: .25rem;
            background-color: #fff;
            border: 1px solid #dee2e6;
            border-radius: .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,
        kbd,
        pre,
        samp {
            font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
        }

        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%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto
        }

        @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;
            margin-right: -15px;
            margin-left: -15px
        }

        .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%;
            min-height: 1px;
            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: none
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @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: none
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @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: none
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @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: none
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @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: none
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .table {
            width: 100%;
            max-width: 100%;
            margin-bottom: 1rem;
            background-color: transparent
        }

        .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 .table {
            background-color: #fff
        }

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

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

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

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

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

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

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

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

        .table-hover .table-primary:hover {
            background-color: #9fcdff
        }

        .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-hover .table-secondary:hover {
            background-color: #c8cbcf
        }

        .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-hover .table-success:hover {
            background-color: #b1dfbb
        }

        .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-hover .table-info:hover {
            background-color: #abdde5
        }

        .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-hover .table-warning:hover {
            background-color: #ffe8a1
        }

        .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-hover .table-danger:hover {
            background-color: #f1b0b7
        }

        .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-hover .table-light:hover {
            background-color: #ececf6
        }

        .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-hover .table-dark:hover {
            background-color: #b9bbbe
        }

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

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

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

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

        .table .thead-dark th {
            color: #fff;
            background-color: #212529;
            border-color: #32383e
        }

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

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

        .table-dark td,
        .table-dark th,
        .table-dark thead th {
            border-color: #32383e
        }

        .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 {
            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;
                -ms-overflow-style: -ms-autohiding-scrollbar
            }

            .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;
                -ms-overflow-style: -ms-autohiding-scrollbar
            }

            .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;
                -ms-overflow-style: -ms-autohiding-scrollbar
            }

            .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;
                -ms-overflow-style: -ms-autohiding-scrollbar
            }

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

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

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

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

        @media screen and (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::placeholder {
            color: #6c757d;
            opacity: 1
        }

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

        select.form-control:not([size]):not([multiple]) {
            height: calc(2.25rem + 2px)
        }

        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
        }

        #pricing-section .plan.recommended li .input-group-lg>.input-group-append>a.form-control-plaintext[class*=btn],
        #pricing-section .plan.recommended li .input-group-lg>.input-group-prepend>a.form-control-plaintext[class*=btn],
        #pricing-section .plan.recommended li .input-group-sm>.input-group-append>a.form-control-plaintext[class*=btn],
        #pricing-section .plan.recommended li .input-group-sm>.input-group-prepend>a.form-control-plaintext[class*=btn],
        .form-control-plaintext.form-control-lg,
        .form-control-plaintext.form-control-sm,
        .input-group-lg>.form-control-plaintext.form-control,
        .input-group-lg>.input-group-append>.form-control-plaintext.btn,
        .input-group-lg>.input-group-append>.form-control-plaintext.btn-black,
        .input-group-lg>.input-group-append>.form-control-plaintext.btn-gradient,
        .input-group-lg>.input-group-append>.form-control-plaintext.btn-gray,
        .input-group-lg>.input-group-append>.form-control-plaintext.btn-main,
        .input-group-lg>.input-group-append>.form-control-plaintext.btn-secondary,
        .input-group-lg>.input-group-append>.form-control-plaintext.btn-white-black,
        .input-group-lg>.input-group-append>.form-control-plaintext.btn-white-gradient,
        .input-group-lg>.input-group-append>.form-control-plaintext.btn-white-main,
        .input-group-lg>.input-group-append>.form-control-plaintext.btn-white-secondary,
        .input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,
        .input-group-lg>.input-group-prepend>.form-control-plaintext.btn,
        .input-group-lg>.input-group-prepend>.form-control-plaintext.btn-black,
        .input-group-lg>.input-group-prepend>.form-control-plaintext.btn-gradient,
        .input-group-lg>.input-group-prepend>.form-control-plaintext.btn-gray,
        .input-group-lg>.input-group-prepend>.form-control-plaintext.btn-main,
        .input-group-lg>.input-group-prepend>.form-control-plaintext.btn-secondary,
        .input-group-lg>.input-group-prepend>.form-control-plaintext.btn-white-black,
        .input-group-lg>.input-group-prepend>.form-control-plaintext.btn-white-gradient,
        .input-group-lg>.input-group-prepend>.form-control-plaintext.btn-white-main,
        .input-group-lg>.input-group-prepend>.form-control-plaintext.btn-white-secondary,
        .input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,
        .input-group-sm>.form-control-plaintext.form-control,
        .input-group-sm>.input-group-append>.form-control-plaintext.btn,
        .input-group-sm>.input-group-append>.form-control-plaintext.btn-black,
        .input-group-sm>.input-group-append>.form-control-plaintext.btn-gradient,
        .input-group-sm>.input-group-append>.form-control-plaintext.btn-gray,
        .input-group-sm>.input-group-append>.form-control-plaintext.btn-main,
        .input-group-sm>.input-group-append>.form-control-plaintext.btn-secondary,
        .input-group-sm>.input-group-append>.form-control-plaintext.btn-white-black,
        .input-group-sm>.input-group-append>.form-control-plaintext.btn-white-gradient,
        .input-group-sm>.input-group-append>.form-control-plaintext.btn-white-main,
        .input-group-sm>.input-group-append>.form-control-plaintext.btn-white-secondary,
        .input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,
        .input-group-sm>.input-group-prepend>.form-control-plaintext.btn,
        .input-group-sm>.input-group-prepend>.form-control-plaintext.btn-black,
        .input-group-sm>.input-group-prepend>.form-control-plaintext.btn-gradient,
        .input-group-sm>.input-group-prepend>.form-control-plaintext.btn-gray,
        .input-group-sm>.input-group-prepend>.form-control-plaintext.btn-main,
        .input-group-sm>.input-group-prepend>.form-control-plaintext.btn-secondary,
        .input-group-sm>.input-group-prepend>.form-control-plaintext.btn-white-black,
        .input-group-sm>.input-group-prepend>.form-control-plaintext.btn-white-gradient,
        .input-group-sm>.input-group-prepend>.form-control-plaintext.btn-white-main,
        .input-group-sm>.input-group-prepend>.form-control-plaintext.btn-white-secondary,
        .input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text {
            padding-right: 0;
            padding-left: 0
        }

        #pricing-section .plan.recommended li .input-group-sm>.input-group-append>a[class*=btn],
        #pricing-section .plan.recommended li .input-group-sm>.input-group-prepend>a[class*=btn],
        .form-control-sm,
        .input-group-sm>.form-control,
        .input-group-sm>.input-group-append>.btn,
        .input-group-sm>.input-group-append>.btn-black,
        .input-group-sm>.input-group-append>.btn-gradient,
        .input-group-sm>.input-group-append>.btn-gray,
        .input-group-sm>.input-group-append>.btn-main,
        .input-group-sm>.input-group-append>.btn-secondary,
        .input-group-sm>.input-group-append>.btn-white-black,
        .input-group-sm>.input-group-append>.btn-white-gradient,
        .input-group-sm>.input-group-append>.btn-white-main,
        .input-group-sm>.input-group-append>.btn-white-secondary,
        .input-group-sm>.input-group-append>.input-group-text,
        .input-group-sm>.input-group-prepend>.btn,
        .input-group-sm>.input-group-prepend>.btn-black,
        .input-group-sm>.input-group-prepend>.btn-gradient,
        .input-group-sm>.input-group-prepend>.btn-gray,
        .input-group-sm>.input-group-prepend>.btn-main,
        .input-group-sm>.input-group-prepend>.btn-secondary,
        .input-group-sm>.input-group-prepend>.btn-white-black,
        .input-group-sm>.input-group-prepend>.btn-white-gradient,
        .input-group-sm>.input-group-prepend>.btn-white-main,
        .input-group-sm>.input-group-prepend>.btn-white-secondary,
        .input-group-sm>.input-group-prepend>.input-group-text {
            padding: .25rem .5rem;
            font-size: .875rem;
            line-height: 1.5;
            border-radius: .2rem
        }

        .input-group-sm>.input-group-append>select.btn-black:not([size]):not([multiple]),
        .input-group-sm>.input-group-append>select.btn-gradient:not([size]):not([multiple]),
        .input-group-sm>.input-group-append>select.btn-gray:not([size]):not([multiple]),
        .input-group-sm>.input-group-append>select.btn-main:not([size]):not([multiple]),
        .input-group-sm>.input-group-append>select.btn-secondary:not([size]):not([multiple]),
        .input-group-sm>.input-group-append>select.btn-white-black:not([size]):not([multiple]),
        .input-group-sm>.input-group-append>select.btn-white-gradient:not([size]):not([multiple]),
        .input-group-sm>.input-group-append>select.btn-white-main:not([size]):not([multiple]),
        .input-group-sm>.input-group-append>select.btn-white-secondary:not([size]):not([multiple]),
        .input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),
        .input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),
        .input-group-sm>.input-group-prepend>select.btn-black:not([size]):not([multiple]),
        .input-group-sm>.input-group-prepend>select.btn-gradient:not([size]):not([multiple]),
        .input-group-sm>.input-group-prepend>select.btn-gray:not([size]):not([multiple]),
        .input-group-sm>.input-group-prepend>select.btn-main:not([size]):not([multiple]),
        .input-group-sm>.input-group-prepend>select.btn-secondary:not([size]):not([multiple]),
        .input-group-sm>.input-group-prepend>select.btn-white-black:not([size]):not([multiple]),
        .input-group-sm>.input-group-prepend>select.btn-white-gradient:not([size]):not([multiple]),
        .input-group-sm>.input-group-prepend>select.btn-white-main:not([size]):not([multiple]),
        .input-group-sm>.input-group-prepend>select.btn-white-secondary:not([size]):not([multiple]),
        .input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),
        .input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
        .input-group-sm>select.form-control:not([size]):not([multiple]),
        select.form-control-sm:not([size]):not([multiple]) {
            height: calc(1.8125rem + 2px)
        }

        #pricing-section .plan.recommended li .input-group-lg>.input-group-append>a[class*=btn],
        #pricing-section .plan.recommended li .input-group-lg>.input-group-prepend>a[class*=btn],
        .form-control-lg,
        .input-group-lg>.form-control,
        .input-group-lg>.input-group-append>.btn,
        .input-group-lg>.input-group-append>.btn-black,
        .input-group-lg>.input-group-append>.btn-gradient,
        .input-group-lg>.input-group-append>.btn-gray,
        .input-group-lg>.input-group-append>.btn-main,
        .input-group-lg>.input-group-append>.btn-secondary,
        .input-group-lg>.input-group-append>.btn-white-black,
        .input-group-lg>.input-group-append>.btn-white-gradient,
        .input-group-lg>.input-group-append>.btn-white-main,
        .input-group-lg>.input-group-append>.btn-white-secondary,
        .input-group-lg>.input-group-append>.input-group-text,
        .input-group-lg>.input-group-prepend>.btn,
        .input-group-lg>.input-group-prepend>.btn-black,
        .input-group-lg>.input-group-prepend>.btn-gradient,
        .input-group-lg>.input-group-prepend>.btn-gray,
        .input-group-lg>.input-group-prepend>.btn-main,
        .input-group-lg>.input-group-prepend>.btn-secondary,
        .input-group-lg>.input-group-prepend>.btn-white-black,
        .input-group-lg>.input-group-prepend>.btn-white-gradient,
        .input-group-lg>.input-group-prepend>.btn-white-main,
        .input-group-lg>.input-group-prepend>.btn-white-secondary,
        .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-lg>.input-group-append>select.btn-black:not([size]):not([multiple]),
        .input-group-lg>.input-group-append>select.btn-gradient:not([size]):not([multiple]),
        .input-group-lg>.input-group-append>select.btn-gray:not([size]):not([multiple]),
        .input-group-lg>.input-group-append>select.btn-main:not([size]):not([multiple]),
        .input-group-lg>.input-group-append>select.btn-secondary:not([size]):not([multiple]),
        .input-group-lg>.input-group-append>select.btn-white-black:not([size]):not([multiple]),
        .input-group-lg>.input-group-append>select.btn-white-gradient:not([size]):not([multiple]),
        .input-group-lg>.input-group-append>select.btn-white-main:not([size]):not([multiple]),
        .input-group-lg>.input-group-append>select.btn-white-secondary:not([size]):not([multiple]),
        .input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),
        .input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),
        .input-group-lg>.input-group-prepend>select.btn-black:not([size]):not([multiple]),
        .input-group-lg>.input-group-prepend>select.btn-gradient:not([size]):not([multiple]),
        .input-group-lg>.input-group-prepend>select.btn-gray:not([size]):not([multiple]),
        .input-group-lg>.input-group-prepend>select.btn-main:not([size]):not([multiple]),
        .input-group-lg>.input-group-prepend>select.btn-secondary:not([size]):not([multiple]),
        .input-group-lg>.input-group-prepend>select.btn-white-black:not([size]):not([multiple]),
        .input-group-lg>.input-group-prepend>select.btn-white-gradient:not([size]):not([multiple]),
        .input-group-lg>.input-group-prepend>select.btn-white-main:not([size]):not([multiple]),
        .input-group-lg>.input-group-prepend>select.btn-white-secondary:not([size]):not([multiple]),
        .input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),
        .input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
        .input-group-lg>select.form-control:not([size]):not([multiple]),
        select.form-control-lg:not([size]):not([multiple]) {
            height: calc(2.875rem + 2px)
        }

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

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

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

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

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

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

        .form-check-input:disabled~.form-check-label {
            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: .5rem;
            margin-top: .1rem;
            font-size: .875rem;
            line-height: 1;
            color: #fff;
            background-color: rgba(40, 167, 69, .8);
            border-radius: .2rem
        }

        .custom-select.is-valid,
        .form-control.is-valid,
        .was-validated .custom-select:valid,
        .was-validated .form-control:valid {
            border-color: #28a745
        }

        .custom-select.is-valid:focus,
        .form-control.is-valid:focus,
        .was-validated .custom-select:valid:focus,
        .was-validated .form-control: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,
        .form-control.is-valid~.valid-feedback,
        .form-control.is-valid~.valid-tooltip,
        .was-validated .custom-select:valid~.valid-feedback,
        .was-validated .custom-select:valid~.valid-tooltip,
        .was-validated .form-control:valid~.valid-feedback,
        .was-validated .form-control: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 {
            background-color: #71dd8a
        }

        .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 {
            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 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25)
        }

        .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~.custom-file-label::before,
        .was-validated .custom-file-input:valid~.custom-file-label::before {
            border-color: inherit
        }

        .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 {
            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: .5rem;
            margin-top: .1rem;
            font-size: .875rem;
            line-height: 1;
            color: #fff;
            background-color: rgba(220, 53, 69, .8);
            border-radius: .2rem
        }

        .custom-select.is-invalid,
        .form-control.is-invalid,
        .was-validated .custom-select:invalid,
        .was-validated .form-control:invalid {
            border-color: #dc3545
        }

        .custom-select.is-invalid:focus,
        .form-control.is-invalid:focus,
        .was-validated .custom-select:invalid:focus,
        .was-validated .form-control: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,
        .form-control.is-invalid~.invalid-feedback,
        .form-control.is-invalid~.invalid-tooltip,
        .was-validated .custom-select:invalid~.invalid-feedback,
        .was-validated .custom-select:invalid~.invalid-tooltip,
        .was-validated .form-control:invalid~.invalid-feedback,
        .was-validated .form-control: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 {
            background-color: #efa2a9
        }

        .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 {
            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 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25)
        }

        .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~.custom-file-label::before,
        .was-validated .custom-file-input:invalid~.custom-file-label::before {
            border-color: inherit
        }

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

        #pricing-section .plan.recommended li a[class*=btn],
        .btn,
        .btn-black,
        .btn-gradient,
        .btn-gray,
        .btn-main,
        .btn-secondary,
        .btn-white-black,
        .btn-white-gradient,
        .btn-white-main,
        .btn-white-secondary {
            display: inline-block;
            font-weight: 400;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            user-select: none;
            border: 1px solid transparent;
            padding: .375rem .75rem;
            font-size: 1rem;
            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 screen and (prefers-reduced-motion:reduce) {

            #pricing-section .plan.recommended li a[class*=btn],
            .btn,
            .btn-black,
            .btn-gradient,
            .btn-gray,
            .btn-main,
            .btn-secondary,
            .btn-white-black,
            .btn-white-gradient,
            .btn-white-main,
            .btn-white-secondary {
                transition: none
            }
        }

        #pricing-section .plan.recommended li a:focus[class*=btn],
        #pricing-section .plan.recommended li a:hover[class*=btn],
        .btn-black:focus,
        .btn-black:hover,
        .btn-gradient:focus,
        .btn-gradient:hover,
        .btn-gray:focus,
        .btn-gray:hover,
        .btn-main:focus,
        .btn-main:hover,
        .btn-secondary:focus,
        .btn-secondary:hover,
        .btn-white-black:focus,
        .btn-white-black:hover,
        .btn-white-gradient:focus,
        .btn-white-gradient:hover,
        .btn-white-main:focus,
        .btn-white-main:hover,
        .btn-white-secondary:focus,
        .btn-white-secondary:hover,
        .btn:focus,
        .btn:hover {
            text-decoration: none
        }

        #pricing-section .plan.recommended li a.focus[class*=btn],
        #pricing-section .plan.recommended li a:focus[class*=btn],
        .btn-black:focus,
        .btn-gradient:focus,
        .btn-gray:focus,
        .btn-main:focus,
        .btn-secondary:focus,
        .btn-white-black:focus,
        .btn-white-gradient:focus,
        .btn-white-main:focus,
        .btn-white-secondary:focus,
        .btn.focus,
        .btn:focus,
        .focus.btn-black,
        .focus.btn-gradient,
        .focus.btn-gray,
        .focus.btn-main,
        .focus.btn-secondary,
        .focus.btn-white-black,
        .focus.btn-white-gradient,
        .focus.btn-white-main,
        .focus.btn-white-secondary {
            outline: 0;
            box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
        }

        #pricing-section .plan.recommended li a.disabled[class*=btn],
        #pricing-section .plan.recommended li a:disabled[class*=btn],
        .btn-black:disabled,
        .btn-gradient:disabled,
        .btn-gray:disabled,
        .btn-main:disabled,
        .btn-secondary:disabled,
        .btn-white-black:disabled,
        .btn-white-gradient:disabled,
        .btn-white-main:disabled,
        .btn-white-secondary:disabled,
        .btn.disabled,
        .btn:disabled,
        .disabled.btn-black,
        .disabled.btn-gradient,
        .disabled.btn-gray,
        .disabled.btn-main,
        .disabled.btn-secondary,
        .disabled.btn-white-black,
        .disabled.btn-white-gradient,
        .disabled.btn-white-main,
        .disabled.btn-white-secondary {
            opacity: .65
        }

        #pricing-section .plan.recommended li a:not(:disabled):not(.disabled)[class*=btn],
        .btn-black:not(:disabled):not(.disabled),
        .btn-gradient:not(:disabled):not(.disabled),
        .btn-gray:not(:disabled):not(.disabled),
        .btn-main:not(:disabled):not(.disabled),
        .btn-secondary:not(:disabled):not(.disabled),
        .btn-white-black:not(:disabled):not(.disabled),
        .btn-white-gradient:not(:disabled):not(.disabled),
        .btn-white-main:not(:disabled):not(.disabled),
        .btn-white-secondary:not(:disabled):not(.disabled),
        .btn:not(:disabled):not(.disabled) {
            cursor: pointer
        }

        #pricing-section .plan.recommended li a:not(:disabled):not(.disabled).active[class*=btn],
        #pricing-section .plan.recommended li a:not(:disabled):not(.disabled):active[class*=btn],
        .btn-black:not(:disabled):not(.disabled).active,
        .btn-black:not(:disabled):not(.disabled):active,
        .btn-gradient:not(:disabled):not(.disabled).active,
        .btn-gradient:not(:disabled):not(.disabled):active,
        .btn-gray:not(:disabled):not(.disabled).active,
        .btn-gray:not(:disabled):not(.disabled):active,
        .btn-main:not(:disabled):not(.disabled).active,
        .btn-main:not(:disabled):not(.disabled):active,
        .btn-secondary:not(:disabled):not(.disabled).active,
        .btn-secondary:not(:disabled):not(.disabled):active,
        .btn-white-black:not(:disabled):not(.disabled).active,
        .btn-white-black:not(:disabled):not(.disabled):active,
        .btn-white-gradient:not(:disabled):not(.disabled).active,
        .btn-white-gradient:not(:disabled):not(.disabled):active,
        .btn-white-main:not(:disabled):not(.disabled).active,
        .btn-white-main:not(:disabled):not(.disabled):active,
        .btn-white-secondary:not(:disabled):not(.disabled).active,
        .btn-white-secondary:not(:disabled):not(.disabled):active,
        .btn:not(:disabled):not(.disabled).active,
        .btn:not(:disabled):not(.disabled):active {
            background-image: none
        }

        #pricing-section .plan.recommended li a.disabled[class*=btn],
        #pricing-section .plan.recommended li fieldset:disabled a[class*=btn],
        a.btn.disabled,
        a.disabled.btn-black,
        a.disabled.btn-gradient,
        a.disabled.btn-gray,
        a.disabled.btn-main,
        a.disabled.btn-secondary,
        a.disabled.btn-white-black,
        a.disabled.btn-white-gradient,
        a.disabled.btn-white-main,
        a.disabled.btn-white-secondary,
        fieldset:disabled #pricing-section .plan.recommended li a[class*=btn],
        fieldset:disabled a.btn,
        fieldset:disabled a.btn-black,
        fieldset:disabled a.btn-gradient,
        fieldset:disabled a.btn-gray,
        fieldset:disabled a.btn-main,
        fieldset:disabled a.btn-secondary,
        fieldset:disabled a.btn-white-black,
        fieldset:disabled a.btn-white-gradient,
        fieldset:disabled a.btn-white-main,
        fieldset:disabled a.btn-white-secondary {
            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(0, 123, 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(0, 123, 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(108, 117, 125, .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(108, 117, 125, .5)
        }

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

        .btn-success:hover {
            color: #fff;
            background-color: #218838;
            border-color: #1e7e34
        }

        .btn-success.focus,
        .btn-success:focus {
            box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .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(40, 167, 69, .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(23, 162, 184, .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(23, 162, 184, .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(255, 193, 7, .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(255, 193, 7, .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(220, 53, 69, .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(220, 53, 69, .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(248, 249, 250, .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(248, 249, 250, .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(52, 58, 64, .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(52, 58, 64, .5)
        }

        .btn-outline-primary {
            color: #007bff;
            background-color: transparent;
            background-image: none;
            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;
            background-color: transparent;
            background-image: none;
            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;
            background-color: transparent;
            background-image: none;
            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;
            background-color: transparent;
            background-image: none;
            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;
            background-color: transparent;
            background-image: none;
            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;
            background-color: transparent;
            background-image: none;
            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;
            background-color: transparent;
            background-image: none;
            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;
            background-color: transparent;
            background-image: none;
            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;
            background-color: transparent
        }

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

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

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

        #pricing-section .plan.recommended li .btn-group-lg>a[class*=btn],
        .btn-group-lg>.btn,
        .btn-group-lg>.btn-black,
        .btn-group-lg>.btn-gradient,
        .btn-group-lg>.btn-gray,
        .btn-group-lg>.btn-main,
        .btn-group-lg>.btn-secondary,
        .btn-group-lg>.btn-white-black,
        .btn-group-lg>.btn-white-gradient,
        .btn-group-lg>.btn-white-main,
        .btn-group-lg>.btn-white-secondary,
        .btn-lg {
            padding: .5rem 1rem;
            font-size: 1.25rem;
            line-height: 1.5;
            border-radius: .3rem
        }

        #pricing-section .plan.recommended li .btn-group-sm>a[class*=btn],
        .btn-group-sm>.btn,
        .btn-group-sm>.btn-black,
        .btn-group-sm>.btn-gradient,
        .btn-group-sm>.btn-gray,
        .btn-group-sm>.btn-main,
        .btn-group-sm>.btn-secondary,
        .btn-group-sm>.btn-white-black,
        .btn-group-sm>.btn-white-gradient,
        .btn-group-sm>.btn-white-main,
        .btn-group-sm>.btn-white-secondary,
        .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 screen and (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
        }

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

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

        .dropdown-toggle::after {
            display: inline-block;
            width: 0;
            height: 0;
            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-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;
            width: 0;
            height: 0;
            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;
            width: 0;
            height: 0;
            margin-left: .255em;
            vertical-align: .255em;
            content: "";
            border-top: .3em solid transparent;
            border-right: 0;
            border-bottom: .3em solid transparent;
            border-left: .3em solid
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        #pricing-section .plan.recommended li .btn-group-vertical>a[class*=btn],
        #pricing-section .plan.recommended li .btn-group>a[class*=btn],
        .btn-group-vertical>.btn,
        .btn-group-vertical>.btn-black,
        .btn-group-vertical>.btn-gradient,
        .btn-group-vertical>.btn-gray,
        .btn-group-vertical>.btn-main,
        .btn-group-vertical>.btn-secondary,
        .btn-group-vertical>.btn-white-black,
        .btn-group-vertical>.btn-white-gradient,
        .btn-group-vertical>.btn-white-main,
        .btn-group-vertical>.btn-white-secondary,
        .btn-group>.btn,
        .btn-group>.btn-black,
        .btn-group>.btn-gradient,
        .btn-group>.btn-gray,
        .btn-group>.btn-main,
        .btn-group>.btn-secondary,
        .btn-group>.btn-white-black,
        .btn-group>.btn-white-gradient,
        .btn-group>.btn-white-main,
        .btn-group>.btn-white-secondary {
            position: relative;
            flex: 0 1 auto
        }

        #pricing-section .plan.recommended li .btn-group-vertical>a:hover[class*=btn],
        #pricing-section .plan.recommended li .btn-group>a:hover[class*=btn],
        .btn-group-vertical>.btn-black:hover,
        .btn-group-vertical>.btn-gradient:hover,
        .btn-group-vertical>.btn-gray:hover,
        .btn-group-vertical>.btn-main:hover,
        .btn-group-vertical>.btn-secondary:hover,
        .btn-group-vertical>.btn-white-black:hover,
        .btn-group-vertical>.btn-white-gradient:hover,
        .btn-group-vertical>.btn-white-main:hover,
        .btn-group-vertical>.btn-white-secondary:hover,
        .btn-group-vertical>.btn:hover,
        .btn-group>.btn-black:hover,
        .btn-group>.btn-gradient:hover,
        .btn-group>.btn-gray:hover,
        .btn-group>.btn-main:hover,
        .btn-group>.btn-secondary:hover,
        .btn-group>.btn-white-black:hover,
        .btn-group>.btn-white-gradient:hover,
        .btn-group>.btn-white-main:hover,
        .btn-group>.btn-white-secondary:hover,
        .btn-group>.btn:hover {
            z-index: 1
        }

        #pricing-section .plan.recommended li .btn-group-vertical>a.active[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical>a:active[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical>a:focus[class*=btn],
        #pricing-section .plan.recommended li .btn-group>a.active[class*=btn],
        #pricing-section .plan.recommended li .btn-group>a:active[class*=btn],
        #pricing-section .plan.recommended li .btn-group>a:focus[class*=btn],
        .btn-group-vertical>.active.btn-black,
        .btn-group-vertical>.active.btn-gradient,
        .btn-group-vertical>.active.btn-gray,
        .btn-group-vertical>.active.btn-main,
        .btn-group-vertical>.active.btn-secondary,
        .btn-group-vertical>.active.btn-white-black,
        .btn-group-vertical>.active.btn-white-gradient,
        .btn-group-vertical>.active.btn-white-main,
        .btn-group-vertical>.active.btn-white-secondary,
        .btn-group-vertical>.btn-black:active,
        .btn-group-vertical>.btn-black:focus,
        .btn-group-vertical>.btn-gradient:active,
        .btn-group-vertical>.btn-gradient:focus,
        .btn-group-vertical>.btn-gray:active,
        .btn-group-vertical>.btn-gray:focus,
        .btn-group-vertical>.btn-main:active,
        .btn-group-vertical>.btn-main:focus,
        .btn-group-vertical>.btn-secondary:active,
        .btn-group-vertical>.btn-secondary:focus,
        .btn-group-vertical>.btn-white-black:active,
        .btn-group-vertical>.btn-white-black:focus,
        .btn-group-vertical>.btn-white-gradient:active,
        .btn-group-vertical>.btn-white-gradient:focus,
        .btn-group-vertical>.btn-white-main:active,
        .btn-group-vertical>.btn-white-main:focus,
        .btn-group-vertical>.btn-white-secondary:active,
        .btn-group-vertical>.btn-white-secondary:focus,
        .btn-group-vertical>.btn.active,
        .btn-group-vertical>.btn:active,
        .btn-group-vertical>.btn:focus,
        .btn-group>.active.btn-black,
        .btn-group>.active.btn-gradient,
        .btn-group>.active.btn-gray,
        .btn-group>.active.btn-main,
        .btn-group>.active.btn-secondary,
        .btn-group>.active.btn-white-black,
        .btn-group>.active.btn-white-gradient,
        .btn-group>.active.btn-white-main,
        .btn-group>.active.btn-white-secondary,
        .btn-group>.btn-black:active,
        .btn-group>.btn-black:focus,
        .btn-group>.btn-gradient:active,
        .btn-group>.btn-gradient:focus,
        .btn-group>.btn-gray:active,
        .btn-group>.btn-gray:focus,
        .btn-group>.btn-main:active,
        .btn-group>.btn-main:focus,
        .btn-group>.btn-secondary:active,
        .btn-group>.btn-secondary:focus,
        .btn-group>.btn-white-black:active,
        .btn-group>.btn-white-black:focus,
        .btn-group>.btn-white-gradient:active,
        .btn-group>.btn-white-gradient:focus,
        .btn-group>.btn-white-main:active,
        .btn-group>.btn-white-main:focus,
        .btn-group>.btn-white-secondary:active,
        .btn-group>.btn-white-secondary:focus,
        .btn-group>.btn.active,
        .btn-group>.btn:active,
        .btn-group>.btn:focus {
            z-index: 1
        }

        #pricing-section .plan.recommended li .btn-group .btn+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group .btn-black+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group .btn-gradient+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group .btn-gray+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group .btn-group+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group .btn-main+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group .btn-secondary+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group .btn-white-black+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group .btn-white-gradient+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group .btn-white-main+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group .btn-white-secondary+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group a[class*=btn]+.btn,
        #pricing-section .plan.recommended li .btn-group a[class*=btn]+.btn-black,
        #pricing-section .plan.recommended li .btn-group a[class*=btn]+.btn-gradient,
        #pricing-section .plan.recommended li .btn-group a[class*=btn]+.btn-gray,
        #pricing-section .plan.recommended li .btn-group a[class*=btn]+.btn-group,
        #pricing-section .plan.recommended li .btn-group a[class*=btn]+.btn-main,
        #pricing-section .plan.recommended li .btn-group a[class*=btn]+.btn-secondary,
        #pricing-section .plan.recommended li .btn-group a[class*=btn]+.btn-white-black,
        #pricing-section .plan.recommended li .btn-group a[class*=btn]+.btn-white-gradient,
        #pricing-section .plan.recommended li .btn-group a[class*=btn]+.btn-white-main,
        #pricing-section .plan.recommended li .btn-group a[class*=btn]+.btn-white-secondary,
        #pricing-section .plan.recommended li .btn-group a[class*=btn]+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical .btn+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical .btn-black+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical .btn-gradient+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical .btn-gray+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical .btn-group+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical .btn-main+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical .btn-secondary+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical .btn-white-black+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical .btn-white-gradient+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical .btn-white-main+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical .btn-white-secondary+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical a[class*=btn]+.btn,
        #pricing-section .plan.recommended li .btn-group-vertical a[class*=btn]+.btn-black,
        #pricing-section .plan.recommended li .btn-group-vertical a[class*=btn]+.btn-gradient,
        #pricing-section .plan.recommended li .btn-group-vertical a[class*=btn]+.btn-gray,
        #pricing-section .plan.recommended li .btn-group-vertical a[class*=btn]+.btn-group,
        #pricing-section .plan.recommended li .btn-group-vertical a[class*=btn]+.btn-main,
        #pricing-section .plan.recommended li .btn-group-vertical a[class*=btn]+.btn-secondary,
        #pricing-section .plan.recommended li .btn-group-vertical a[class*=btn]+.btn-white-black,
        #pricing-section .plan.recommended li .btn-group-vertical a[class*=btn]+.btn-white-gradient,
        #pricing-section .plan.recommended li .btn-group-vertical a[class*=btn]+.btn-white-main,
        #pricing-section .plan.recommended li .btn-group-vertical a[class*=btn]+.btn-white-secondary,
        #pricing-section .plan.recommended li .btn-group-vertical a[class*=btn]+a[class*=btn],
        .btn-group #pricing-section .plan.recommended li .btn+a[class*=btn],
        .btn-group #pricing-section .plan.recommended li .btn-black+a[class*=btn],
        .btn-group #pricing-section .plan.recommended li .btn-gradient+a[class*=btn],
        .btn-group #pricing-section .plan.recommended li .btn-gray+a[class*=btn],
        .btn-group #pricing-section .plan.recommended li .btn-group+a[class*=btn],
        .btn-group #pricing-section .plan.recommended li .btn-main+a[class*=btn],
        .btn-group #pricing-section .plan.recommended li .btn-secondary+a[class*=btn],
        .btn-group #pricing-section .plan.recommended li .btn-white-black+a[class*=btn],
        .btn-group #pricing-section .plan.recommended li .btn-white-gradient+a[class*=btn],
        .btn-group #pricing-section .plan.recommended li .btn-white-main+a[class*=btn],
        .btn-group #pricing-section .plan.recommended li .btn-white-secondary+a[class*=btn],
        .btn-group #pricing-section .plan.recommended li a[class*=btn]+.btn,
        .btn-group #pricing-section .plan.recommended li a[class*=btn]+.btn-black,
        .btn-group #pricing-section .plan.recommended li a[class*=btn]+.btn-gradient,
        .btn-group #pricing-section .plan.recommended li a[class*=btn]+.btn-gray,
        .btn-group #pricing-section .plan.recommended li a[class*=btn]+.btn-group,
        .btn-group #pricing-section .plan.recommended li a[class*=btn]+.btn-main,
        .btn-group #pricing-section .plan.recommended li a[class*=btn]+.btn-secondary,
        .btn-group #pricing-section .plan.recommended li a[class*=btn]+.btn-white-black,
        .btn-group #pricing-section .plan.recommended li a[class*=btn]+.btn-white-gradient,
        .btn-group #pricing-section .plan.recommended li a[class*=btn]+.btn-white-main,
        .btn-group #pricing-section .plan.recommended li a[class*=btn]+.btn-white-secondary,
        .btn-group #pricing-section .plan.recommended li a[class*=btn]+a[class*=btn],
        .btn-group .btn+.btn,
        .btn-group .btn+.btn-black,
        .btn-group .btn+.btn-gradient,
        .btn-group .btn+.btn-gray,
        .btn-group .btn+.btn-group,
        .btn-group .btn+.btn-main,
        .btn-group .btn+.btn-secondary,
        .btn-group .btn+.btn-white-black,
        .btn-group .btn+.btn-white-gradient,
        .btn-group .btn+.btn-white-main,
        .btn-group .btn+.btn-white-secondary,
        .btn-group .btn-black+.btn,
        .btn-group .btn-black+.btn-black,
        .btn-group .btn-black+.btn-gradient,
        .btn-group .btn-black+.btn-gray,
        .btn-group .btn-black+.btn-group,
        .btn-group .btn-black+.btn-main,
        .btn-group .btn-black+.btn-secondary,
        .btn-group .btn-black+.btn-white-black,
        .btn-group .btn-black+.btn-white-gradient,
        .btn-group .btn-black+.btn-white-main,
        .btn-group .btn-black+.btn-white-secondary,
        .btn-group .btn-gradient+.btn,
        .btn-group .btn-gradient+.btn-black,
        .btn-group .btn-gradient+.btn-gradient,
        .btn-group .btn-gradient+.btn-gray,
        .btn-group .btn-gradient+.btn-group,
        .btn-group .btn-gradient+.btn-main,
        .btn-group .btn-gradient+.btn-secondary,
        .btn-group .btn-gradient+.btn-white-black,
        .btn-group .btn-gradient+.btn-white-gradient,
        .btn-group .btn-gradient+.btn-white-main,
        .btn-group .btn-gradient+.btn-white-secondary,
        .btn-group .btn-gray+.btn,
        .btn-group .btn-gray+.btn-black,
        .btn-group .btn-gray+.btn-gradient,
        .btn-group .btn-gray+.btn-gray,
        .btn-group .btn-gray+.btn-group,
        .btn-group .btn-gray+.btn-main,
        .btn-group .btn-gray+.btn-secondary,
        .btn-group .btn-gray+.btn-white-black,
        .btn-group .btn-gray+.btn-white-gradient,
        .btn-group .btn-gray+.btn-white-main,
        .btn-group .btn-gray+.btn-white-secondary,
        .btn-group .btn-group+.btn,
        .btn-group .btn-group+.btn-black,
        .btn-group .btn-group+.btn-gradient,
        .btn-group .btn-group+.btn-gray,
        .btn-group .btn-group+.btn-group,
        .btn-group .btn-group+.btn-main,
        .btn-group .btn-group+.btn-secondary,
        .btn-group .btn-group+.btn-white-black,
        .btn-group .btn-group+.btn-white-gradient,
        .btn-group .btn-group+.btn-white-main,
        .btn-group .btn-group+.btn-white-secondary,
        .btn-group .btn-main+.btn,
        .btn-group .btn-main+.btn-black,
        .btn-group .btn-main+.btn-gradient,
        .btn-group .btn-main+.btn-gray,
        .btn-group .btn-main+.btn-group,
        .btn-group .btn-main+.btn-main,
        .btn-group .btn-main+.btn-secondary,
        .btn-group .btn-main+.btn-white-black,
        .btn-group .btn-main+.btn-white-gradient,
        .btn-group .btn-main+.btn-white-main,
        .btn-group .btn-main+.btn-white-secondary,
        .btn-group .btn-secondary+.btn,
        .btn-group .btn-secondary+.btn-black,
        .btn-group .btn-secondary+.btn-gradient,
        .btn-group .btn-secondary+.btn-gray,
        .btn-group .btn-secondary+.btn-group,
        .btn-group .btn-secondary+.btn-main,
        .btn-group .btn-secondary+.btn-secondary,
        .btn-group .btn-secondary+.btn-white-black,
        .btn-group .btn-secondary+.btn-white-gradient,
        .btn-group .btn-secondary+.btn-white-main,
        .btn-group .btn-secondary+.btn-white-secondary,
        .btn-group .btn-white-black+.btn,
        .btn-group .btn-white-black+.btn-black,
        .btn-group .btn-white-black+.btn-gradient,
        .btn-group .btn-white-black+.btn-gray,
        .btn-group .btn-white-black+.btn-group,
        .btn-group .btn-white-black+.btn-main,
        .btn-group .btn-white-black+.btn-secondary,
        .btn-group .btn-white-black+.btn-white-black,
        .btn-group .btn-white-black+.btn-white-gradient,
        .btn-group .btn-white-black+.btn-white-main,
        .btn-group .btn-white-black+.btn-white-secondary,
        .btn-group .btn-white-gradient+.btn,
        .btn-group .btn-white-gradient+.btn-black,
        .btn-group .btn-white-gradient+.btn-gradient,
        .btn-group .btn-white-gradient+.btn-gray,
        .btn-group .btn-white-gradient+.btn-group,
        .btn-group .btn-white-gradient+.btn-main,
        .btn-group .btn-white-gradient+.btn-secondary,
        .btn-group .btn-white-gradient+.btn-white-black,
        .btn-group .btn-white-gradient+.btn-white-gradient,
        .btn-group .btn-white-gradient+.btn-white-main,
        .btn-group .btn-white-gradient+.btn-white-secondary,
        .btn-group .btn-white-main+.btn,
        .btn-group .btn-white-main+.btn-black,
        .btn-group .btn-white-main+.btn-gradient,
        .btn-group .btn-white-main+.btn-gray,
        .btn-group .btn-white-main+.btn-group,
        .btn-group .btn-white-main+.btn-main,
        .btn-group .btn-white-main+.btn-secondary,
        .btn-group .btn-white-main+.btn-white-black,
        .btn-group .btn-white-main+.btn-white-gradient,
        .btn-group .btn-white-main+.btn-white-main,
        .btn-group .btn-white-main+.btn-white-secondary,
        .btn-group .btn-white-secondary+.btn,
        .btn-group .btn-white-secondary+.btn-black,
        .btn-group .btn-white-secondary+.btn-gradient,
        .btn-group .btn-white-secondary+.btn-gray,
        .btn-group .btn-white-secondary+.btn-group,
        .btn-group .btn-white-secondary+.btn-main,
        .btn-group .btn-white-secondary+.btn-secondary,
        .btn-group .btn-white-secondary+.btn-white-black,
        .btn-group .btn-white-secondary+.btn-white-gradient,
        .btn-group .btn-white-secondary+.btn-white-main,
        .btn-group .btn-white-secondary+.btn-white-secondary,
        .btn-group-vertical #pricing-section .plan.recommended li .btn+a[class*=btn],
        .btn-group-vertical #pricing-section .plan.recommended li .btn-black+a[class*=btn],
        .btn-group-vertical #pricing-section .plan.recommended li .btn-gradient+a[class*=btn],
        .btn-group-vertical #pricing-section .plan.recommended li .btn-gray+a[class*=btn],
        .btn-group-vertical #pricing-section .plan.recommended li .btn-group+a[class*=btn],
        .btn-group-vertical #pricing-section .plan.recommended li .btn-main+a[class*=btn],
        .btn-group-vertical #pricing-section .plan.recommended li .btn-secondary+a[class*=btn],
        .btn-group-vertical #pricing-section .plan.recommended li .btn-white-black+a[class*=btn],
        .btn-group-vertical #pricing-section .plan.recommended li .btn-white-gradient+a[class*=btn],
        .btn-group-vertical #pricing-section .plan.recommended li .btn-white-main+a[class*=btn],
        .btn-group-vertical #pricing-section .plan.recommended li .btn-white-secondary+a[class*=btn],
        .btn-group-vertical #pricing-section .plan.recommended li a[class*=btn]+.btn,
        .btn-group-vertical #pricing-section .plan.recommended li a[class*=btn]+.btn-black,
        .btn-group-vertical #pricing-section .plan.recommended li a[class*=btn]+.btn-gradient,
        .btn-group-vertical #pricing-section .plan.recommended li a[class*=btn]+.btn-gray,
        .btn-group-vertical #pricing-section .plan.recommended li a[class*=btn]+.btn-group,
        .btn-group-vertical #pricing-section .plan.recommended li a[class*=btn]+.btn-main,
        .btn-group-vertical #pricing-section .plan.recommended li a[class*=btn]+.btn-secondary,
        .btn-group-vertical #pricing-section .plan.recommended li a[class*=btn]+.btn-white-black,
        .btn-group-vertical #pricing-section .plan.recommended li a[class*=btn]+.btn-white-gradient,
        .btn-group-vertical #pricing-section .plan.recommended li a[class*=btn]+.btn-white-main,
        .btn-group-vertical #pricing-section .plan.recommended li a[class*=btn]+.btn-white-secondary,
        .btn-group-vertical #pricing-section .plan.recommended li a[class*=btn]+a[class*=btn],
        .btn-group-vertical .btn+.btn,
        .btn-group-vertical .btn+.btn-black,
        .btn-group-vertical .btn+.btn-gradient,
        .btn-group-vertical .btn+.btn-gray,
        .btn-group-vertical .btn+.btn-group,
        .btn-group-vertical .btn+.btn-main,
        .btn-group-vertical .btn+.btn-secondary,
        .btn-group-vertical .btn+.btn-white-black,
        .btn-group-vertical .btn+.btn-white-gradient,
        .btn-group-vertical .btn+.btn-white-main,
        .btn-group-vertical .btn+.btn-white-secondary,
        .btn-group-vertical .btn-black+.btn,
        .btn-group-vertical .btn-black+.btn-black,
        .btn-group-vertical .btn-black+.btn-gradient,
        .btn-group-vertical .btn-black+.btn-gray,
        .btn-group-vertical .btn-black+.btn-group,
        .btn-group-vertical .btn-black+.btn-main,
        .btn-group-vertical .btn-black+.btn-secondary,
        .btn-group-vertical .btn-black+.btn-white-black,
        .btn-group-vertical .btn-black+.btn-white-gradient,
        .btn-group-vertical .btn-black+.btn-white-main,
        .btn-group-vertical .btn-black+.btn-white-secondary,
        .btn-group-vertical .btn-gradient+.btn,
        .btn-group-vertical .btn-gradient+.btn-black,
        .btn-group-vertical .btn-gradient+.btn-gradient,
        .btn-group-vertical .btn-gradient+.btn-gray,
        .btn-group-vertical .btn-gradient+.btn-group,
        .btn-group-vertical .btn-gradient+.btn-main,
        .btn-group-vertical .btn-gradient+.btn-secondary,
        .btn-group-vertical .btn-gradient+.btn-white-black,
        .btn-group-vertical .btn-gradient+.btn-white-gradient,
        .btn-group-vertical .btn-gradient+.btn-white-main,
        .btn-group-vertical .btn-gradient+.btn-white-secondary,
        .btn-group-vertical .btn-gray+.btn,
        .btn-group-vertical .btn-gray+.btn-black,
        .btn-group-vertical .btn-gray+.btn-gradient,
        .btn-group-vertical .btn-gray+.btn-gray,
        .btn-group-vertical .btn-gray+.btn-group,
        .btn-group-vertical .btn-gray+.btn-main,
        .btn-group-vertical .btn-gray+.btn-secondary,
        .btn-group-vertical .btn-gray+.btn-white-black,
        .btn-group-vertical .btn-gray+.btn-white-gradient,
        .btn-group-vertical .btn-gray+.btn-white-main,
        .btn-group-vertical .btn-gray+.btn-white-secondary,
        .btn-group-vertical .btn-group+.btn,
        .btn-group-vertical .btn-group+.btn-black,
        .btn-group-vertical .btn-group+.btn-gradient,
        .btn-group-vertical .btn-group+.btn-gray,
        .btn-group-vertical .btn-group+.btn-group,
        .btn-group-vertical .btn-group+.btn-main,
        .btn-group-vertical .btn-group+.btn-secondary,
        .btn-group-vertical .btn-group+.btn-white-black,
        .btn-group-vertical .btn-group+.btn-white-gradient,
        .btn-group-vertical .btn-group+.btn-white-main,
        .btn-group-vertical .btn-group+.btn-white-secondary,
        .btn-group-vertical .btn-main+.btn,
        .btn-group-vertical .btn-main+.btn-black,
        .btn-group-vertical .btn-main+.btn-gradient,
        .btn-group-vertical .btn-main+.btn-gray,
        .btn-group-vertical .btn-main+.btn-group,
        .btn-group-vertical .btn-main+.btn-main,
        .btn-group-vertical .btn-main+.btn-secondary,
        .btn-group-vertical .btn-main+.btn-white-black,
        .btn-group-vertical .btn-main+.btn-white-gradient,
        .btn-group-vertical .btn-main+.btn-white-main,
        .btn-group-vertical .btn-main+.btn-white-secondary,
        .btn-group-vertical .btn-secondary+.btn,
        .btn-group-vertical .btn-secondary+.btn-black,
        .btn-group-vertical .btn-secondary+.btn-gradient,
        .btn-group-vertical .btn-secondary+.btn-gray,
        .btn-group-vertical .btn-secondary+.btn-group,
        .btn-group-vertical .btn-secondary+.btn-main,
        .btn-group-vertical .btn-secondary+.btn-secondary,
        .btn-group-vertical .btn-secondary+.btn-white-black,
        .btn-group-vertical .btn-secondary+.btn-white-gradient,
        .btn-group-vertical .btn-secondary+.btn-white-main,
        .btn-group-vertical .btn-secondary+.btn-white-secondary,
        .btn-group-vertical .btn-white-black+.btn,
        .btn-group-vertical .btn-white-black+.btn-black,
        .btn-group-vertical .btn-white-black+.btn-gradient,
        .btn-group-vertical .btn-white-black+.btn-gray,
        .btn-group-vertical .btn-white-black+.btn-group,
        .btn-group-vertical .btn-white-black+.btn-main,
        .btn-group-vertical .btn-white-black+.btn-secondary,
        .btn-group-vertical .btn-white-black+.btn-white-black,
        .btn-group-vertical .btn-white-black+.btn-white-gradient,
        .btn-group-vertical .btn-white-black+.btn-white-main,
        .btn-group-vertical .btn-white-black+.btn-white-secondary,
        .btn-group-vertical .btn-white-gradient+.btn,
        .btn-group-vertical .btn-white-gradient+.btn-black,
        .btn-group-vertical .btn-white-gradient+.btn-gradient,
        .btn-group-vertical .btn-white-gradient+.btn-gray,
        .btn-group-vertical .btn-white-gradient+.btn-group,
        .btn-group-vertical .btn-white-gradient+.btn-main,
        .btn-group-vertical .btn-white-gradient+.btn-secondary,
        .btn-group-vertical .btn-white-gradient+.btn-white-black,
        .btn-group-vertical .btn-white-gradient+.btn-white-gradient,
        .btn-group-vertical .btn-white-gradient+.btn-white-main,
        .btn-group-vertical .btn-white-gradient+.btn-white-secondary,
        .btn-group-vertical .btn-white-main+.btn,
        .btn-group-vertical .btn-white-main+.btn-black,
        .btn-group-vertical .btn-white-main+.btn-gradient,
        .btn-group-vertical .btn-white-main+.btn-gray,
        .btn-group-vertical .btn-white-main+.btn-group,
        .btn-group-vertical .btn-white-main+.btn-main,
        .btn-group-vertical .btn-white-main+.btn-secondary,
        .btn-group-vertical .btn-white-main+.btn-white-black,
        .btn-group-vertical .btn-white-main+.btn-white-gradient,
        .btn-group-vertical .btn-white-main+.btn-white-main,
        .btn-group-vertical .btn-white-main+.btn-white-secondary,
        .btn-group-vertical .btn-white-secondary+.btn,
        .btn-group-vertical .btn-white-secondary+.btn-black,
        .btn-group-vertical .btn-white-secondary+.btn-gradient,
        .btn-group-vertical .btn-white-secondary+.btn-gray,
        .btn-group-vertical .btn-white-secondary+.btn-group,
        .btn-group-vertical .btn-white-secondary+.btn-main,
        .btn-group-vertical .btn-white-secondary+.btn-secondary,
        .btn-group-vertical .btn-white-secondary+.btn-white-black,
        .btn-group-vertical .btn-white-secondary+.btn-white-gradient,
        .btn-group-vertical .btn-white-secondary+.btn-white-main,
        .btn-group-vertical .btn-white-secondary+.btn-white-secondary {
            margin-left: -1px
        }

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

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

        #pricing-section .plan.recommended li .btn-group>a:first-child[class*=btn],
        .btn-group>.btn-black:first-child,
        .btn-group>.btn-gradient:first-child,
        .btn-group>.btn-gray:first-child,
        .btn-group>.btn-main:first-child,
        .btn-group>.btn-secondary:first-child,
        .btn-group>.btn-white-black:first-child,
        .btn-group>.btn-white-gradient:first-child,
        .btn-group>.btn-white-main:first-child,
        .btn-group>.btn-white-secondary:first-child,
        .btn-group>.btn:first-child {
            margin-left: 0
        }

        #pricing-section .plan.recommended li .btn-group>.btn-group:not(:last-child)>a[class*=btn],
        #pricing-section .plan.recommended li .btn-group>a:not(:last-child):not(.dropdown-toggle)[class*=btn],
        .btn-group>.btn-black:not(:last-child):not(.dropdown-toggle),
        .btn-group>.btn-gradient:not(:last-child):not(.dropdown-toggle),
        .btn-group>.btn-gray:not(:last-child):not(.dropdown-toggle),
        .btn-group>.btn-group:not(:last-child)>.btn,
        .btn-group>.btn-group:not(:last-child)>.btn-black,
        .btn-group>.btn-group:not(:last-child)>.btn-gradient,
        .btn-group>.btn-group:not(:last-child)>.btn-gray,
        .btn-group>.btn-group:not(:last-child)>.btn-main,
        .btn-group>.btn-group:not(:last-child)>.btn-secondary,
        .btn-group>.btn-group:not(:last-child)>.btn-white-black,
        .btn-group>.btn-group:not(:last-child)>.btn-white-gradient,
        .btn-group>.btn-group:not(:last-child)>.btn-white-main,
        .btn-group>.btn-group:not(:last-child)>.btn-white-secondary,
        .btn-group>.btn-main:not(:last-child):not(.dropdown-toggle),
        .btn-group>.btn-secondary:not(:last-child):not(.dropdown-toggle),
        .btn-group>.btn-white-black:not(:last-child):not(.dropdown-toggle),
        .btn-group>.btn-white-gradient:not(:last-child):not(.dropdown-toggle),
        .btn-group>.btn-white-main:not(:last-child):not(.dropdown-toggle),
        .btn-group>.btn-white-secondary:not(:last-child):not(.dropdown-toggle),
        .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        #pricing-section .plan.recommended li .btn-group>.btn-group:not(:first-child)>a[class*=btn],
        #pricing-section .plan.recommended li .btn-group>a:not(:first-child)[class*=btn],
        .btn-group>.btn-black:not(:first-child),
        .btn-group>.btn-gradient:not(:first-child),
        .btn-group>.btn-gray:not(:first-child),
        .btn-group>.btn-group:not(:first-child)>.btn,
        .btn-group>.btn-group:not(:first-child)>.btn-black,
        .btn-group>.btn-group:not(:first-child)>.btn-gradient,
        .btn-group>.btn-group:not(:first-child)>.btn-gray,
        .btn-group>.btn-group:not(:first-child)>.btn-main,
        .btn-group>.btn-group:not(:first-child)>.btn-secondary,
        .btn-group>.btn-group:not(:first-child)>.btn-white-black,
        .btn-group>.btn-group:not(:first-child)>.btn-white-gradient,
        .btn-group>.btn-group:not(:first-child)>.btn-white-main,
        .btn-group>.btn-group:not(:first-child)>.btn-white-secondary,
        .btn-group>.btn-main:not(:first-child),
        .btn-group>.btn-secondary:not(:first-child),
        .btn-group>.btn-white-black:not(:first-child),
        .btn-group>.btn-white-gradient:not(:first-child),
        .btn-group>.btn-white-main:not(:first-child),
        .btn-group>.btn-white-secondary:not(:first-child),
        .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
        }

        #pricing-section .plan.recommended li .btn-group-sm>a[class*=btn]+.dropdown-toggle-split,
        .btn-group-sm>.btn+.dropdown-toggle-split,
        .btn-group-sm>.btn-black+.dropdown-toggle-split,
        .btn-group-sm>.btn-gradient+.dropdown-toggle-split,
        .btn-group-sm>.btn-gray+.dropdown-toggle-split,
        .btn-group-sm>.btn-main+.dropdown-toggle-split,
        .btn-group-sm>.btn-secondary+.dropdown-toggle-split,
        .btn-group-sm>.btn-white-black+.dropdown-toggle-split,
        .btn-group-sm>.btn-white-gradient+.dropdown-toggle-split,
        .btn-group-sm>.btn-white-main+.dropdown-toggle-split,
        .btn-group-sm>.btn-white-secondary+.dropdown-toggle-split,
        .btn-sm+.dropdown-toggle-split {
            padding-right: .375rem;
            padding-left: .375rem
        }

        #pricing-section .plan.recommended li .btn-group-lg>a[class*=btn]+.dropdown-toggle-split,
        .btn-group-lg>.btn+.dropdown-toggle-split,
        .btn-group-lg>.btn-black+.dropdown-toggle-split,
        .btn-group-lg>.btn-gradient+.dropdown-toggle-split,
        .btn-group-lg>.btn-gray+.dropdown-toggle-split,
        .btn-group-lg>.btn-main+.dropdown-toggle-split,
        .btn-group-lg>.btn-secondary+.dropdown-toggle-split,
        .btn-group-lg>.btn-white-black+.dropdown-toggle-split,
        .btn-group-lg>.btn-white-gradient+.dropdown-toggle-split,
        .btn-group-lg>.btn-white-main+.dropdown-toggle-split,
        .btn-group-lg>.btn-white-secondary+.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
        }

        #pricing-section .plan.recommended li .btn-group-vertical a[class*=btn],
        .btn-group-vertical #pricing-section .plan.recommended li a[class*=btn],
        .btn-group-vertical .btn,
        .btn-group-vertical .btn-black,
        .btn-group-vertical .btn-gradient,
        .btn-group-vertical .btn-gray,
        .btn-group-vertical .btn-group,
        .btn-group-vertical .btn-main,
        .btn-group-vertical .btn-secondary,
        .btn-group-vertical .btn-white-black,
        .btn-group-vertical .btn-white-gradient,
        .btn-group-vertical .btn-white-main,
        .btn-group-vertical .btn-white-secondary {
            width: 100%
        }

        #pricing-section .plan.recommended li .btn-group-vertical>.btn+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical>.btn-black+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical>.btn-gradient+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical>.btn-gray+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical>.btn-group+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical>.btn-main+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical>.btn-secondary+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical>.btn-white-black+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical>.btn-white-gradient+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical>.btn-white-main+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical>.btn-white-secondary+a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical>a[class*=btn]+.btn,
        #pricing-section .plan.recommended li .btn-group-vertical>a[class*=btn]+.btn-black,
        #pricing-section .plan.recommended li .btn-group-vertical>a[class*=btn]+.btn-gradient,
        #pricing-section .plan.recommended li .btn-group-vertical>a[class*=btn]+.btn-gray,
        #pricing-section .plan.recommended li .btn-group-vertical>a[class*=btn]+.btn-group,
        #pricing-section .plan.recommended li .btn-group-vertical>a[class*=btn]+.btn-main,
        #pricing-section .plan.recommended li .btn-group-vertical>a[class*=btn]+.btn-secondary,
        #pricing-section .plan.recommended li .btn-group-vertical>a[class*=btn]+.btn-white-black,
        #pricing-section .plan.recommended li .btn-group-vertical>a[class*=btn]+.btn-white-gradient,
        #pricing-section .plan.recommended li .btn-group-vertical>a[class*=btn]+.btn-white-main,
        #pricing-section .plan.recommended li .btn-group-vertical>a[class*=btn]+.btn-white-secondary,
        #pricing-section .plan.recommended li .btn-group-vertical>a[class*=btn]+a[class*=btn],
        .btn-group-vertical>.btn+.btn,
        .btn-group-vertical>.btn+.btn-black,
        .btn-group-vertical>.btn+.btn-gradient,
        .btn-group-vertical>.btn+.btn-gray,
        .btn-group-vertical>.btn+.btn-group,
        .btn-group-vertical>.btn+.btn-main,
        .btn-group-vertical>.btn+.btn-secondary,
        .btn-group-vertical>.btn+.btn-white-black,
        .btn-group-vertical>.btn+.btn-white-gradient,
        .btn-group-vertical>.btn+.btn-white-main,
        .btn-group-vertical>.btn+.btn-white-secondary,
        .btn-group-vertical>.btn-black+.btn,
        .btn-group-vertical>.btn-black+.btn-black,
        .btn-group-vertical>.btn-black+.btn-gradient,
        .btn-group-vertical>.btn-black+.btn-gray,
        .btn-group-vertical>.btn-black+.btn-group,
        .btn-group-vertical>.btn-black+.btn-main,
        .btn-group-vertical>.btn-black+.btn-secondary,
        .btn-group-vertical>.btn-black+.btn-white-black,
        .btn-group-vertical>.btn-black+.btn-white-gradient,
        .btn-group-vertical>.btn-black+.btn-white-main,
        .btn-group-vertical>.btn-black+.btn-white-secondary,
        .btn-group-vertical>.btn-gradient+.btn,
        .btn-group-vertical>.btn-gradient+.btn-black,
        .btn-group-vertical>.btn-gradient+.btn-gradient,
        .btn-group-vertical>.btn-gradient+.btn-gray,
        .btn-group-vertical>.btn-gradient+.btn-group,
        .btn-group-vertical>.btn-gradient+.btn-main,
        .btn-group-vertical>.btn-gradient+.btn-secondary,
        .btn-group-vertical>.btn-gradient+.btn-white-black,
        .btn-group-vertical>.btn-gradient+.btn-white-gradient,
        .btn-group-vertical>.btn-gradient+.btn-white-main,
        .btn-group-vertical>.btn-gradient+.btn-white-secondary,
        .btn-group-vertical>.btn-gray+.btn,
        .btn-group-vertical>.btn-gray+.btn-black,
        .btn-group-vertical>.btn-gray+.btn-gradient,
        .btn-group-vertical>.btn-gray+.btn-gray,
        .btn-group-vertical>.btn-gray+.btn-group,
        .btn-group-vertical>.btn-gray+.btn-main,
        .btn-group-vertical>.btn-gray+.btn-secondary,
        .btn-group-vertical>.btn-gray+.btn-white-black,
        .btn-group-vertical>.btn-gray+.btn-white-gradient,
        .btn-group-vertical>.btn-gray+.btn-white-main,
        .btn-group-vertical>.btn-gray+.btn-white-secondary,
        .btn-group-vertical>.btn-group+.btn,
        .btn-group-vertical>.btn-group+.btn-black,
        .btn-group-vertical>.btn-group+.btn-gradient,
        .btn-group-vertical>.btn-group+.btn-gray,
        .btn-group-vertical>.btn-group+.btn-group,
        .btn-group-vertical>.btn-group+.btn-main,
        .btn-group-vertical>.btn-group+.btn-secondary,
        .btn-group-vertical>.btn-group+.btn-white-black,
        .btn-group-vertical>.btn-group+.btn-white-gradient,
        .btn-group-vertical>.btn-group+.btn-white-main,
        .btn-group-vertical>.btn-group+.btn-white-secondary,
        .btn-group-vertical>.btn-main+.btn,
        .btn-group-vertical>.btn-main+.btn-black,
        .btn-group-vertical>.btn-main+.btn-gradient,
        .btn-group-vertical>.btn-main+.btn-gray,
        .btn-group-vertical>.btn-main+.btn-group,
        .btn-group-vertical>.btn-main+.btn-main,
        .btn-group-vertical>.btn-main+.btn-secondary,
        .btn-group-vertical>.btn-main+.btn-white-black,
        .btn-group-vertical>.btn-main+.btn-white-gradient,
        .btn-group-vertical>.btn-main+.btn-white-main,
        .btn-group-vertical>.btn-main+.btn-white-secondary,
        .btn-group-vertical>.btn-secondary+.btn,
        .btn-group-vertical>.btn-secondary+.btn-black,
        .btn-group-vertical>.btn-secondary+.btn-gradient,
        .btn-group-vertical>.btn-secondary+.btn-gray,
        .btn-group-vertical>.btn-secondary+.btn-group,
        .btn-group-vertical>.btn-secondary+.btn-main,
        .btn-group-vertical>.btn-secondary+.btn-secondary,
        .btn-group-vertical>.btn-secondary+.btn-white-black,
        .btn-group-vertical>.btn-secondary+.btn-white-gradient,
        .btn-group-vertical>.btn-secondary+.btn-white-main,
        .btn-group-vertical>.btn-secondary+.btn-white-secondary,
        .btn-group-vertical>.btn-white-black+.btn,
        .btn-group-vertical>.btn-white-black+.btn-black,
        .btn-group-vertical>.btn-white-black+.btn-gradient,
        .btn-group-vertical>.btn-white-black+.btn-gray,
        .btn-group-vertical>.btn-white-black+.btn-group,
        .btn-group-vertical>.btn-white-black+.btn-main,
        .btn-group-vertical>.btn-white-black+.btn-secondary,
        .btn-group-vertical>.btn-white-black+.btn-white-black,
        .btn-group-vertical>.btn-white-black+.btn-white-gradient,
        .btn-group-vertical>.btn-white-black+.btn-white-main,
        .btn-group-vertical>.btn-white-black+.btn-white-secondary,
        .btn-group-vertical>.btn-white-gradient+.btn,
        .btn-group-vertical>.btn-white-gradient+.btn-black,
        .btn-group-vertical>.btn-white-gradient+.btn-gradient,
        .btn-group-vertical>.btn-white-gradient+.btn-gray,
        .btn-group-vertical>.btn-white-gradient+.btn-group,
        .btn-group-vertical>.btn-white-gradient+.btn-main,
        .btn-group-vertical>.btn-white-gradient+.btn-secondary,
        .btn-group-vertical>.btn-white-gradient+.btn-white-black,
        .btn-group-vertical>.btn-white-gradient+.btn-white-gradient,
        .btn-group-vertical>.btn-white-gradient+.btn-white-main,
        .btn-group-vertical>.btn-white-gradient+.btn-white-secondary,
        .btn-group-vertical>.btn-white-main+.btn,
        .btn-group-vertical>.btn-white-main+.btn-black,
        .btn-group-vertical>.btn-white-main+.btn-gradient,
        .btn-group-vertical>.btn-white-main+.btn-gray,
        .btn-group-vertical>.btn-white-main+.btn-group,
        .btn-group-vertical>.btn-white-main+.btn-main,
        .btn-group-vertical>.btn-white-main+.btn-secondary,
        .btn-group-vertical>.btn-white-main+.btn-white-black,
        .btn-group-vertical>.btn-white-main+.btn-white-gradient,
        .btn-group-vertical>.btn-white-main+.btn-white-main,
        .btn-group-vertical>.btn-white-main+.btn-white-secondary,
        .btn-group-vertical>.btn-white-secondary+.btn,
        .btn-group-vertical>.btn-white-secondary+.btn-black,
        .btn-group-vertical>.btn-white-secondary+.btn-gradient,
        .btn-group-vertical>.btn-white-secondary+.btn-gray,
        .btn-group-vertical>.btn-white-secondary+.btn-group,
        .btn-group-vertical>.btn-white-secondary+.btn-main,
        .btn-group-vertical>.btn-white-secondary+.btn-secondary,
        .btn-group-vertical>.btn-white-secondary+.btn-white-black,
        .btn-group-vertical>.btn-white-secondary+.btn-white-gradient,
        .btn-group-vertical>.btn-white-secondary+.btn-white-main,
        .btn-group-vertical>.btn-white-secondary+.btn-white-secondary {
            margin-top: -1px;
            margin-left: 0
        }

        #pricing-section .plan.recommended li .btn-group-vertical>.btn-group:not(:last-child)>a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical>a:not(:last-child):not(.dropdown-toggle)[class*=btn],
        .btn-group-vertical>.btn-black:not(:last-child):not(.dropdown-toggle),
        .btn-group-vertical>.btn-gradient:not(:last-child):not(.dropdown-toggle),
        .btn-group-vertical>.btn-gray:not(:last-child):not(.dropdown-toggle),
        .btn-group-vertical>.btn-group:not(:last-child)>.btn,
        .btn-group-vertical>.btn-group:not(:last-child)>.btn-black,
        .btn-group-vertical>.btn-group:not(:last-child)>.btn-gradient,
        .btn-group-vertical>.btn-group:not(:last-child)>.btn-gray,
        .btn-group-vertical>.btn-group:not(:last-child)>.btn-main,
        .btn-group-vertical>.btn-group:not(:last-child)>.btn-secondary,
        .btn-group-vertical>.btn-group:not(:last-child)>.btn-white-black,
        .btn-group-vertical>.btn-group:not(:last-child)>.btn-white-gradient,
        .btn-group-vertical>.btn-group:not(:last-child)>.btn-white-main,
        .btn-group-vertical>.btn-group:not(:last-child)>.btn-white-secondary,
        .btn-group-vertical>.btn-main:not(:last-child):not(.dropdown-toggle),
        .btn-group-vertical>.btn-secondary:not(:last-child):not(.dropdown-toggle),
        .btn-group-vertical>.btn-white-black:not(:last-child):not(.dropdown-toggle),
        .btn-group-vertical>.btn-white-gradient:not(:last-child):not(.dropdown-toggle),
        .btn-group-vertical>.btn-white-main:not(:last-child):not(.dropdown-toggle),
        .btn-group-vertical>.btn-white-secondary:not(:last-child):not(.dropdown-toggle),
        .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        #pricing-section .plan.recommended li .btn-group-vertical>.btn-group:not(:first-child)>a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-vertical>a:not(:first-child)[class*=btn],
        .btn-group-vertical>.btn-black:not(:first-child),
        .btn-group-vertical>.btn-gradient:not(:first-child),
        .btn-group-vertical>.btn-gray:not(:first-child),
        .btn-group-vertical>.btn-group:not(:first-child)>.btn,
        .btn-group-vertical>.btn-group:not(:first-child)>.btn-black,
        .btn-group-vertical>.btn-group:not(:first-child)>.btn-gradient,
        .btn-group-vertical>.btn-group:not(:first-child)>.btn-gray,
        .btn-group-vertical>.btn-group:not(:first-child)>.btn-main,
        .btn-group-vertical>.btn-group:not(:first-child)>.btn-secondary,
        .btn-group-vertical>.btn-group:not(:first-child)>.btn-white-black,
        .btn-group-vertical>.btn-group:not(:first-child)>.btn-white-gradient,
        .btn-group-vertical>.btn-group:not(:first-child)>.btn-white-main,
        .btn-group-vertical>.btn-group:not(:first-child)>.btn-white-secondary,
        .btn-group-vertical>.btn-main:not(:first-child),
        .btn-group-vertical>.btn-secondary:not(:first-child),
        .btn-group-vertical>.btn-white-black:not(:first-child),
        .btn-group-vertical>.btn-white-gradient:not(:first-child),
        .btn-group-vertical>.btn-white-main:not(:first-child),
        .btn-group-vertical>.btn-white-secondary:not(:first-child),
        .btn-group-vertical>.btn:not(:first-child) {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        #pricing-section .plan.recommended li .btn-group-toggle>.btn-group>a[class*=btn],
        #pricing-section .plan.recommended li .btn-group-toggle>a[class*=btn],
        .btn-group-toggle>.btn,
        .btn-group-toggle>.btn-black,
        .btn-group-toggle>.btn-gradient,
        .btn-group-toggle>.btn-gray,
        .btn-group-toggle>.btn-group>.btn,
        .btn-group-toggle>.btn-group>.btn-black,
        .btn-group-toggle>.btn-group>.btn-gradient,
        .btn-group-toggle>.btn-group>.btn-gray,
        .btn-group-toggle>.btn-group>.btn-main,
        .btn-group-toggle>.btn-group>.btn-secondary,
        .btn-group-toggle>.btn-group>.btn-white-black,
        .btn-group-toggle>.btn-group>.btn-white-gradient,
        .btn-group-toggle>.btn-group>.btn-white-main,
        .btn-group-toggle>.btn-group>.btn-white-secondary,
        .btn-group-toggle>.btn-main,
        .btn-group-toggle>.btn-secondary,
        .btn-group-toggle>.btn-white-black,
        .btn-group-toggle>.btn-white-gradient,
        .btn-group-toggle>.btn-white-main,
        .btn-group-toggle>.btn-white-secondary {
            margin-bottom: 0
        }

        #pricing-section .plan.recommended li .btn-group-toggle>.btn-group>a[class*=btn] input[type=checkbox],
        #pricing-section .plan.recommended li .btn-group-toggle>.btn-group>a[class*=btn] input[type=radio],
        #pricing-section .plan.recommended li .btn-group-toggle>a[class*=btn] input[type=checkbox],
        #pricing-section .plan.recommended li .btn-group-toggle>a[class*=btn] input[type=radio],
        .btn-group-toggle>.btn input[type=checkbox],
        .btn-group-toggle>.btn input[type=radio],
        .btn-group-toggle>.btn-black input[type=checkbox],
        .btn-group-toggle>.btn-black input[type=radio],
        .btn-group-toggle>.btn-gradient input[type=checkbox],
        .btn-group-toggle>.btn-gradient input[type=radio],
        .btn-group-toggle>.btn-gray input[type=checkbox],
        .btn-group-toggle>.btn-gray input[type=radio],
        .btn-group-toggle>.btn-group>.btn input[type=checkbox],
        .btn-group-toggle>.btn-group>.btn input[type=radio],
        .btn-group-toggle>.btn-group>.btn-black input[type=checkbox],
        .btn-group-toggle>.btn-group>.btn-black input[type=radio],
        .btn-group-toggle>.btn-group>.btn-gradient input[type=checkbox],
        .btn-group-toggle>.btn-group>.btn-gradient input[type=radio],
        .btn-group-toggle>.btn-group>.btn-gray input[type=checkbox],
        .btn-group-toggle>.btn-group>.btn-gray input[type=radio],
        .btn-group-toggle>.btn-group>.btn-main input[type=checkbox],
        .btn-group-toggle>.btn-group>.btn-main input[type=radio],
        .btn-group-toggle>.btn-group>.btn-secondary input[type=checkbox],
        .btn-group-toggle>.btn-group>.btn-secondary input[type=radio],
        .btn-group-toggle>.btn-group>.btn-white-black input[type=checkbox],
        .btn-group-toggle>.btn-group>.btn-white-black input[type=radio],
        .btn-group-toggle>.btn-group>.btn-white-gradient input[type=checkbox],
        .btn-group-toggle>.btn-group>.btn-white-gradient input[type=radio],
        .btn-group-toggle>.btn-group>.btn-white-main input[type=checkbox],
        .btn-group-toggle>.btn-group>.btn-white-main input[type=radio],
        .btn-group-toggle>.btn-group>.btn-white-secondary input[type=checkbox],
        .btn-group-toggle>.btn-group>.btn-white-secondary input[type=radio],
        .btn-group-toggle>.btn-main input[type=checkbox],
        .btn-group-toggle>.btn-main input[type=radio],
        .btn-group-toggle>.btn-secondary input[type=checkbox],
        .btn-group-toggle>.btn-secondary input[type=radio],
        .btn-group-toggle>.btn-white-black input[type=checkbox],
        .btn-group-toggle>.btn-white-black input[type=radio],
        .btn-group-toggle>.btn-white-gradient input[type=checkbox],
        .btn-group-toggle>.btn-white-gradient input[type=radio],
        .btn-group-toggle>.btn-white-main input[type=checkbox],
        .btn-group-toggle>.btn-white-main input[type=radio],
        .btn-group-toggle>.btn-white-secondary input[type=checkbox],
        .btn-group-toggle>.btn-white-secondary 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 {
            position: relative;
            flex: 1 1 auto;
            width: 1%;
            margin-bottom: 0
        }

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

        .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 {
            margin-left: -1px
        }

        .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,
        .input-group>.custom-file:not(:first-child) .custom-file-label::after {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

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

        #pricing-section .plan.recommended li .input-group-append a[class*=btn],
        #pricing-section .plan.recommended li .input-group-prepend a[class*=btn],
        .input-group-append #pricing-section .plan.recommended li a[class*=btn],
        .input-group-append .btn,
        .input-group-append .btn-black,
        .input-group-append .btn-gradient,
        .input-group-append .btn-gray,
        .input-group-append .btn-main,
        .input-group-append .btn-secondary,
        .input-group-append .btn-white-black,
        .input-group-append .btn-white-gradient,
        .input-group-append .btn-white-main,
        .input-group-append .btn-white-secondary,
        .input-group-prepend #pricing-section .plan.recommended li a[class*=btn],
        .input-group-prepend .btn,
        .input-group-prepend .btn-black,
        .input-group-prepend .btn-gradient,
        .input-group-prepend .btn-gray,
        .input-group-prepend .btn-main,
        .input-group-prepend .btn-secondary,
        .input-group-prepend .btn-white-black,
        .input-group-prepend .btn-white-gradient,
        .input-group-prepend .btn-white-main,
        .input-group-prepend .btn-white-secondary {
            position: relative;
            z-index: 2
        }

        #pricing-section .plan.recommended li .input-group-append .btn+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-append .btn-black+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-append .btn-gradient+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-append .btn-gray+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-append .btn-main+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-append .btn-secondary+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-append .btn-white-black+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-append .btn-white-gradient+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-append .btn-white-main+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-append .btn-white-secondary+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-append .input-group-text+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-append a[class*=btn]+.btn,
        #pricing-section .plan.recommended li .input-group-append a[class*=btn]+.btn-black,
        #pricing-section .plan.recommended li .input-group-append a[class*=btn]+.btn-gradient,
        #pricing-section .plan.recommended li .input-group-append a[class*=btn]+.btn-gray,
        #pricing-section .plan.recommended li .input-group-append a[class*=btn]+.btn-main,
        #pricing-section .plan.recommended li .input-group-append a[class*=btn]+.btn-secondary,
        #pricing-section .plan.recommended li .input-group-append a[class*=btn]+.btn-white-black,
        #pricing-section .plan.recommended li .input-group-append a[class*=btn]+.btn-white-gradient,
        #pricing-section .plan.recommended li .input-group-append a[class*=btn]+.btn-white-main,
        #pricing-section .plan.recommended li .input-group-append a[class*=btn]+.btn-white-secondary,
        #pricing-section .plan.recommended li .input-group-append a[class*=btn]+.input-group-text,
        #pricing-section .plan.recommended li .input-group-append a[class*=btn]+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-prepend .btn+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-prepend .btn-black+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-prepend .btn-gradient+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-prepend .btn-gray+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-prepend .btn-main+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-prepend .btn-secondary+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-prepend .btn-white-black+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-prepend .btn-white-gradient+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-prepend .btn-white-main+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-prepend .btn-white-secondary+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-prepend .input-group-text+a[class*=btn],
        #pricing-section .plan.recommended li .input-group-prepend a[class*=btn]+.btn,
        #pricing-section .plan.recommended li .input-group-prepend a[class*=btn]+.btn-black,
        #pricing-section .plan.recommended li .input-group-prepend a[class*=btn]+.btn-gradient,
        #pricing-section .plan.recommended li .input-group-prepend a[class*=btn]+.btn-gray,
        #pricing-section .plan.recommended li .input-group-prepend a[class*=btn]+.btn-main,
        #pricing-section .plan.recommended li .input-group-prepend a[class*=btn]+.btn-secondary,
        #pricing-section .plan.recommended li .input-group-prepend a[class*=btn]+.btn-white-black,
        #pricing-section .plan.recommended li .input-group-prepend a[class*=btn]+.btn-white-gradient,
        #pricing-section .plan.recommended li .input-group-prepend a[class*=btn]+.btn-white-main,
        #pricing-section .plan.recommended li .input-group-prepend a[class*=btn]+.btn-white-secondary,
        #pricing-section .plan.recommended li .input-group-prepend a[class*=btn]+.input-group-text,
        #pricing-section .plan.recommended li .input-group-prepend a[class*=btn]+a[class*=btn],
        .input-group-append #pricing-section .plan.recommended li .btn+a[class*=btn],
        .input-group-append #pricing-section .plan.recommended li .btn-black+a[class*=btn],
        .input-group-append #pricing-section .plan.recommended li .btn-gradient+a[class*=btn],
        .input-group-append #pricing-section .plan.recommended li .btn-gray+a[class*=btn],
        .input-group-append #pricing-section .plan.recommended li .btn-main+a[class*=btn],
        .input-group-append #pricing-section .plan.recommended li .btn-secondary+a[class*=btn],
        .input-group-append #pricing-section .plan.recommended li .btn-white-black+a[class*=btn],
        .input-group-append #pricing-section .plan.recommended li .btn-white-gradient+a[class*=btn],
        .input-group-append #pricing-section .plan.recommended li .btn-white-main+a[class*=btn],
        .input-group-append #pricing-section .plan.recommended li .btn-white-secondary+a[class*=btn],
        .input-group-append #pricing-section .plan.recommended li .input-group-text+a[class*=btn],
        .input-group-append #pricing-section .plan.recommended li a[class*=btn]+.btn,
        .input-group-append #pricing-section .plan.recommended li a[class*=btn]+.btn-black,
        .input-group-append #pricing-section .plan.recommended li a[class*=btn]+.btn-gradient,
        .input-group-append #pricing-section .plan.recommended li a[class*=btn]+.btn-gray,
        .input-group-append #pricing-section .plan.recommended li a[class*=btn]+.btn-main,
        .input-group-append #pricing-section .plan.recommended li a[class*=btn]+.btn-secondary,
        .input-group-append #pricing-section .plan.recommended li a[class*=btn]+.btn-white-black,
        .input-group-append #pricing-section .plan.recommended li a[class*=btn]+.btn-white-gradient,
        .input-group-append #pricing-section .plan.recommended li a[class*=btn]+.btn-white-main,
        .input-group-append #pricing-section .plan.recommended li a[class*=btn]+.btn-white-secondary,
        .input-group-append #pricing-section .plan.recommended li a[class*=btn]+.input-group-text,
        .input-group-append #pricing-section .plan.recommended li a[class*=btn]+a[class*=btn],
        .input-group-append .btn+.btn,
        .input-group-append .btn+.btn-black,
        .input-group-append .btn+.btn-gradient,
        .input-group-append .btn+.btn-gray,
        .input-group-append .btn+.btn-main,
        .input-group-append .btn+.btn-secondary,
        .input-group-append .btn+.btn-white-black,
        .input-group-append .btn+.btn-white-gradient,
        .input-group-append .btn+.btn-white-main,
        .input-group-append .btn+.btn-white-secondary,
        .input-group-append .btn+.input-group-text,
        .input-group-append .btn-black+.btn,
        .input-group-append .btn-black+.btn-black,
        .input-group-append .btn-black+.btn-gradient,
        .input-group-append .btn-black+.btn-gray,
        .input-group-append .btn-black+.btn-main,
        .input-group-append .btn-black+.btn-secondary,
        .input-group-append .btn-black+.btn-white-black,
        .input-group-append .btn-black+.btn-white-gradient,
        .input-group-append .btn-black+.btn-white-main,
        .input-group-append .btn-black+.btn-white-secondary,
        .input-group-append .btn-black+.input-group-text,
        .input-group-append .btn-gradient+.btn,
        .input-group-append .btn-gradient+.btn-black,
        .input-group-append .btn-gradient+.btn-gradient,
        .input-group-append .btn-gradient+.btn-gray,
        .input-group-append .btn-gradient+.btn-main,
        .input-group-append .btn-gradient+.btn-secondary,
        .input-group-append .btn-gradient+.btn-white-black,
        .input-group-append .btn-gradient+.btn-white-gradient,
        .input-group-append .btn-gradient+.btn-white-main,
        .input-group-append .btn-gradient+.btn-white-secondary,
        .input-group-append .btn-gradient+.input-group-text,
        .input-group-append .btn-gray+.btn,
        .input-group-append .btn-gray+.btn-black,
        .input-group-append .btn-gray+.btn-gradient,
        .input-group-append .btn-gray+.btn-gray,
        .input-group-append .btn-gray+.btn-main,
        .input-group-append .btn-gray+.btn-secondary,
        .input-group-append .btn-gray+.btn-white-black,
        .input-group-append .btn-gray+.btn-white-gradient,
        .input-group-append .btn-gray+.btn-white-main,
        .input-group-append .btn-gray+.btn-white-secondary,
        .input-group-append .btn-gray+.input-group-text,
        .input-group-append .btn-main+.btn,
        .input-group-append .btn-main+.btn-black,
        .input-group-append .btn-main+.btn-gradient,
        .input-group-append .btn-main+.btn-gray,
        .input-group-append .btn-main+.btn-main,
        .input-group-append .btn-main+.btn-secondary,
        .input-group-append .btn-main+.btn-white-black,
        .input-group-append .btn-main+.btn-white-gradient,
        .input-group-append .btn-main+.btn-white-main,
        .input-group-append .btn-main+.btn-white-secondary,
        .input-group-append .btn-main+.input-group-text,
        .input-group-append .btn-secondary+.btn,
        .input-group-append .btn-secondary+.btn-black,
        .input-group-append .btn-secondary+.btn-gradient,
        .input-group-append .btn-secondary+.btn-gray,
        .input-group-append .btn-secondary+.btn-main,
        .input-group-append .btn-secondary+.btn-secondary,
        .input-group-append .btn-secondary+.btn-white-black,
        .input-group-append .btn-secondary+.btn-white-gradient,
        .input-group-append .btn-secondary+.btn-white-main,
        .input-group-append .btn-secondary+.btn-white-secondary,
        .input-group-append .btn-secondary+.input-group-text,
        .input-group-append .btn-white-black+.btn,
        .input-group-append .btn-white-black+.btn-black,
        .input-group-append .btn-white-black+.btn-gradient,
        .input-group-append .btn-white-black+.btn-gray,
        .input-group-append .btn-white-black+.btn-main,
        .input-group-append .btn-white-black+.btn-secondary,
        .input-group-append .btn-white-black+.btn-white-black,
        .input-group-append .btn-white-black+.btn-white-gradient,
        .input-group-append .btn-white-black+.btn-white-main,
        .input-group-append .btn-white-black+.btn-white-secondary,
        .input-group-append .btn-white-black+.input-group-text,
        .input-group-append .btn-white-gradient+.btn,
        .input-group-append .btn-white-gradient+.btn-black,
        .input-group-append .btn-white-gradient+.btn-gradient,
        .input-group-append .btn-white-gradient+.btn-gray,
        .input-group-append .btn-white-gradient+.btn-main,
        .input-group-append .btn-white-gradient+.btn-secondary,
        .input-group-append .btn-white-gradient+.btn-white-black,
        .input-group-append .btn-white-gradient+.btn-white-gradient,
        .input-group-append .btn-white-gradient+.btn-white-main,
        .input-group-append .btn-white-gradient+.btn-white-secondary,
        .input-group-append .btn-white-gradient+.input-group-text,
        .input-group-append .btn-white-main+.btn,
        .input-group-append .btn-white-main+.btn-black,
        .input-group-append .btn-white-main+.btn-gradient,
        .input-group-append .btn-white-main+.btn-gray,
        .input-group-append .btn-white-main+.btn-main,
        .input-group-append .btn-white-main+.btn-secondary,
        .input-group-append .btn-white-main+.btn-white-black,
        .input-group-append .btn-white-main+.btn-white-gradient,
        .input-group-append .btn-white-main+.btn-white-main,
        .input-group-append .btn-white-main+.btn-white-secondary,
        .input-group-append .btn-white-main+.input-group-text,
        .input-group-append .btn-white-secondary+.btn,
        .input-group-append .btn-white-secondary+.btn-black,
        .input-group-append .btn-white-secondary+.btn-gradient,
        .input-group-append .btn-white-secondary+.btn-gray,
        .input-group-append .btn-white-secondary+.btn-main,
        .input-group-append .btn-white-secondary+.btn-secondary,
        .input-group-append .btn-white-secondary+.btn-white-black,
        .input-group-append .btn-white-secondary+.btn-white-gradient,
        .input-group-append .btn-white-secondary+.btn-white-main,
        .input-group-append .btn-white-secondary+.btn-white-secondary,
        .input-group-append .btn-white-secondary+.input-group-text,
        .input-group-append .input-group-text+.btn,
        .input-group-append .input-group-text+.btn-black,
        .input-group-append .input-group-text+.btn-gradient,
        .input-group-append .input-group-text+.btn-gray,
        .input-group-append .input-group-text+.btn-main,
        .input-group-append .input-group-text+.btn-secondary,
        .input-group-append .input-group-text+.btn-white-black,
        .input-group-append .input-group-text+.btn-white-gradient,
        .input-group-append .input-group-text+.btn-white-main,
        .input-group-append .input-group-text+.btn-white-secondary,
        .input-group-append .input-group-text+.input-group-text,
        .input-group-prepend #pricing-section .plan.recommended li .btn+a[class*=btn],
        .input-group-prepend #pricing-section .plan.recommended li .btn-black+a[class*=btn],
        .input-group-prepend #pricing-section .plan.recommended li .btn-gradient+a[class*=btn],
        .input-group-prepend #pricing-section .plan.recommended li .btn-gray+a[class*=btn],
        .input-group-prepend #pricing-section .plan.recommended li .btn-main+a[class*=btn],
        .input-group-prepend #pricing-section .plan.recommended li .btn-secondary+a[class*=btn],
        .input-group-prepend #pricing-section .plan.recommended li .btn-white-black+a[class*=btn],
        .input-group-prepend #pricing-section .plan.recommended li .btn-white-gradient+a[class*=btn],
        .input-group-prepend #pricing-section .plan.recommended li .btn-white-main+a[class*=btn],
        .input-group-prepend #pricing-section .plan.recommended li .btn-white-secondary+a[class*=btn],
        .input-group-prepend #pricing-section .plan.recommended li .input-group-text+a[class*=btn],
        .input-group-prepend #pricing-section .plan.recommended li a[class*=btn]+.btn,
        .input-group-prepend #pricing-section .plan.recommended li a[class*=btn]+.btn-black,
        .input-group-prepend #pricing-section .plan.recommended li a[class*=btn]+.btn-gradient,
        .input-group-prepend #pricing-section .plan.recommended li a[class*=btn]+.btn-gray,
        .input-group-prepend #pricing-section .plan.recommended li a[class*=btn]+.btn-main,
        .input-group-prepend #pricing-section .plan.recommended li a[class*=btn]+.btn-secondary,
        .input-group-prepend #pricing-section .plan.recommended li a[class*=btn]+.btn-white-black,
        .input-group-prepend #pricing-section .plan.recommended li a[class*=btn]+.btn-white-gradient,
        .input-group-prepend #pricing-section .plan.recommended li a[class*=btn]+.btn-white-main,
        .input-group-prepend #pricing-section .plan.recommended li a[class*=btn]+.btn-white-secondary,
        .input-group-prepend #pricing-section .plan.recommended li a[class*=btn]+.input-group-text,
        .input-group-prepend #pricing-section .plan.recommended li a[class*=btn]+a[class*=btn],
        .input-group-prepend .btn+.btn,
        .input-group-prepend .btn+.btn-black,
        .input-group-prepend .btn+.btn-gradient,
        .input-group-prepend .btn+.btn-gray,
        .input-group-prepend .btn+.btn-main,
        .input-group-prepend .btn+.btn-secondary,
        .input-group-prepend .btn+.btn-white-black,
        .input-group-prepend .btn+.btn-white-gradient,
        .input-group-prepend .btn+.btn-white-main,
        .input-group-prepend .btn+.btn-white-secondary,
        .input-group-prepend .btn+.input-group-text,
        .input-group-prepend .btn-black+.btn,
        .input-group-prepend .btn-black+.btn-black,
        .input-group-prepend .btn-black+.btn-gradient,
        .input-group-prepend .btn-black+.btn-gray,
        .input-group-prepend .btn-black+.btn-main,
        .input-group-prepend .btn-black+.btn-secondary,
        .input-group-prepend .btn-black+.btn-white-black,
        .input-group-prepend .btn-black+.btn-white-gradient,
        .input-group-prepend .btn-black+.btn-white-main,
        .input-group-prepend .btn-black+.btn-white-secondary,
        .input-group-prepend .btn-black+.input-group-text,
        .input-group-prepend .btn-gradient+.btn,
        .input-group-prepend .btn-gradient+.btn-black,
        .input-group-prepend .btn-gradient+.btn-gradient,
        .input-group-prepend .btn-gradient+.btn-gray,
        .input-group-prepend .btn-gradient+.btn-main,
        .input-group-prepend .btn-gradient+.btn-secondary,
        .input-group-prepend .btn-gradient+.btn-white-black,
        .input-group-prepend .btn-gradient+.btn-white-gradient,
        .input-group-prepend .btn-gradient+.btn-white-main,
        .input-group-prepend .btn-gradient+.btn-white-secondary,
        .input-group-prepend .btn-gradient+.input-group-text,
        .input-group-prepend .btn-gray+.btn,
        .input-group-prepend .btn-gray+.btn-black,
        .input-group-prepend .btn-gray+.btn-gradient,
        .input-group-prepend .btn-gray+.btn-gray,
        .input-group-prepend .btn-gray+.btn-main,
        .input-group-prepend .btn-gray+.btn-secondary,
        .input-group-prepend .btn-gray+.btn-white-black,
        .input-group-prepend .btn-gray+.btn-white-gradient,
        .input-group-prepend .btn-gray+.btn-white-main,
        .input-group-prepend .btn-gray+.btn-white-secondary,
        .input-group-prepend .btn-gray+.input-group-text,
        .input-group-prepend .btn-main+.btn,
        .input-group-prepend .btn-main+.btn-black,
        .input-group-prepend .btn-main+.btn-gradient,
        .input-group-prepend .btn-main+.btn-gray,
        .input-group-prepend .btn-main+.btn-main,
        .input-group-prepend .btn-main+.btn-secondary,
        .input-group-prepend .btn-main+.btn-white-black,
        .input-group-prepend .btn-main+.btn-white-gradient,
        .input-group-prepend .btn-main+.btn-white-main,
        .input-group-prepend .btn-main+.btn-white-secondary,
        .input-group-prepend .btn-main+.input-group-text,
        .input-group-prepend .btn-secondary+.btn,
        .input-group-prepend .btn-secondary+.btn-black,
        .input-group-prepend .btn-secondary+.btn-gradient,
        .input-group-prepend .btn-secondary+.btn-gray,
        .input-group-prepend .btn-secondary+.btn-main,
        .input-group-prepend .btn-secondary+.btn-secondary,
        .input-group-prepend .btn-secondary+.btn-white-black,
        .input-group-prepend .btn-secondary+.btn-white-gradient,
        .input-group-prepend .btn-secondary+.btn-white-main,
        .input-group-prepend .btn-secondary+.btn-white-secondary,
        .input-group-prepend .btn-secondary+.input-group-text,
        .input-group-prepend .btn-white-black+.btn,
        .input-group-prepend .btn-white-black+.btn-black,
        .input-group-prepend .btn-white-black+.btn-gradient,
        .input-group-prepend .btn-white-black+.btn-gray,
        .input-group-prepend .btn-white-black+.btn-main,
        .input-group-prepend .btn-white-black+.btn-secondary,
        .input-group-prepend .btn-white-black+.btn-white-black,
        .input-group-prepend .btn-white-black+.btn-white-gradient,
        .input-group-prepend .btn-white-black+.btn-white-main,
        .input-group-prepend .btn-white-black+.btn-white-secondary,
        .input-group-prepend .btn-white-black+.input-group-text,
        .input-group-prepend .btn-white-gradient+.btn,
        .input-group-prepend .btn-white-gradient+.btn-black,
        .input-group-prepend .btn-white-gradient+.btn-gradient,
        .input-group-prepend .btn-white-gradient+.btn-gray,
        .input-group-prepend .btn-white-gradient+.btn-main,
        .input-group-prepend .btn-white-gradient+.btn-secondary,
        .input-group-prepend .btn-white-gradient+.btn-white-black,
        .input-group-prepend .btn-white-gradient+.btn-white-gradient,
        .input-group-prepend .btn-white-gradient+.btn-white-main,
        .input-group-prepend .btn-white-gradient+.btn-white-secondary,
        .input-group-prepend .btn-white-gradient+.input-group-text,
        .input-group-prepend .btn-white-main+.btn,
        .input-group-prepend .btn-white-main+.btn-black,
        .input-group-prepend .btn-white-main+.btn-gradient,
        .input-group-prepend .btn-white-main+.btn-gray,
        .input-group-prepend .btn-white-main+.btn-main,
        .input-group-prepend .btn-white-main+.btn-secondary,
        .input-group-prepend .btn-white-main+.btn-white-black,
        .input-group-prepend .btn-white-main+.btn-white-gradient,
        .input-group-prepend .btn-white-main+.btn-white-main,
        .input-group-prepend .btn-white-main+.btn-white-secondary,
        .input-group-prepend .btn-white-main+.input-group-text,
        .input-group-prepend .btn-white-secondary+.btn,
        .input-group-prepend .btn-white-secondary+.btn-black,
        .input-group-prepend .btn-white-secondary+.btn-gradient,
        .input-group-prepend .btn-white-secondary+.btn-gray,
        .input-group-prepend .btn-white-secondary+.btn-main,
        .input-group-prepend .btn-white-secondary+.btn-secondary,
        .input-group-prepend .btn-white-secondary+.btn-white-black,
        .input-group-prepend .btn-white-secondary+.btn-white-gradient,
        .input-group-prepend .btn-white-secondary+.btn-white-main,
        .input-group-prepend .btn-white-secondary+.btn-white-secondary,
        .input-group-prepend .btn-white-secondary+.input-group-text,
        .input-group-prepend .input-group-text+.btn,
        .input-group-prepend .input-group-text+.btn-black,
        .input-group-prepend .input-group-text+.btn-gradient,
        .input-group-prepend .input-group-text+.btn-gray,
        .input-group-prepend .input-group-text+.btn-main,
        .input-group-prepend .input-group-text+.btn-secondary,
        .input-group-prepend .input-group-text+.btn-white-black,
        .input-group-prepend .input-group-text+.btn-white-gradient,
        .input-group-prepend .input-group-text+.btn-white-main,
        .input-group-prepend .input-group-text+.btn-white-secondary,
        .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
        }

        #pricing-section .plan.recommended li .input-group>.input-group-append:last-child>a:not(:last-child):not(.dropdown-toggle)[class*=btn],
        #pricing-section .plan.recommended li .input-group>.input-group-append:not(:last-child)>a[class*=btn],
        #pricing-section .plan.recommended li .input-group>.input-group-prepend>a[class*=btn],
        .input-group>.input-group-append:last-child>.btn-black:not(:last-child):not(.dropdown-toggle),
        .input-group>.input-group-append:last-child>.btn-gradient:not(:last-child):not(.dropdown-toggle),
        .input-group>.input-group-append:last-child>.btn-gray:not(:last-child):not(.dropdown-toggle),
        .input-group>.input-group-append:last-child>.btn-main:not(:last-child):not(.dropdown-toggle),
        .input-group>.input-group-append:last-child>.btn-secondary:not(:last-child):not(.dropdown-toggle),
        .input-group>.input-group-append:last-child>.btn-white-black:not(:last-child):not(.dropdown-toggle),
        .input-group>.input-group-append:last-child>.btn-white-gradient:not(:last-child):not(.dropdown-toggle),
        .input-group>.input-group-append:last-child>.btn-white-main:not(:last-child):not(.dropdown-toggle),
        .input-group>.input-group-append:last-child>.btn-white-secondary:not(:last-child):not(.dropdown-toggle),
        .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)>.btn-black,
        .input-group>.input-group-append:not(:last-child)>.btn-gradient,
        .input-group>.input-group-append:not(:last-child)>.btn-gray,
        .input-group>.input-group-append:not(:last-child)>.btn-main,
        .input-group>.input-group-append:not(:last-child)>.btn-secondary,
        .input-group>.input-group-append:not(:last-child)>.btn-white-black,
        .input-group>.input-group-append:not(:last-child)>.btn-white-gradient,
        .input-group>.input-group-append:not(:last-child)>.btn-white-main,
        .input-group>.input-group-append:not(:last-child)>.btn-white-secondary,
        .input-group>.input-group-append:not(:last-child)>.input-group-text,
        .input-group>.input-group-prepend>.btn,
        .input-group>.input-group-prepend>.btn-black,
        .input-group>.input-group-prepend>.btn-gradient,
        .input-group>.input-group-prepend>.btn-gray,
        .input-group>.input-group-prepend>.btn-main,
        .input-group>.input-group-prepend>.btn-secondary,
        .input-group>.input-group-prepend>.btn-white-black,
        .input-group>.input-group-prepend>.btn-white-gradient,
        .input-group>.input-group-prepend>.btn-white-main,
        .input-group>.input-group-prepend>.btn-white-secondary,
        .input-group>.input-group-prepend>.input-group-text {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        #pricing-section .plan.recommended li .input-group>.input-group-append>a[class*=btn],
        #pricing-section .plan.recommended li .input-group>.input-group-prepend:first-child>a:not(:first-child)[class*=btn],
        #pricing-section .plan.recommended li .input-group>.input-group-prepend:not(:first-child)>a[class*=btn],
        .input-group>.input-group-append>.btn,
        .input-group>.input-group-append>.btn-black,
        .input-group>.input-group-append>.btn-gradient,
        .input-group>.input-group-append>.btn-gray,
        .input-group>.input-group-append>.btn-main,
        .input-group>.input-group-append>.btn-secondary,
        .input-group>.input-group-append>.btn-white-black,
        .input-group>.input-group-append>.btn-white-gradient,
        .input-group>.input-group-append>.btn-white-main,
        .input-group>.input-group-append>.btn-white-secondary,
        .input-group>.input-group-append>.input-group-text,
        .input-group>.input-group-prepend:first-child>.btn-black:not(:first-child),
        .input-group>.input-group-prepend:first-child>.btn-gradient:not(:first-child),
        .input-group>.input-group-prepend:first-child>.btn-gray:not(:first-child),
        .input-group>.input-group-prepend:first-child>.btn-main:not(:first-child),
        .input-group>.input-group-prepend:first-child>.btn-secondary:not(:first-child),
        .input-group>.input-group-prepend:first-child>.btn-white-black:not(:first-child),
        .input-group>.input-group-prepend:first-child>.btn-white-gradient:not(:first-child),
        .input-group>.input-group-prepend:first-child>.btn-white-main:not(:first-child),
        .input-group>.input-group-prepend:first-child>.btn-white-secondary:not(:first-child),
        .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)>.btn-black,
        .input-group>.input-group-prepend:not(:first-child)>.btn-gradient,
        .input-group>.input-group-prepend:not(:first-child)>.btn-gray,
        .input-group>.input-group-prepend:not(:first-child)>.btn-main,
        .input-group>.input-group-prepend:not(:first-child)>.btn-secondary,
        .input-group>.input-group-prepend:not(:first-child)>.btn-white-black,
        .input-group>.input-group-prepend:not(:first-child)>.btn-white-gradient,
        .input-group>.input-group-prepend:not(:first-child)>.btn-white-main,
        .input-group>.input-group-prepend:not(:first-child)>.btn-white-secondary,
        .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;
            background-color: #007bff
        }

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

        .custom-control-input:active~.custom-control-label::before {
            color: #fff;
            background-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 {
            margin-bottom: 0
        }

        .custom-control-label::before {
            position: absolute;
            top: .25rem;
            left: 0;
            display: block;
            width: 1rem;
            height: 1rem;
            pointer-events: none;
            content: "";
            user-select: none;
            background-color: #dee2e6
        }

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

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

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

        .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
            background-image: url("data:image/svg+xml;charset=utf8,%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 {
            background-color: #007bff
        }

        .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
            background-image: url("data:image/svg+xml;charset=utf8,%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::before {
            background-color: #007bff
        }

        .custom-radio .custom-control-input:checked~.custom-control-label::after {
            background-image: url("data:image/svg+xml;charset=utf8,%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-select {
            display: inline-block;
            width: 100%;
            height: calc(2.25rem + 2px);
            padding: .375rem 1.75rem .375rem .75rem;
            line-height: 1.5;
            color: #495057;
            vertical-align: middle;
            background: #fff url("data:image/svg+xml;charset=utf8,%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") no-repeat right .75rem center;
            background-size: 8px 10px;
            border: 1px solid #ced4da;
            border-radius: .25rem;
            appearance: none
        }

        .custom-select:focus {
            border-color: #80bdff;
            outline: 0;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(128, 189, 255, .5)
        }

        .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 {
            opacity: 0
        }

        .custom-select-sm {
            height: calc(1.8125rem + 2px);
            padding-top: .375rem;
            padding-bottom: .375rem;
            font-size: 75%
        }

        .custom-select-lg {
            height: calc(2.875rem + 2px);
            padding-top: .375rem;
            padding-bottom: .375rem;
            font-size: 125%
        }

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

        .custom-file-input {
            position: relative;
            z-index: 2;
            width: 100%;
            height: calc(2.25rem + 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:focus~.custom-file-label::after {
            border-color: #80bdff
        }

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

        .custom-file-label {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            z-index: 1;
            height: calc(2.25rem + 2px);
            padding: .375rem .75rem;
            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(calc(2.25rem + 2px) - 1px * 2);
            padding: .375rem .75rem;
            line-height: 1.5;
            color: #495057;
            content: "Browse";
            background-color: #e9ecef;
            border-left: 1px solid #ced4da;
            border-radius: 0 .25rem .25rem 0
        }

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

        .custom-range:focus {
            outline: 0
        }

        .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;
            appearance: none
        }

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

        .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;
            appearance: none
        }

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

        .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;
            background-color: #007bff;
            border: 0;
            border-radius: 1rem;
            appearance: none
        }

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

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

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

        .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:not(:disabled):not(.disabled) {
            cursor: pointer
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .navbar-light .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%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 {
            color: rgba(0, 0, 0, .9)
        }

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

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

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

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

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

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

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

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

        .navbar-dark .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%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 {
            color: #fff
        }

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

        .card {
            position: relative;
            display: flex;
            flex-direction: column;
            min-width: 0;
            word-wrap: break-word;
            background-color: #fff;
            background-clip: border-box;
            border: 1px solid 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:first-child {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

            .card-group>.card:first-child .card-header,
            .card-group>.card:first-child .card-img-top {
                border-top-right-radius: 0
            }

            .card-group>.card:first-child .card-footer,
            .card-group>.card:first-child .card-img-bottom {
                border-bottom-right-radius: 0
            }

            .card-group>.card:last-child {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

            .card-group>.card:last-child .card-header,
            .card-group>.card:last-child .card-img-top {
                border-top-left-radius: 0
            }

            .card-group>.card:last-child .card-footer,
            .card-group>.card:last-child .card-img-bottom {
                border-bottom-left-radius: 0
            }

            .card-group>.card:only-child {
                border-radius: .25rem
            }

            .card-group>.card:only-child .card-header,
            .card-group>.card:only-child .card-img-top {
                border-top-left-radius: .25rem;
                border-top-right-radius: .25rem
            }

            .card-group>.card:only-child .card-footer,
            .card-group>.card:only-child .card-img-bottom {
                border-bottom-right-radius: .25rem;
                border-bottom-left-radius: .25rem
            }

            .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
                border-radius: 0
            }

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

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

        @media (min-width:576px) {
            .card-columns {
                column-count: 3;
                column-gap: 1.25rem;
                orphans: 1;
                widows: 1
            }

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

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

        .accordion .card:not(:first-of-type) .card-header:first-child {
            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
        }

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

        .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-link:not(:disabled):not(.disabled) {
            cursor: pointer
        }

        .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.active .page-link {
            z-index: 1;
            color: #fff;
            background-color: #007bff;
            border-color: #007bff
        }

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

        .badge:empty {
            display: none
        }

        #pricing-section .plan.recommended li a[class*=btn] .badge,
        .btn .badge,
        .btn-black .badge,
        .btn-gradient .badge,
        .btn-gray .badge,
        .btn-main .badge,
        .btn-secondary .badge,
        .btn-white-black .badge,
        .btn-white-gradient .badge,
        .btn-white-main .badge,
        .btn-white-secondary .badge {
            position: relative;
            top: -1px
        }

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

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

        .badge-primary[href]:focus,
        .badge-primary[href]:hover {
            color: #fff;
            text-decoration: none;
            background-color: #0062cc
        }

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

        .badge-secondary[href]:focus,
        .badge-secondary[href]:hover {
            color: #fff;
            text-decoration: none;
            background-color: #545b62
        }

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

        .badge-success[href]:focus,
        .badge-success[href]:hover {
            color: #fff;
            text-decoration: none;
            background-color: #1e7e34
        }

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

        .badge-info[href]:focus,
        .badge-info[href]:hover {
            color: #fff;
            text-decoration: none;
            background-color: #117a8b
        }

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

        .badge-warning[href]:focus,
        .badge-warning[href]:hover {
            color: #212529;
            text-decoration: none;
            background-color: #d39e00
        }

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

        .badge-danger[href]:focus,
        .badge-danger[href]:hover {
            color: #fff;
            text-decoration: none;
            background-color: #bd2130
        }

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

        .badge-light[href]:focus,
        .badge-light[href]:hover {
            color: #212529;
            text-decoration: none;
            background-color: #dae0e5
        }

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

        .badge-dark[href]:focus,
        .badge-dark[href]:hover {
            color: #fff;
            text-decoration: none;
            background-color: #1d2124
        }

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

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

        @media screen and (prefers-reduced-motion:reduce) {
            .progress-bar {
                transition: none
            }
        }

        .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 {
            animation: progress-bar-stripes 1s linear infinite
        }

        .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 {
            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:focus,
        .list-group-item:hover {
            z-index: 1;
            text-decoration: none
        }

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

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

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

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

        .list-group-flush:last-child .list-group-item:last-child {
            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:focus,
        .close:hover {
            color: #000;
            text-decoration: none;
            opacity: .75
        }

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

        button.close {
            padding: 0;
            background-color: transparent;
            border: 0;
            -webkit-appearance: none
        }

        .modal-open {
            overflow: hidden
        }

        .modal {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1050;
            display: none;
            overflow: hidden;
            outline: 0
        }

        .modal-open .modal {
            overflow-x: hidden;
            overflow-y: auto
        }

        .modal-dialog {
            position: relative;
            width: auto;
            margin: .5rem;
            pointer-events: none
        }

        .modal.fade .modal-dialog {
            transition: transform .3s ease-out;
            transform: translate(0, -25%)
        }

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

        .modal.show .modal-dialog {
            transform: translate(0, 0)
        }

        .modal-dialog-centered {
            display: flex;
            align-items: center;
            min-height: calc(100% - (.5rem * 2))
        }

        .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;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1040;
            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 #e9ecef;
            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 #e9ecef
        }

        .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-centered {
                min-height: calc(100% - (1.75rem * 2))
            }

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

        @media (min-width:992px) {
            .modal-lg {
                max-width: 800px
            }
        }

        .tooltip {
            position: absolute;
            z-index: 1070;
            display: block;
            margin: 0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
            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, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
            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::after,
        .bs-popover-auto[x-placement^=top] .arrow::before,
        .bs-popover-top .arrow::after,
        .bs-popover-top .arrow::before {
            border-width: .5rem .5rem 0
        }

        .bs-popover-auto[x-placement^=top] .arrow::before,
        .bs-popover-top .arrow::before {
            bottom: 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-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::after,
        .bs-popover-auto[x-placement^=right] .arrow::before,
        .bs-popover-right .arrow::after,
        .bs-popover-right .arrow::before {
            border-width: .5rem .5rem .5rem 0
        }

        .bs-popover-auto[x-placement^=right] .arrow::before,
        .bs-popover-right .arrow::before {
            left: 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-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::after,
        .bs-popover-auto[x-placement^=bottom] .arrow::before,
        .bs-popover-bottom .arrow::after,
        .bs-popover-bottom .arrow::before {
            border-width: 0 .5rem .5rem .5rem
        }

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

        .bs-popover-auto[x-placement^=bottom] .arrow::after,
        .bs-popover-bottom .arrow::after {
            top: 1px;
            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::after,
        .bs-popover-auto[x-placement^=left] .arrow::before,
        .bs-popover-left .arrow::after,
        .bs-popover-left .arrow::before {
            border-width: .5rem 0 .5rem .5rem
        }

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

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

        .popover-header {
            padding: .5rem .75rem;
            margin-bottom: 0;
            font-size: 1rem;
            color: inherit;
            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-inner {
            position: relative;
            width: 100%;
            overflow: hidden
        }

        .carousel-item {
            position: relative;
            display: none;
            align-items: center;
            width: 100%;
            transition: transform .6s ease;
            backface-visibility: hidden;
            perspective: 1000px
        }

        @media screen and (prefers-reduced-motion:reduce) {
            .carousel-item {
                transition: none
            }
        }

        .carousel-item-next,
        .carousel-item-prev,
        .carousel-item.active {
            display: block
        }

        .carousel-item-next,
        .carousel-item-prev {
            position: absolute;
            top: 0
        }

        .carousel-item-next.carousel-item-left,
        .carousel-item-prev.carousel-item-right {
            transform: translateX(0)
        }

        @supports (transform-style:preserve-3d) {

            .carousel-item-next.carousel-item-left,
            .carousel-item-prev.carousel-item-right {
                transform: translate3d(0, 0, 0)
            }
        }

        .active.carousel-item-right,
        .carousel-item-next {
            transform: translateX(100%)
        }

        @supports (transform-style:preserve-3d) {

            .active.carousel-item-right,
            .carousel-item-next {
                transform: translate3d(100%, 0, 0)
            }
        }

        .active.carousel-item-left,
        .carousel-item-prev {
            transform: translateX(-100%)
        }

        @supports (transform-style:preserve-3d) {

            .active.carousel-item-left,
            .carousel-item-prev {
                transform: translate3d(-100%, 0, 0)
            }
        }

        .carousel-fade .carousel-item {
            opacity: 0;
            transition-duration: .6s;
            transition-property: opacity
        }

        .carousel-fade .carousel-item-next.carousel-item-left,
        .carousel-fade .carousel-item-prev.carousel-item-right,
        .carousel-fade .carousel-item.active {
            opacity: 1
        }

        .carousel-fade .active.carousel-item-left,
        .carousel-fade .active.carousel-item-right {
            opacity: 0
        }

        .carousel-fade .active.carousel-item-left,
        .carousel-fade .active.carousel-item-prev,
        .carousel-fade .carousel-item-next,
        .carousel-fade .carousel-item-prev,
        .carousel-fade .carousel-item.active {
            transform: translateX(0)
        }

        @supports (transform-style:preserve-3d) {

            .carousel-fade .active.carousel-item-left,
            .carousel-fade .active.carousel-item-prev,
            .carousel-fade .carousel-item-next,
            .carousel-fade .carousel-item-prev,
            .carousel-fade .carousel-item.active {
                transform: translate3d(0, 0, 0)
            }
        }

        .carousel-control-next,
        .carousel-control-prev {
            position: absolute;
            top: 0;
            bottom: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 15%;
            color: #fff;
            text-align: center;
            opacity: .5
        }

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

        .carousel-control-prev-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%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;charset=utf8,%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: 10px;
            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 {
            position: relative;
            flex: 0 1 auto;
            width: 30px;
            height: 3px;
            margin-right: 3px;
            margin-left: 3px;
            text-indent: -999px;
            background-color: rgba(255, 255, 255, .5)
        }

        .carousel-indicators li::before {
            position: absolute;
            top: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: ""
        }

        .carousel-indicators li::after {
            position: absolute;
            bottom: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: ""
        }

        .carousel-indicators .active {
            background-color: #fff
        }

        .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 20px;
            left: 15%;
            z-index: 10;
            padding-top: 20px;
            padding-bottom: 20px;
            color: #fff;
            text-align: center
        }

        .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 {
            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-circle {
            border-radius: 50% !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.85714%
        }

        .embed-responsive-16by9::before {
            padding-top: 56.25%
        }

        .embed-responsive-4by3::before {
            padding-top: 75%
        }

        .embed-responsive-1by1::before {
            padding-top: 100%
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @media (min-width:576px) {
            .flex-sm-row {
                flex-direction: row !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @media (min-width:768px) {
            .flex-md-row {
                flex-direction: row !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @media (min-width:992px) {
            .flex-lg-row {
                flex-direction: row !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @media (min-width:1200px) {
            .flex-xl-row {
                flex-direction: row !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .float-left {
            float: left !important
        }

        .float-right {
            float: right !important
        }

        .float-none {
            float: none !important
        }

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

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

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

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

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

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

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

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

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

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

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

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

        .position-static {
            position: static !important
        }

        .position-relative {
            position: relative !important
        }

        .position-absolute {
            position: absolute !important
        }

        .position-fixed {
            position: fixed !important
        }

        .position-sticky {
            position: sticky !important
        }

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

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

        @supports (position:sticky) {
            .sticky-top {
                position: sticky;
                top: 0;
                z-index: 1020
            }
        }

        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            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
        }

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

        .demo-1 #intro-section+section.small-section,
        .demo-10 #intro-section+section.small-section,
        .demo-11 #intro-section+section.small-section,
        .demo-12 #intro-section+section.small-section,
        .demo-13 #intro-section+section.small-section,
        .demo-14 #intro-section+section.small-section,
        .demo-15 #intro-section+section.small-section,
        .demo-16 #intro-section+section.small-section,
        .demo-17 #intro-section+section.small-section,
        .demo-18 #intro-section+section.small-section,
        .demo-2 #intro-section+section.small-section,
        .demo-3 #intro-section+section.small-section,
        .demo-4 #intro-section+section.small-section,
        .demo-5 #intro-section+section.small-section,
        .demo-6 #intro-section+section.small-section,
        .demo-7 #intro-section+section.small-section,
        .demo-8 #intro-section+section.small-section,
        .demo-9 #intro-section+section.small-section,
        .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
        }

        .demo-1 #contact-section,
        .demo-10 #contact-section,
        .demo-11 #contact-section,
        .demo-12 #contact-section,
        .demo-13 #contact-section,
        .demo-14 #contact-section,
        .demo-15 #contact-section,
        .demo-16 #contact-section,
        .demo-17 #contact-section,
        .demo-18 #contact-section,
        .demo-2 #contact-section,
        .demo-3 #contact-section,
        .demo-4 #contact-section,
        .demo-5 #contact-section,
        .demo-6 #contact-section,
        .demo-7 #contact-section,
        .demo-8 #contact-section,
        .demo-9 #contact-section,
        .pb-4,
        .py-4 {
            padding-bottom: 1.5rem !important
        }

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

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

        .demo-1 #intro-section+section:not(.small-section),
        .demo-10 #intro-section+section:not(.small-section),
        .demo-11 #intro-section+section:not(.small-section),
        .demo-12 #intro-section+section:not(.small-section),
        .demo-13 #intro-section+section:not(.small-section),
        .demo-14 #intro-section+section:not(.small-section),
        .demo-15 #intro-section+section:not(.small-section),
        .demo-16 #intro-section+section:not(.small-section),
        .demo-17 #intro-section+section:not(.small-section),
        .demo-18 #intro-section+section:not(.small-section),
        .demo-2 #intro-section+section:not(.small-section),
        .demo-3 #intro-section+section:not(.small-section),
        .demo-4 #intro-section+section:not(.small-section),
        .demo-5 #intro-section+section:not(.small-section),
        .demo-6 #intro-section+section:not(.small-section),
        .demo-7 #intro-section+section:not(.small-section),
        .demo-8 #intro-section+section:not(.small-section),
        .demo-9 #intro-section+section:not(.small-section),
        .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-auto {
            margin: auto !important
        }

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

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

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

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

        @media (min-width:576px) {
            .m-sm-0 {
                margin: 0 !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @media (min-width:768px) {
            .m-md-0 {
                margin: 0 !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @media (min-width:992px) {
            .m-lg-0 {
                margin: 0 !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @media (min-width:1200px) {
            .m-xl-0 {
                margin: 0 !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .text-monospace {
            font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
        }

        .text-justify {
            text-align: justify !important
        }

        .text-nowrap {
            white-space: nowrap !important
        }

        .text-truncate {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .text-left {
            text-align: left !important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .text-lowercase {
            text-transform: lowercase !important
        }

        .text-uppercase {
            text-transform: uppercase !important
        }

        .text-capitalize {
            text-transform: capitalize !important
        }

        .font-weight-light {
            font-weight: 300 !important
        }

        .font-weight-normal {
            font-weight: 400 !important
        }

        .font-weight-bold {
            font-weight: 700 !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: #0062cc !important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

        a.text-dark:focus,
        a.text-dark:hover {
            color: #1d2124 !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
        }

        .visible {
            visibility: visible !important
        }

        .invisible {
            visibility: hidden !important
        }

        @media print {

            *,
            ::after,
            ::before {
                text-shadow: none !important;
                box-shadow: none !important
            }

            a:not(.btn):not(.btn-white-main):not(.btn-white-secondary):not(.btn-white-black):not(.btn-white-gradient):not(.btn-gray):not(.btn-main):not(.btn-secondary):not(.btn-gradient):not(.btn-black) {
                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
            }

            body {
                min-width: 992px !important
            }

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

        @-webkit-keyframes bounce {

            0%,
            100%,
            20%,
            50%,
            80% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            40% {
                -webkit-transform: translateY(-30px);
                -moz-transform: translateY(-30px);
                -ms-transform: translateY(-30px);
                -o-transform: translateY(-30px);
                transform: translateY(-30px)
            }

            60% {
                -webkit-transform: translateY(-15px);
                -moz-transform: translateY(-15px);
                -ms-transform: translateY(-15px);
                -o-transform: translateY(-15px);
                transform: translateY(-15px)
            }
        }

        @-moz-keyframes bounce {

            0%,
            100%,
            20%,
            50%,
            80% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            40% {
                -webkit-transform: translateY(-30px);
                -moz-transform: translateY(-30px);
                -ms-transform: translateY(-30px);
                -o-transform: translateY(-30px);
                transform: translateY(-30px)
            }

            60% {
                -webkit-transform: translateY(-15px);
                -moz-transform: translateY(-15px);
                -ms-transform: translateY(-15px);
                -o-transform: translateY(-15px);
                transform: translateY(-15px)
            }
        }

        @-ms-keyframes bounce {

            0%,
            100%,
            20%,
            50%,
            80% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            40% {
                -webkit-transform: translateY(-30px);
                -moz-transform: translateY(-30px);
                -ms-transform: translateY(-30px);
                -o-transform: translateY(-30px);
                transform: translateY(-30px)
            }

            60% {
                -webkit-transform: translateY(-15px);
                -moz-transform: translateY(-15px);
                -ms-transform: translateY(-15px);
                -o-transform: translateY(-15px);
                transform: translateY(-15px)
            }
        }

        @-o-keyframes bounce {

            0%,
            100%,
            20%,
            50%,
            80% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            40% {
                -webkit-transform: translateY(-30px);
                -moz-transform: translateY(-30px);
                -ms-transform: translateY(-30px);
                -o-transform: translateY(-30px);
                transform: translateY(-30px)
            }

            60% {
                -webkit-transform: translateY(-15px);
                -moz-transform: translateY(-15px);
                -ms-transform: translateY(-15px);
                -o-transform: translateY(-15px);
                transform: translateY(-15px)
            }
        }

        @keyframes bounce {

            0%,
            100%,
            20%,
            50%,
            80% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            40% {
                -webkit-transform: translateY(-30px);
                -moz-transform: translateY(-30px);
                -ms-transform: translateY(-30px);
                -o-transform: translateY(-30px);
                transform: translateY(-30px)
            }

            60% {
                -webkit-transform: translateY(-15px);
                -moz-transform: translateY(-15px);
                -ms-transform: translateY(-15px);
                -o-transform: translateY(-15px);
                transform: translateY(-15px)
            }
        }

        @-webkit-keyframes flash {

            0%,
            100%,
            50% {
                opacity: 1
            }

            25%,
            75% {
                opacity: 0
            }
        }

        @-moz-keyframes flash {

            0%,
            100%,
            50% {
                opacity: 1
            }

            25%,
            75% {
                opacity: 0
            }
        }

        @-ms-keyframes flash {

            0%,
            100%,
            50% {
                opacity: 1
            }

            25%,
            75% {
                opacity: 0
            }
        }

        @-o-keyframes flash {

            0%,
            100%,
            50% {
                opacity: 1
            }

            25%,
            75% {
                opacity: 0
            }
        }

        @keyframes flash {

            0%,
            100%,
            50% {
                opacity: 1
            }

            25%,
            75% {
                opacity: 0
            }
        }

        @-webkit-keyframes jello {
            11.1% {
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none
            }

            22.2% {
                -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
                -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
                -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
                -o-transform: skewX(-12.5deg) skewY(-12.5deg);
                transform: skewX(-12.5deg) skewY(-12.5deg)
            }

            33.3% {
                -webkit-transform: skewX(6.25deg) skewY(6.25deg);
                -moz-transform: skewX(6.25deg) skewY(6.25deg);
                -ms-transform: skewX(6.25deg) skewY(6.25deg);
                -o-transform: skewX(6.25deg) skewY(6.25deg);
                transform: skewX(6.25deg) skewY(6.25deg)
            }

            44.4% {
                -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
                -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
                -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
                -o-transform: skewX(-3.125deg) skewY(-3.125deg);
                transform: skewX(-3.125deg) skewY(-3.125deg)
            }

            55.5% {
                -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
                -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
                -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
                -o-transform: skewX(1.5625deg) skewY(1.5625deg);
                transform: skewX(1.5625deg) skewY(1.5625deg)
            }

            66.6% {
                -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
                -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
                -ms-transform: skewX(-.78125deg) skewY(-.78125deg);
                -o-transform: skewX(-.78125deg) skewY(-.78125deg);
                transform: skewX(-.78125deg) skewY(-.78125deg)
            }

            77.7% {
                -webkit-transform: skewX(.39063deg) skewY(.39063deg);
                -moz-transform: skewX(.39063deg) skewY(.39063deg);
                -ms-transform: skewX(.39063deg) skewY(.39063deg);
                -o-transform: skewX(.39063deg) skewY(.39063deg);
                transform: skewX(.39063deg) skewY(.39063deg)
            }

            88.8% {
                -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
                -moz-transform: skewX(-.19531deg) skewY(-.19531deg);
                -ms-transform: skewX(-.19531deg) skewY(-.19531deg);
                -o-transform: skewX(-.19531deg) skewY(-.19531deg);
                transform: skewX(-.19531deg) skewY(-.19531deg)
            }

            100% {
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none
            }
        }

        @-moz-keyframes jello {
            11.1% {
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none
            }

            22.2% {
                -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
                -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
                -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
                -o-transform: skewX(-12.5deg) skewY(-12.5deg);
                transform: skewX(-12.5deg) skewY(-12.5deg)
            }

            33.3% {
                -webkit-transform: skewX(6.25deg) skewY(6.25deg);
                -moz-transform: skewX(6.25deg) skewY(6.25deg);
                -ms-transform: skewX(6.25deg) skewY(6.25deg);
                -o-transform: skewX(6.25deg) skewY(6.25deg);
                transform: skewX(6.25deg) skewY(6.25deg)
            }

            44.4% {
                -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
                -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
                -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
                -o-transform: skewX(-3.125deg) skewY(-3.125deg);
                transform: skewX(-3.125deg) skewY(-3.125deg)
            }

            55.5% {
                -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
                -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
                -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
                -o-transform: skewX(1.5625deg) skewY(1.5625deg);
                transform: skewX(1.5625deg) skewY(1.5625deg)
            }

            66.6% {
                -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
                -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
                -ms-transform: skewX(-.78125deg) skewY(-.78125deg);
                -o-transform: skewX(-.78125deg) skewY(-.78125deg);
                transform: skewX(-.78125deg) skewY(-.78125deg)
            }

            77.7% {
                -webkit-transform: skewX(.39063deg) skewY(.39063deg);
                -moz-transform: skewX(.39063deg) skewY(.39063deg);
                -ms-transform: skewX(.39063deg) skewY(.39063deg);
                -o-transform: skewX(.39063deg) skewY(.39063deg);
                transform: skewX(.39063deg) skewY(.39063deg)
            }

            88.8% {
                -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
                -moz-transform: skewX(-.19531deg) skewY(-.19531deg);
                -ms-transform: skewX(-.19531deg) skewY(-.19531deg);
                -o-transform: skewX(-.19531deg) skewY(-.19531deg);
                transform: skewX(-.19531deg) skewY(-.19531deg)
            }

            100% {
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none
            }
        }

        @-ms-keyframes jello {
            11.1% {
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none
            }

            22.2% {
                -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
                -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
                -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
                -o-transform: skewX(-12.5deg) skewY(-12.5deg);
                transform: skewX(-12.5deg) skewY(-12.5deg)
            }

            33.3% {
                -webkit-transform: skewX(6.25deg) skewY(6.25deg);
                -moz-transform: skewX(6.25deg) skewY(6.25deg);
                -ms-transform: skewX(6.25deg) skewY(6.25deg);
                -o-transform: skewX(6.25deg) skewY(6.25deg);
                transform: skewX(6.25deg) skewY(6.25deg)
            }

            44.4% {
                -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
                -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
                -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
                -o-transform: skewX(-3.125deg) skewY(-3.125deg);
                transform: skewX(-3.125deg) skewY(-3.125deg)
            }

            55.5% {
                -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
                -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
                -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
                -o-transform: skewX(1.5625deg) skewY(1.5625deg);
                transform: skewX(1.5625deg) skewY(1.5625deg)
            }

            66.6% {
                -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
                -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
                -ms-transform: skewX(-.78125deg) skewY(-.78125deg);
                -o-transform: skewX(-.78125deg) skewY(-.78125deg);
                transform: skewX(-.78125deg) skewY(-.78125deg)
            }

            77.7% {
                -webkit-transform: skewX(.39063deg) skewY(.39063deg);
                -moz-transform: skewX(.39063deg) skewY(.39063deg);
                -ms-transform: skewX(.39063deg) skewY(.39063deg);
                -o-transform: skewX(.39063deg) skewY(.39063deg);
                transform: skewX(.39063deg) skewY(.39063deg)
            }

            88.8% {
                -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
                -moz-transform: skewX(-.19531deg) skewY(-.19531deg);
                -ms-transform: skewX(-.19531deg) skewY(-.19531deg);
                -o-transform: skewX(-.19531deg) skewY(-.19531deg);
                transform: skewX(-.19531deg) skewY(-.19531deg)
            }

            100% {
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none
            }
        }

        @-o-keyframes jello {
            11.1% {
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none
            }

            22.2% {
                -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
                -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
                -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
                -o-transform: skewX(-12.5deg) skewY(-12.5deg);
                transform: skewX(-12.5deg) skewY(-12.5deg)
            }

            33.3% {
                -webkit-transform: skewX(6.25deg) skewY(6.25deg);
                -moz-transform: skewX(6.25deg) skewY(6.25deg);
                -ms-transform: skewX(6.25deg) skewY(6.25deg);
                -o-transform: skewX(6.25deg) skewY(6.25deg);
                transform: skewX(6.25deg) skewY(6.25deg)
            }

            44.4% {
                -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
                -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
                -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
                -o-transform: skewX(-3.125deg) skewY(-3.125deg);
                transform: skewX(-3.125deg) skewY(-3.125deg)
            }

            55.5% {
                -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
                -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
                -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
                -o-transform: skewX(1.5625deg) skewY(1.5625deg);
                transform: skewX(1.5625deg) skewY(1.5625deg)
            }

            66.6% {
                -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
                -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
                -ms-transform: skewX(-.78125deg) skewY(-.78125deg);
                -o-transform: skewX(-.78125deg) skewY(-.78125deg);
                transform: skewX(-.78125deg) skewY(-.78125deg)
            }

            77.7% {
                -webkit-transform: skewX(.39063deg) skewY(.39063deg);
                -moz-transform: skewX(.39063deg) skewY(.39063deg);
                -ms-transform: skewX(.39063deg) skewY(.39063deg);
                -o-transform: skewX(.39063deg) skewY(.39063deg);
                transform: skewX(.39063deg) skewY(.39063deg)
            }

            88.8% {
                -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
                -moz-transform: skewX(-.19531deg) skewY(-.19531deg);
                -ms-transform: skewX(-.19531deg) skewY(-.19531deg);
                -o-transform: skewX(-.19531deg) skewY(-.19531deg);
                transform: skewX(-.19531deg) skewY(-.19531deg)
            }

            100% {
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none
            }
        }

        @keyframes jello {
            11.1% {
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none
            }

            22.2% {
                -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
                -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
                -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
                -o-transform: skewX(-12.5deg) skewY(-12.5deg);
                transform: skewX(-12.5deg) skewY(-12.5deg)
            }

            33.3% {
                -webkit-transform: skewX(6.25deg) skewY(6.25deg);
                -moz-transform: skewX(6.25deg) skewY(6.25deg);
                -ms-transform: skewX(6.25deg) skewY(6.25deg);
                -o-transform: skewX(6.25deg) skewY(6.25deg);
                transform: skewX(6.25deg) skewY(6.25deg)
            }

            44.4% {
                -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
                -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
                -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
                -o-transform: skewX(-3.125deg) skewY(-3.125deg);
                transform: skewX(-3.125deg) skewY(-3.125deg)
            }

            55.5% {
                -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
                -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
                -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
                -o-transform: skewX(1.5625deg) skewY(1.5625deg);
                transform: skewX(1.5625deg) skewY(1.5625deg)
            }

            66.6% {
                -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
                -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
                -ms-transform: skewX(-.78125deg) skewY(-.78125deg);
                -o-transform: skewX(-.78125deg) skewY(-.78125deg);
                transform: skewX(-.78125deg) skewY(-.78125deg)
            }

            77.7% {
                -webkit-transform: skewX(.39063deg) skewY(.39063deg);
                -moz-transform: skewX(.39063deg) skewY(.39063deg);
                -ms-transform: skewX(.39063deg) skewY(.39063deg);
                -o-transform: skewX(.39063deg) skewY(.39063deg);
                transform: skewX(.39063deg) skewY(.39063deg)
            }

            88.8% {
                -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
                -moz-transform: skewX(-.19531deg) skewY(-.19531deg);
                -ms-transform: skewX(-.19531deg) skewY(-.19531deg);
                -o-transform: skewX(-.19531deg) skewY(-.19531deg);
                transform: skewX(-.19531deg) skewY(-.19531deg)
            }

            100% {
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none
            }
        }

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

            50% {
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                transform: scale(1.1)
            }

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

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

            50% {
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                transform: scale(1.1)
            }

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

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

            50% {
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                transform: scale(1.1)
            }

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

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

            50% {
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                transform: scale(1.1)
            }

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

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

            50% {
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                transform: scale(1.1)
            }

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

        @-webkit-keyframes rubberBand {
            0% {
                -webkit-transform: scale3d(1, 1, 1);
                -moz-transform: scale3d(1, 1, 1);
                -ms-transform: scale3d(1, 1, 1);
                -o-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }

            30% {
                -webkit-transform: scale3d(1.25, .75, 1);
                -moz-transform: scale3d(1.25, .75, 1);
                -ms-transform: scale3d(1.25, .75, 1);
                -o-transform: scale3d(1.25, .75, 1);
                transform: scale3d(1.25, .75, 1)
            }

            40% {
                -webkit-transform: scale3d(.75, 1.25, 1);
                -moz-transform: scale3d(.75, 1.25, 1);
                -ms-transform: scale3d(.75, 1.25, 1);
                -o-transform: scale3d(.75, 1.25, 1);
                transform: scale3d(.75, 1.25, 1)
            }

            50% {
                -webkit-transform: scale3d(1.15, .85, 1);
                -moz-transform: scale3d(1.15, .85, 1);
                -ms-transform: scale3d(1.15, .85, 1);
                -o-transform: scale3d(1.15, .85, 1);
                transform: scale3d(1.15, .85, 1)
            }

            65% {
                -webkit-transform: scale3d(.95, 1.05, 1);
                -moz-transform: scale3d(.95, 1.05, 1);
                -ms-transform: scale3d(.95, 1.05, 1);
                -o-transform: scale3d(.95, 1.05, 1);
                transform: scale3d(.95, 1.05, 1)
            }

            75% {
                -webkit-transform: scale3d(1.05, .95, 1);
                -moz-transform: scale3d(1.05, .95, 1);
                -ms-transform: scale3d(1.05, .95, 1);
                -o-transform: scale3d(1.05, .95, 1);
                transform: scale3d(1.05, .95, 1)
            }

            100% {
                -webkit-transform: scale3d(1, 1, 1);
                -moz-transform: scale3d(1, 1, 1);
                -ms-transform: scale3d(1, 1, 1);
                -o-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }

        @-moz-keyframes rubberBand {
            0% {
                -webkit-transform: scale3d(1, 1, 1);
                -moz-transform: scale3d(1, 1, 1);
                -ms-transform: scale3d(1, 1, 1);
                -o-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }

            30% {
                -webkit-transform: scale3d(1.25, .75, 1);
                -moz-transform: scale3d(1.25, .75, 1);
                -ms-transform: scale3d(1.25, .75, 1);
                -o-transform: scale3d(1.25, .75, 1);
                transform: scale3d(1.25, .75, 1)
            }

            40% {
                -webkit-transform: scale3d(.75, 1.25, 1);
                -moz-transform: scale3d(.75, 1.25, 1);
                -ms-transform: scale3d(.75, 1.25, 1);
                -o-transform: scale3d(.75, 1.25, 1);
                transform: scale3d(.75, 1.25, 1)
            }

            50% {
                -webkit-transform: scale3d(1.15, .85, 1);
                -moz-transform: scale3d(1.15, .85, 1);
                -ms-transform: scale3d(1.15, .85, 1);
                -o-transform: scale3d(1.15, .85, 1);
                transform: scale3d(1.15, .85, 1)
            }

            65% {
                -webkit-transform: scale3d(.95, 1.05, 1);
                -moz-transform: scale3d(.95, 1.05, 1);
                -ms-transform: scale3d(.95, 1.05, 1);
                -o-transform: scale3d(.95, 1.05, 1);
                transform: scale3d(.95, 1.05, 1)
            }

            75% {
                -webkit-transform: scale3d(1.05, .95, 1);
                -moz-transform: scale3d(1.05, .95, 1);
                -ms-transform: scale3d(1.05, .95, 1);
                -o-transform: scale3d(1.05, .95, 1);
                transform: scale3d(1.05, .95, 1)
            }

            100% {
                -webkit-transform: scale3d(1, 1, 1);
                -moz-transform: scale3d(1, 1, 1);
                -ms-transform: scale3d(1, 1, 1);
                -o-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }

        @-ms-keyframes rubberBand {
            0% {
                -webkit-transform: scale3d(1, 1, 1);
                -moz-transform: scale3d(1, 1, 1);
                -ms-transform: scale3d(1, 1, 1);
                -o-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }

            30% {
                -webkit-transform: scale3d(1.25, .75, 1);
                -moz-transform: scale3d(1.25, .75, 1);
                -ms-transform: scale3d(1.25, .75, 1);
                -o-transform: scale3d(1.25, .75, 1);
                transform: scale3d(1.25, .75, 1)
            }

            40% {
                -webkit-transform: scale3d(.75, 1.25, 1);
                -moz-transform: scale3d(.75, 1.25, 1);
                -ms-transform: scale3d(.75, 1.25, 1);
                -o-transform: scale3d(.75, 1.25, 1);
                transform: scale3d(.75, 1.25, 1)
            }

            50% {
                -webkit-transform: scale3d(1.15, .85, 1);
                -moz-transform: scale3d(1.15, .85, 1);
                -ms-transform: scale3d(1.15, .85, 1);
                -o-transform: scale3d(1.15, .85, 1);
                transform: scale3d(1.15, .85, 1)
            }

            65% {
                -webkit-transform: scale3d(.95, 1.05, 1);
                -moz-transform: scale3d(.95, 1.05, 1);
                -ms-transform: scale3d(.95, 1.05, 1);
                -o-transform: scale3d(.95, 1.05, 1);
                transform: scale3d(.95, 1.05, 1)
            }

            75% {
                -webkit-transform: scale3d(1.05, .95, 1);
                -moz-transform: scale3d(1.05, .95, 1);
                -ms-transform: scale3d(1.05, .95, 1);
                -o-transform: scale3d(1.05, .95, 1);
                transform: scale3d(1.05, .95, 1)
            }

            100% {
                -webkit-transform: scale3d(1, 1, 1);
                -moz-transform: scale3d(1, 1, 1);
                -ms-transform: scale3d(1, 1, 1);
                -o-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }

        @-o-keyframes rubberBand {
            0% {
                -webkit-transform: scale3d(1, 1, 1);
                -moz-transform: scale3d(1, 1, 1);
                -ms-transform: scale3d(1, 1, 1);
                -o-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }

            30% {
                -webkit-transform: scale3d(1.25, .75, 1);
                -moz-transform: scale3d(1.25, .75, 1);
                -ms-transform: scale3d(1.25, .75, 1);
                -o-transform: scale3d(1.25, .75, 1);
                transform: scale3d(1.25, .75, 1)
            }

            40% {
                -webkit-transform: scale3d(.75, 1.25, 1);
                -moz-transform: scale3d(.75, 1.25, 1);
                -ms-transform: scale3d(.75, 1.25, 1);
                -o-transform: scale3d(.75, 1.25, 1);
                transform: scale3d(.75, 1.25, 1)
            }

            50% {
                -webkit-transform: scale3d(1.15, .85, 1);
                -moz-transform: scale3d(1.15, .85, 1);
                -ms-transform: scale3d(1.15, .85, 1);
                -o-transform: scale3d(1.15, .85, 1);
                transform: scale3d(1.15, .85, 1)
            }

            65% {
                -webkit-transform: scale3d(.95, 1.05, 1);
                -moz-transform: scale3d(.95, 1.05, 1);
                -ms-transform: scale3d(.95, 1.05, 1);
                -o-transform: scale3d(.95, 1.05, 1);
                transform: scale3d(.95, 1.05, 1)
            }

            75% {
                -webkit-transform: scale3d(1.05, .95, 1);
                -moz-transform: scale3d(1.05, .95, 1);
                -ms-transform: scale3d(1.05, .95, 1);
                -o-transform: scale3d(1.05, .95, 1);
                transform: scale3d(1.05, .95, 1)
            }

            100% {
                -webkit-transform: scale3d(1, 1, 1);
                -moz-transform: scale3d(1, 1, 1);
                -ms-transform: scale3d(1, 1, 1);
                -o-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }

        @keyframes rubberBand {
            0% {
                -webkit-transform: scale3d(1, 1, 1);
                -moz-transform: scale3d(1, 1, 1);
                -ms-transform: scale3d(1, 1, 1);
                -o-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }

            30% {
                -webkit-transform: scale3d(1.25, .75, 1);
                -moz-transform: scale3d(1.25, .75, 1);
                -ms-transform: scale3d(1.25, .75, 1);
                -o-transform: scale3d(1.25, .75, 1);
                transform: scale3d(1.25, .75, 1)
            }

            40% {
                -webkit-transform: scale3d(.75, 1.25, 1);
                -moz-transform: scale3d(.75, 1.25, 1);
                -ms-transform: scale3d(.75, 1.25, 1);
                -o-transform: scale3d(.75, 1.25, 1);
                transform: scale3d(.75, 1.25, 1)
            }

            50% {
                -webkit-transform: scale3d(1.15, .85, 1);
                -moz-transform: scale3d(1.15, .85, 1);
                -ms-transform: scale3d(1.15, .85, 1);
                -o-transform: scale3d(1.15, .85, 1);
                transform: scale3d(1.15, .85, 1)
            }

            65% {
                -webkit-transform: scale3d(.95, 1.05, 1);
                -moz-transform: scale3d(.95, 1.05, 1);
                -ms-transform: scale3d(.95, 1.05, 1);
                -o-transform: scale3d(.95, 1.05, 1);
                transform: scale3d(.95, 1.05, 1)
            }

            75% {
                -webkit-transform: scale3d(1.05, .95, 1);
                -moz-transform: scale3d(1.05, .95, 1);
                -ms-transform: scale3d(1.05, .95, 1);
                -o-transform: scale3d(1.05, .95, 1);
                transform: scale3d(1.05, .95, 1)
            }

            100% {
                -webkit-transform: scale3d(1, 1, 1);
                -moz-transform: scale3d(1, 1, 1);
                -ms-transform: scale3d(1, 1, 1);
                -o-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1)
            }
        }

        @-webkit-keyframes shake {

            0%,
            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            10%,
            30%,
            50%,
            70%,
            90% {
                -webkit-transform: translateX(-10px);
                -moz-transform: translateX(-10px);
                -ms-transform: translateX(-10px);
                -o-transform: translateX(-10px);
                transform: translateX(-10px)
            }

            20%,
            40%,
            60%,
            80% {
                -webkit-transform: translateX(10px);
                -moz-transform: translateX(10px);
                -ms-transform: translateX(10px);
                -o-transform: translateX(10px);
                transform: translateX(10px)
            }
        }

        @-moz-keyframes shake {

            0%,
            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            10%,
            30%,
            50%,
            70%,
            90% {
                -webkit-transform: translateX(-10px);
                -moz-transform: translateX(-10px);
                -ms-transform: translateX(-10px);
                -o-transform: translateX(-10px);
                transform: translateX(-10px)
            }

            20%,
            40%,
            60%,
            80% {
                -webkit-transform: translateX(10px);
                -moz-transform: translateX(10px);
                -ms-transform: translateX(10px);
                -o-transform: translateX(10px);
                transform: translateX(10px)
            }
        }

        @-ms-keyframes shake {

            0%,
            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            10%,
            30%,
            50%,
            70%,
            90% {
                -webkit-transform: translateX(-10px);
                -moz-transform: translateX(-10px);
                -ms-transform: translateX(-10px);
                -o-transform: translateX(-10px);
                transform: translateX(-10px)
            }

            20%,
            40%,
            60%,
            80% {
                -webkit-transform: translateX(10px);
                -moz-transform: translateX(10px);
                -ms-transform: translateX(10px);
                -o-transform: translateX(10px);
                transform: translateX(10px)
            }
        }

        @-o-keyframes shake {

            0%,
            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            10%,
            30%,
            50%,
            70%,
            90% {
                -webkit-transform: translateX(-10px);
                -moz-transform: translateX(-10px);
                -ms-transform: translateX(-10px);
                -o-transform: translateX(-10px);
                transform: translateX(-10px)
            }

            20%,
            40%,
            60%,
            80% {
                -webkit-transform: translateX(10px);
                -moz-transform: translateX(10px);
                -ms-transform: translateX(10px);
                -o-transform: translateX(10px);
                transform: translateX(10px)
            }
        }

        @keyframes shake {

            0%,
            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            10%,
            30%,
            50%,
            70%,
            90% {
                -webkit-transform: translateX(-10px);
                -moz-transform: translateX(-10px);
                -ms-transform: translateX(-10px);
                -o-transform: translateX(-10px);
                transform: translateX(-10px)
            }

            20%,
            40%,
            60%,
            80% {
                -webkit-transform: translateX(10px);
                -moz-transform: translateX(10px);
                -ms-transform: translateX(10px);
                -o-transform: translateX(10px);
                transform: translateX(10px)
            }
        }

        @-webkit-keyframes swing {

            100%,
            20%,
            40%,
            60%,
            80% {
                -webkit-transform-origin: top center;
                -moz-transform-origin: top center;
                -ms-transform-origin: top center;
                -o-transform-origin: top center;
                transform-origin: top center
            }

            20% {
                -webkit-transform: rotate(15deg);
                -moz-transform: rotate(15deg);
                -ms-transform: rotate(15deg);
                -o-transform: rotate(15deg);
                transform: rotate(15deg)
            }

            40% {
                -webkit-transform: rotate(-10deg);
                -moz-transform: rotate(-10deg);
                -ms-transform: rotate(-10deg);
                -o-transform: rotate(-10deg);
                transform: rotate(-10deg)
            }

            60% {
                -webkit-transform: rotate(5deg);
                -moz-transform: rotate(5deg);
                -ms-transform: rotate(5deg);
                -o-transform: rotate(5deg);
                transform: rotate(5deg)
            }

            80% {
                -webkit-transform: rotate(-5deg);
                -moz-transform: rotate(-5deg);
                -ms-transform: rotate(-5deg);
                -o-transform: rotate(-5deg);
                transform: rotate(-5deg)
            }

            100% {
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0)
            }
        }

        @-moz-keyframes swing {

            100%,
            20%,
            40%,
            60%,
            80% {
                -webkit-transform-origin: top center;
                -moz-transform-origin: top center;
                -ms-transform-origin: top center;
                -o-transform-origin: top center;
                transform-origin: top center
            }

            20% {
                -webkit-transform: rotate(15deg);
                -moz-transform: rotate(15deg);
                -ms-transform: rotate(15deg);
                -o-transform: rotate(15deg);
                transform: rotate(15deg)
            }

            40% {
                -webkit-transform: rotate(-10deg);
                -moz-transform: rotate(-10deg);
                -ms-transform: rotate(-10deg);
                -o-transform: rotate(-10deg);
                transform: rotate(-10deg)
            }

            60% {
                -webkit-transform: rotate(5deg);
                -moz-transform: rotate(5deg);
                -ms-transform: rotate(5deg);
                -o-transform: rotate(5deg);
                transform: rotate(5deg)
            }

            80% {
                -webkit-transform: rotate(-5deg);
                -moz-transform: rotate(-5deg);
                -ms-transform: rotate(-5deg);
                -o-transform: rotate(-5deg);
                transform: rotate(-5deg)
            }

            100% {
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0)
            }
        }

        @-ms-keyframes swing {

            100%,
            20%,
            40%,
            60%,
            80% {
                -webkit-transform-origin: top center;
                -moz-transform-origin: top center;
                -ms-transform-origin: top center;
                -o-transform-origin: top center;
                transform-origin: top center
            }

            20% {
                -webkit-transform: rotate(15deg);
                -moz-transform: rotate(15deg);
                -ms-transform: rotate(15deg);
                -o-transform: rotate(15deg);
                transform: rotate(15deg)
            }

            40% {
                -webkit-transform: rotate(-10deg);
                -moz-transform: rotate(-10deg);
                -ms-transform: rotate(-10deg);
                -o-transform: rotate(-10deg);
                transform: rotate(-10deg)
            }

            60% {
                -webkit-transform: rotate(5deg);
                -moz-transform: rotate(5deg);
                -ms-transform: rotate(5deg);
                -o-transform: rotate(5deg);
                transform: rotate(5deg)
            }

            80% {
                -webkit-transform: rotate(-5deg);
                -moz-transform: rotate(-5deg);
                -ms-transform: rotate(-5deg);
                -o-transform: rotate(-5deg);
                transform: rotate(-5deg)
            }

            100% {
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0)
            }
        }

        @-o-keyframes swing {

            100%,
            20%,
            40%,
            60%,
            80% {
                -webkit-transform-origin: top center;
                -moz-transform-origin: top center;
                -ms-transform-origin: top center;
                -o-transform-origin: top center;
                transform-origin: top center
            }

            20% {
                -webkit-transform: rotate(15deg);
                -moz-transform: rotate(15deg);
                -ms-transform: rotate(15deg);
                -o-transform: rotate(15deg);
                transform: rotate(15deg)
            }

            40% {
                -webkit-transform: rotate(-10deg);
                -moz-transform: rotate(-10deg);
                -ms-transform: rotate(-10deg);
                -o-transform: rotate(-10deg);
                transform: rotate(-10deg)
            }

            60% {
                -webkit-transform: rotate(5deg);
                -moz-transform: rotate(5deg);
                -ms-transform: rotate(5deg);
                -o-transform: rotate(5deg);
                transform: rotate(5deg)
            }

            80% {
                -webkit-transform: rotate(-5deg);
                -moz-transform: rotate(-5deg);
                -ms-transform: rotate(-5deg);
                -o-transform: rotate(-5deg);
                transform: rotate(-5deg)
            }

            100% {
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0)
            }
        }

        @keyframes swing {

            100%,
            20%,
            40%,
            60%,
            80% {
                -webkit-transform-origin: top center;
                -moz-transform-origin: top center;
                -ms-transform-origin: top center;
                -o-transform-origin: top center;
                transform-origin: top center
            }

            20% {
                -webkit-transform: rotate(15deg);
                -moz-transform: rotate(15deg);
                -ms-transform: rotate(15deg);
                -o-transform: rotate(15deg);
                transform: rotate(15deg)
            }

            40% {
                -webkit-transform: rotate(-10deg);
                -moz-transform: rotate(-10deg);
                -ms-transform: rotate(-10deg);
                -o-transform: rotate(-10deg);
                transform: rotate(-10deg)
            }

            60% {
                -webkit-transform: rotate(5deg);
                -moz-transform: rotate(5deg);
                -ms-transform: rotate(5deg);
                -o-transform: rotate(5deg);
                transform: rotate(5deg)
            }

            80% {
                -webkit-transform: rotate(-5deg);
                -moz-transform: rotate(-5deg);
                -ms-transform: rotate(-5deg);
                -o-transform: rotate(-5deg);
                transform: rotate(-5deg)
            }

            100% {
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0)
            }
        }

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

            10%,
            20% {
                -webkit-transform: scale(.9) rotate(-3deg);
                -moz-transform: scale(.9) rotate(-3deg);
                -ms-transform: scale(.9) rotate(-3deg);
                -o-transform: scale(.9) rotate(-3deg);
                transform: scale(.9) rotate(-3deg)
            }

            30%,
            50%,
            70%,
            90% {
                -webkit-transform: scale(1.1) rotate(3deg);
                -moz-transform: scale(1.1) rotate(3deg);
                -ms-transform: scale(1.1) rotate(3deg);
                -o-transform: scale(1.1) rotate(3deg);
                transform: scale(1.1) rotate(3deg)
            }

            40%,
            60%,
            80% {
                -webkit-transform: scale(1.1) rotate(-3deg);
                -moz-transform: scale(1.1) rotate(-3deg);
                -ms-transform: scale(1.1) rotate(-3deg);
                -o-transform: scale(1.1) rotate(-3deg);
                transform: scale(1.1) rotate(-3deg)
            }

            100% {
                -webkit-transform: scale(1) rotate(0);
                -moz-transform: scale(1) rotate(0);
                -ms-transform: scale(1) rotate(0);
                -o-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0)
            }
        }

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

            10%,
            20% {
                -webkit-transform: scale(.9) rotate(-3deg);
                -moz-transform: scale(.9) rotate(-3deg);
                -ms-transform: scale(.9) rotate(-3deg);
                -o-transform: scale(.9) rotate(-3deg);
                transform: scale(.9) rotate(-3deg)
            }

            30%,
            50%,
            70%,
            90% {
                -webkit-transform: scale(1.1) rotate(3deg);
                -moz-transform: scale(1.1) rotate(3deg);
                -ms-transform: scale(1.1) rotate(3deg);
                -o-transform: scale(1.1) rotate(3deg);
                transform: scale(1.1) rotate(3deg)
            }

            40%,
            60%,
            80% {
                -webkit-transform: scale(1.1) rotate(-3deg);
                -moz-transform: scale(1.1) rotate(-3deg);
                -ms-transform: scale(1.1) rotate(-3deg);
                -o-transform: scale(1.1) rotate(-3deg);
                transform: scale(1.1) rotate(-3deg)
            }

            100% {
                -webkit-transform: scale(1) rotate(0);
                -moz-transform: scale(1) rotate(0);
                -ms-transform: scale(1) rotate(0);
                -o-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0)
            }
        }

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

            10%,
            20% {
                -webkit-transform: scale(.9) rotate(-3deg);
                -moz-transform: scale(.9) rotate(-3deg);
                -ms-transform: scale(.9) rotate(-3deg);
                -o-transform: scale(.9) rotate(-3deg);
                transform: scale(.9) rotate(-3deg)
            }

            30%,
            50%,
            70%,
            90% {
                -webkit-transform: scale(1.1) rotate(3deg);
                -moz-transform: scale(1.1) rotate(3deg);
                -ms-transform: scale(1.1) rotate(3deg);
                -o-transform: scale(1.1) rotate(3deg);
                transform: scale(1.1) rotate(3deg)
            }

            40%,
            60%,
            80% {
                -webkit-transform: scale(1.1) rotate(-3deg);
                -moz-transform: scale(1.1) rotate(-3deg);
                -ms-transform: scale(1.1) rotate(-3deg);
                -o-transform: scale(1.1) rotate(-3deg);
                transform: scale(1.1) rotate(-3deg)
            }

            100% {
                -webkit-transform: scale(1) rotate(0);
                -moz-transform: scale(1) rotate(0);
                -ms-transform: scale(1) rotate(0);
                -o-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0)
            }
        }

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

            10%,
            20% {
                -webkit-transform: scale(.9) rotate(-3deg);
                -moz-transform: scale(.9) rotate(-3deg);
                -ms-transform: scale(.9) rotate(-3deg);
                -o-transform: scale(.9) rotate(-3deg);
                transform: scale(.9) rotate(-3deg)
            }

            30%,
            50%,
            70%,
            90% {
                -webkit-transform: scale(1.1) rotate(3deg);
                -moz-transform: scale(1.1) rotate(3deg);
                -ms-transform: scale(1.1) rotate(3deg);
                -o-transform: scale(1.1) rotate(3deg);
                transform: scale(1.1) rotate(3deg)
            }

            40%,
            60%,
            80% {
                -webkit-transform: scale(1.1) rotate(-3deg);
                -moz-transform: scale(1.1) rotate(-3deg);
                -ms-transform: scale(1.1) rotate(-3deg);
                -o-transform: scale(1.1) rotate(-3deg);
                transform: scale(1.1) rotate(-3deg)
            }

            100% {
                -webkit-transform: scale(1) rotate(0);
                -moz-transform: scale(1) rotate(0);
                -ms-transform: scale(1) rotate(0);
                -o-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0)
            }
        }

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

            10%,
            20% {
                -webkit-transform: scale(.9) rotate(-3deg);
                -moz-transform: scale(.9) rotate(-3deg);
                -ms-transform: scale(.9) rotate(-3deg);
                -o-transform: scale(.9) rotate(-3deg);
                transform: scale(.9) rotate(-3deg)
            }

            30%,
            50%,
            70%,
            90% {
                -webkit-transform: scale(1.1) rotate(3deg);
                -moz-transform: scale(1.1) rotate(3deg);
                -ms-transform: scale(1.1) rotate(3deg);
                -o-transform: scale(1.1) rotate(3deg);
                transform: scale(1.1) rotate(3deg)
            }

            40%,
            60%,
            80% {
                -webkit-transform: scale(1.1) rotate(-3deg);
                -moz-transform: scale(1.1) rotate(-3deg);
                -ms-transform: scale(1.1) rotate(-3deg);
                -o-transform: scale(1.1) rotate(-3deg);
                transform: scale(1.1) rotate(-3deg)
            }

            100% {
                -webkit-transform: scale(1) rotate(0);
                -moz-transform: scale(1) rotate(0);
                -ms-transform: scale(1) rotate(0);
                -o-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0)
            }
        }

        @-webkit-keyframes wobble {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            15% {
                -webkit-transform: translateX(-25%) rotate(-5deg);
                -moz-transform: translateX(-25%) rotate(-5deg);
                -ms-transform: translateX(-25%) rotate(-5deg);
                -o-transform: translateX(-25%) rotate(-5deg);
                transform: translateX(-25%) rotate(-5deg)
            }

            30% {
                -webkit-transform: translateX(20%) rotate(3deg);
                -moz-transform: translateX(20%) rotate(3deg);
                -ms-transform: translateX(20%) rotate(3deg);
                -o-transform: translateX(20%) rotate(3deg);
                transform: translateX(20%) rotate(3deg)
            }

            45% {
                -webkit-transform: translateX(-15%) rotate(-3deg);
                -moz-transform: translateX(-15%) rotate(-3deg);
                -ms-transform: translateX(-15%) rotate(-3deg);
                -o-transform: translateX(-15%) rotate(-3deg);
                transform: translateX(-15%) rotate(-3deg)
            }

            60% {
                -webkit-transform: translateX(10%) rotate(2deg);
                -moz-transform: translateX(10%) rotate(2deg);
                -ms-transform: translateX(10%) rotate(2deg);
                -o-transform: translateX(10%) rotate(2deg);
                transform: translateX(10%) rotate(2deg)
            }

            75% {
                -webkit-transform: translateX(-5%) rotate(-1deg);
                -moz-transform: translateX(-5%) rotate(-1deg);
                -ms-transform: translateX(-5%) rotate(-1deg);
                -o-transform: translateX(-5%) rotate(-1deg);
                transform: translateX(-5%) rotate(-1deg)
            }

            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-moz-keyframes wobble {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            15% {
                -webkit-transform: translateX(-25%) rotate(-5deg);
                -moz-transform: translateX(-25%) rotate(-5deg);
                -ms-transform: translateX(-25%) rotate(-5deg);
                -o-transform: translateX(-25%) rotate(-5deg);
                transform: translateX(-25%) rotate(-5deg)
            }

            30% {
                -webkit-transform: translateX(20%) rotate(3deg);
                -moz-transform: translateX(20%) rotate(3deg);
                -ms-transform: translateX(20%) rotate(3deg);
                -o-transform: translateX(20%) rotate(3deg);
                transform: translateX(20%) rotate(3deg)
            }

            45% {
                -webkit-transform: translateX(-15%) rotate(-3deg);
                -moz-transform: translateX(-15%) rotate(-3deg);
                -ms-transform: translateX(-15%) rotate(-3deg);
                -o-transform: translateX(-15%) rotate(-3deg);
                transform: translateX(-15%) rotate(-3deg)
            }

            60% {
                -webkit-transform: translateX(10%) rotate(2deg);
                -moz-transform: translateX(10%) rotate(2deg);
                -ms-transform: translateX(10%) rotate(2deg);
                -o-transform: translateX(10%) rotate(2deg);
                transform: translateX(10%) rotate(2deg)
            }

            75% {
                -webkit-transform: translateX(-5%) rotate(-1deg);
                -moz-transform: translateX(-5%) rotate(-1deg);
                -ms-transform: translateX(-5%) rotate(-1deg);
                -o-transform: translateX(-5%) rotate(-1deg);
                transform: translateX(-5%) rotate(-1deg)
            }

            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-ms-keyframes wobble {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            15% {
                -webkit-transform: translateX(-25%) rotate(-5deg);
                -moz-transform: translateX(-25%) rotate(-5deg);
                -ms-transform: translateX(-25%) rotate(-5deg);
                -o-transform: translateX(-25%) rotate(-5deg);
                transform: translateX(-25%) rotate(-5deg)
            }

            30% {
                -webkit-transform: translateX(20%) rotate(3deg);
                -moz-transform: translateX(20%) rotate(3deg);
                -ms-transform: translateX(20%) rotate(3deg);
                -o-transform: translateX(20%) rotate(3deg);
                transform: translateX(20%) rotate(3deg)
            }

            45% {
                -webkit-transform: translateX(-15%) rotate(-3deg);
                -moz-transform: translateX(-15%) rotate(-3deg);
                -ms-transform: translateX(-15%) rotate(-3deg);
                -o-transform: translateX(-15%) rotate(-3deg);
                transform: translateX(-15%) rotate(-3deg)
            }

            60% {
                -webkit-transform: translateX(10%) rotate(2deg);
                -moz-transform: translateX(10%) rotate(2deg);
                -ms-transform: translateX(10%) rotate(2deg);
                -o-transform: translateX(10%) rotate(2deg);
                transform: translateX(10%) rotate(2deg)
            }

            75% {
                -webkit-transform: translateX(-5%) rotate(-1deg);
                -moz-transform: translateX(-5%) rotate(-1deg);
                -ms-transform: translateX(-5%) rotate(-1deg);
                -o-transform: translateX(-5%) rotate(-1deg);
                transform: translateX(-5%) rotate(-1deg)
            }

            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-o-keyframes wobble {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            15% {
                -webkit-transform: translateX(-25%) rotate(-5deg);
                -moz-transform: translateX(-25%) rotate(-5deg);
                -ms-transform: translateX(-25%) rotate(-5deg);
                -o-transform: translateX(-25%) rotate(-5deg);
                transform: translateX(-25%) rotate(-5deg)
            }

            30% {
                -webkit-transform: translateX(20%) rotate(3deg);
                -moz-transform: translateX(20%) rotate(3deg);
                -ms-transform: translateX(20%) rotate(3deg);
                -o-transform: translateX(20%) rotate(3deg);
                transform: translateX(20%) rotate(3deg)
            }

            45% {
                -webkit-transform: translateX(-15%) rotate(-3deg);
                -moz-transform: translateX(-15%) rotate(-3deg);
                -ms-transform: translateX(-15%) rotate(-3deg);
                -o-transform: translateX(-15%) rotate(-3deg);
                transform: translateX(-15%) rotate(-3deg)
            }

            60% {
                -webkit-transform: translateX(10%) rotate(2deg);
                -moz-transform: translateX(10%) rotate(2deg);
                -ms-transform: translateX(10%) rotate(2deg);
                -o-transform: translateX(10%) rotate(2deg);
                transform: translateX(10%) rotate(2deg)
            }

            75% {
                -webkit-transform: translateX(-5%) rotate(-1deg);
                -moz-transform: translateX(-5%) rotate(-1deg);
                -ms-transform: translateX(-5%) rotate(-1deg);
                -o-transform: translateX(-5%) rotate(-1deg);
                transform: translateX(-5%) rotate(-1deg)
            }

            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @keyframes wobble {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            15% {
                -webkit-transform: translateX(-25%) rotate(-5deg);
                -moz-transform: translateX(-25%) rotate(-5deg);
                -ms-transform: translateX(-25%) rotate(-5deg);
                -o-transform: translateX(-25%) rotate(-5deg);
                transform: translateX(-25%) rotate(-5deg)
            }

            30% {
                -webkit-transform: translateX(20%) rotate(3deg);
                -moz-transform: translateX(20%) rotate(3deg);
                -ms-transform: translateX(20%) rotate(3deg);
                -o-transform: translateX(20%) rotate(3deg);
                transform: translateX(20%) rotate(3deg)
            }

            45% {
                -webkit-transform: translateX(-15%) rotate(-3deg);
                -moz-transform: translateX(-15%) rotate(-3deg);
                -ms-transform: translateX(-15%) rotate(-3deg);
                -o-transform: translateX(-15%) rotate(-3deg);
                transform: translateX(-15%) rotate(-3deg)
            }

            60% {
                -webkit-transform: translateX(10%) rotate(2deg);
                -moz-transform: translateX(10%) rotate(2deg);
                -ms-transform: translateX(10%) rotate(2deg);
                -o-transform: translateX(10%) rotate(2deg);
                transform: translateX(10%) rotate(2deg)
            }

            75% {
                -webkit-transform: translateX(-5%) rotate(-1deg);
                -moz-transform: translateX(-5%) rotate(-1deg);
                -ms-transform: translateX(-5%) rotate(-1deg);
                -o-transform: translateX(-5%) rotate(-1deg);
                transform: translateX(-5%) rotate(-1deg)
            }

            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-webkit-keyframes bounceIn {
            0% {
                opacity: 0;
                -webkit-transform: scale(.3);
                -moz-transform: scale(.3);
                -ms-transform: scale(.3);
                -o-transform: scale(.3);
                transform: scale(.3)
            }

            50% {
                opacity: 1;
                -webkit-transform: scale(1.05);
                -moz-transform: scale(1.05);
                -ms-transform: scale(1.05);
                -o-transform: scale(1.05);
                transform: scale(1.05)
            }

            70% {
                -webkit-transform: scale(.9);
                -moz-transform: scale(.9);
                -ms-transform: scale(.9);
                -o-transform: scale(.9);
                transform: scale(.9)
            }

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

        @-moz-keyframes bounceIn {
            0% {
                opacity: 0;
                -webkit-transform: scale(.3);
                -moz-transform: scale(.3);
                -ms-transform: scale(.3);
                -o-transform: scale(.3);
                transform: scale(.3)
            }

            50% {
                opacity: 1;
                -webkit-transform: scale(1.05);
                -moz-transform: scale(1.05);
                -ms-transform: scale(1.05);
                -o-transform: scale(1.05);
                transform: scale(1.05)
            }

            70% {
                -webkit-transform: scale(.9);
                -moz-transform: scale(.9);
                -ms-transform: scale(.9);
                -o-transform: scale(.9);
                transform: scale(.9)
            }

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

        @-ms-keyframes bounceIn {
            0% {
                opacity: 0;
                -webkit-transform: scale(.3);
                -moz-transform: scale(.3);
                -ms-transform: scale(.3);
                -o-transform: scale(.3);
                transform: scale(.3)
            }

            50% {
                opacity: 1;
                -webkit-transform: scale(1.05);
                -moz-transform: scale(1.05);
                -ms-transform: scale(1.05);
                -o-transform: scale(1.05);
                transform: scale(1.05)
            }

            70% {
                -webkit-transform: scale(.9);
                -moz-transform: scale(.9);
                -ms-transform: scale(.9);
                -o-transform: scale(.9);
                transform: scale(.9)
            }

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

        @-o-keyframes bounceIn {
            0% {
                opacity: 0;
                -webkit-transform: scale(.3);
                -moz-transform: scale(.3);
                -ms-transform: scale(.3);
                -o-transform: scale(.3);
                transform: scale(.3)
            }

            50% {
                opacity: 1;
                -webkit-transform: scale(1.05);
                -moz-transform: scale(1.05);
                -ms-transform: scale(1.05);
                -o-transform: scale(1.05);
                transform: scale(1.05)
            }

            70% {
                -webkit-transform: scale(.9);
                -moz-transform: scale(.9);
                -ms-transform: scale(.9);
                -o-transform: scale(.9);
                transform: scale(.9)
            }

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

        @keyframes bounceIn {
            0% {
                opacity: 0;
                -webkit-transform: scale(.3);
                -moz-transform: scale(.3);
                -ms-transform: scale(.3);
                -o-transform: scale(.3);
                transform: scale(.3)
            }

            50% {
                opacity: 1;
                -webkit-transform: scale(1.05);
                -moz-transform: scale(1.05);
                -ms-transform: scale(1.05);
                -o-transform: scale(1.05);
                transform: scale(1.05)
            }

            70% {
                -webkit-transform: scale(.9);
                -moz-transform: scale(.9);
                -ms-transform: scale(.9);
                -o-transform: scale(.9);
                transform: scale(.9)
            }

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

        @-webkit-keyframes bounceInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateY(30px);
                -moz-transform: translateY(30px);
                -ms-transform: translateY(30px);
                -o-transform: translateY(30px);
                transform: translateY(30px)
            }

            80% {
                -webkit-transform: translateY(-10px);
                -moz-transform: translateY(-10px);
                -ms-transform: translateY(-10px);
                -o-transform: translateY(-10px);
                transform: translateY(-10px)
            }

            100% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-moz-keyframes bounceInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateY(30px);
                -moz-transform: translateY(30px);
                -ms-transform: translateY(30px);
                -o-transform: translateY(30px);
                transform: translateY(30px)
            }

            80% {
                -webkit-transform: translateY(-10px);
                -moz-transform: translateY(-10px);
                -ms-transform: translateY(-10px);
                -o-transform: translateY(-10px);
                transform: translateY(-10px)
            }

            100% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-ms-keyframes bounceInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateY(30px);
                -moz-transform: translateY(30px);
                -ms-transform: translateY(30px);
                -o-transform: translateY(30px);
                transform: translateY(30px)
            }

            80% {
                -webkit-transform: translateY(-10px);
                -moz-transform: translateY(-10px);
                -ms-transform: translateY(-10px);
                -o-transform: translateY(-10px);
                transform: translateY(-10px)
            }

            100% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-o-keyframes bounceInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateY(30px);
                -moz-transform: translateY(30px);
                -ms-transform: translateY(30px);
                -o-transform: translateY(30px);
                transform: translateY(30px)
            }

            80% {
                -webkit-transform: translateY(-10px);
                -moz-transform: translateY(-10px);
                -ms-transform: translateY(-10px);
                -o-transform: translateY(-10px);
                transform: translateY(-10px)
            }

            100% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @keyframes bounceInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateY(30px);
                -moz-transform: translateY(30px);
                -ms-transform: translateY(30px);
                -o-transform: translateY(30px);
                transform: translateY(30px)
            }

            80% {
                -webkit-transform: translateY(-10px);
                -moz-transform: translateY(-10px);
                -ms-transform: translateY(-10px);
                -o-transform: translateY(-10px);
                transform: translateY(-10px)
            }

            100% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-webkit-keyframes bounceInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(30px);
                -moz-transform: translateX(30px);
                -ms-transform: translateX(30px);
                -o-transform: translateX(30px);
                transform: translateX(30px)
            }

            80% {
                -webkit-transform: translateX(-10px);
                -moz-transform: translateX(-10px);
                -ms-transform: translateX(-10px);
                -o-transform: translateX(-10px);
                transform: translateX(-10px)
            }

            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-moz-keyframes bounceInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(30px);
                -moz-transform: translateX(30px);
                -ms-transform: translateX(30px);
                -o-transform: translateX(30px);
                transform: translateX(30px)
            }

            80% {
                -webkit-transform: translateX(-10px);
                -moz-transform: translateX(-10px);
                -ms-transform: translateX(-10px);
                -o-transform: translateX(-10px);
                transform: translateX(-10px)
            }

            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-ms-keyframes bounceInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(30px);
                -moz-transform: translateX(30px);
                -ms-transform: translateX(30px);
                -o-transform: translateX(30px);
                transform: translateX(30px)
            }

            80% {
                -webkit-transform: translateX(-10px);
                -moz-transform: translateX(-10px);
                -ms-transform: translateX(-10px);
                -o-transform: translateX(-10px);
                transform: translateX(-10px)
            }

            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-o-keyframes bounceInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(30px);
                -moz-transform: translateX(30px);
                -ms-transform: translateX(30px);
                -o-transform: translateX(30px);
                transform: translateX(30px)
            }

            80% {
                -webkit-transform: translateX(-10px);
                -moz-transform: translateX(-10px);
                -ms-transform: translateX(-10px);
                -o-transform: translateX(-10px);
                transform: translateX(-10px)
            }

            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @keyframes bounceInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(30px);
                -moz-transform: translateX(30px);
                -ms-transform: translateX(30px);
                -o-transform: translateX(30px);
                transform: translateX(30px)
            }

            80% {
                -webkit-transform: translateX(-10px);
                -moz-transform: translateX(-10px);
                -ms-transform: translateX(-10px);
                -o-transform: translateX(-10px);
                transform: translateX(-10px)
            }

            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-webkit-keyframes bounceInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(-30px);
                -moz-transform: translateX(-30px);
                -ms-transform: translateX(-30px);
                -o-transform: translateX(-30px);
                transform: translateX(-30px)
            }

            80% {
                -webkit-transform: translateX(10px);
                -moz-transform: translateX(10px);
                -ms-transform: translateX(10px);
                -o-transform: translateX(10px);
                transform: translateX(10px)
            }

            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-moz-keyframes bounceInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(-30px);
                -moz-transform: translateX(-30px);
                -ms-transform: translateX(-30px);
                -o-transform: translateX(-30px);
                transform: translateX(-30px)
            }

            80% {
                -webkit-transform: translateX(10px);
                -moz-transform: translateX(10px);
                -ms-transform: translateX(10px);
                -o-transform: translateX(10px);
                transform: translateX(10px)
            }

            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-ms-keyframes bounceInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(-30px);
                -moz-transform: translateX(-30px);
                -ms-transform: translateX(-30px);
                -o-transform: translateX(-30px);
                transform: translateX(-30px)
            }

            80% {
                -webkit-transform: translateX(10px);
                -moz-transform: translateX(10px);
                -ms-transform: translateX(10px);
                -o-transform: translateX(10px);
                transform: translateX(10px)
            }

            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-o-keyframes bounceInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(-30px);
                -moz-transform: translateX(-30px);
                -ms-transform: translateX(-30px);
                -o-transform: translateX(-30px);
                transform: translateX(-30px)
            }

            80% {
                -webkit-transform: translateX(10px);
                -moz-transform: translateX(10px);
                -ms-transform: translateX(10px);
                -o-transform: translateX(10px);
                transform: translateX(10px)
            }

            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @keyframes bounceInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(-30px);
                -moz-transform: translateX(-30px);
                -ms-transform: translateX(-30px);
                -o-transform: translateX(-30px);
                transform: translateX(-30px)
            }

            80% {
                -webkit-transform: translateX(10px);
                -moz-transform: translateX(10px);
                -ms-transform: translateX(10px);
                -o-transform: translateX(10px);
                transform: translateX(10px)
            }

            100% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-webkit-keyframes bounceInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateY(-30px);
                -moz-transform: translateY(-30px);
                -ms-transform: translateY(-30px);
                -o-transform: translateY(-30px);
                transform: translateY(-30px)
            }

            80% {
                -webkit-transform: translateY(10px);
                -moz-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -o-transform: translateY(10px);
                transform: translateY(10px)
            }

            100% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-moz-keyframes bounceInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateY(-30px);
                -moz-transform: translateY(-30px);
                -ms-transform: translateY(-30px);
                -o-transform: translateY(-30px);
                transform: translateY(-30px)
            }

            80% {
                -webkit-transform: translateY(10px);
                -moz-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -o-transform: translateY(10px);
                transform: translateY(10px)
            }

            100% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-ms-keyframes bounceInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateY(-30px);
                -moz-transform: translateY(-30px);
                -ms-transform: translateY(-30px);
                -o-transform: translateY(-30px);
                transform: translateY(-30px)
            }

            80% {
                -webkit-transform: translateY(10px);
                -moz-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -o-transform: translateY(10px);
                transform: translateY(10px)
            }

            100% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-o-keyframes bounceInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateY(-30px);
                -moz-transform: translateY(-30px);
                -ms-transform: translateY(-30px);
                -o-transform: translateY(-30px);
                transform: translateY(-30px)
            }

            80% {
                -webkit-transform: translateY(10px);
                -moz-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -o-transform: translateY(10px);
                transform: translateY(10px)
            }

            100% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @keyframes bounceInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateY(-30px);
                -moz-transform: translateY(-30px);
                -ms-transform: translateY(-30px);
                -o-transform: translateY(-30px);
                transform: translateY(-30px)
            }

            80% {
                -webkit-transform: translateY(10px);
                -moz-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -o-transform: translateY(10px);
                transform: translateY(10px)
            }

            100% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

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

            25% {
                -webkit-transform: scale(.95);
                -moz-transform: scale(.95);
                -ms-transform: scale(.95);
                -o-transform: scale(.95);
                transform: scale(.95)
            }

            50% {
                opacity: 1;
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                transform: scale(1.1)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(.3);
                -moz-transform: scale(.3);
                -ms-transform: scale(.3);
                -o-transform: scale(.3);
                transform: scale(.3)
            }
        }

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

            25% {
                -webkit-transform: scale(.95);
                -moz-transform: scale(.95);
                -ms-transform: scale(.95);
                -o-transform: scale(.95);
                transform: scale(.95)
            }

            50% {
                opacity: 1;
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                transform: scale(1.1)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(.3);
                -moz-transform: scale(.3);
                -ms-transform: scale(.3);
                -o-transform: scale(.3);
                transform: scale(.3)
            }
        }

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

            25% {
                -webkit-transform: scale(.95);
                -moz-transform: scale(.95);
                -ms-transform: scale(.95);
                -o-transform: scale(.95);
                transform: scale(.95)
            }

            50% {
                opacity: 1;
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                transform: scale(1.1)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(.3);
                -moz-transform: scale(.3);
                -ms-transform: scale(.3);
                -o-transform: scale(.3);
                transform: scale(.3)
            }
        }

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

            25% {
                -webkit-transform: scale(.95);
                -moz-transform: scale(.95);
                -ms-transform: scale(.95);
                -o-transform: scale(.95);
                transform: scale(.95)
            }

            50% {
                opacity: 1;
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                transform: scale(1.1)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(.3);
                -moz-transform: scale(.3);
                -ms-transform: scale(.3);
                -o-transform: scale(.3);
                transform: scale(.3)
            }
        }

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

            25% {
                -webkit-transform: scale(.95);
                -moz-transform: scale(.95);
                -ms-transform: scale(.95);
                -o-transform: scale(.95);
                transform: scale(.95)
            }

            50% {
                opacity: 1;
                -webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                transform: scale(1.1)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(.3);
                -moz-transform: scale(.3);
                -ms-transform: scale(.3);
                -o-transform: scale(.3);
                transform: scale(.3)
            }
        }

        @-webkit-keyframes bounceOutDown {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateY(-20px);
                -moz-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                -o-transform: translateY(-20px);
                transform: translateY(-20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }
        }

        @-moz-keyframes bounceOutDown {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateY(-20px);
                -moz-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                -o-transform: translateY(-20px);
                transform: translateY(-20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }
        }

        @-ms-keyframes bounceOutDown {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateY(-20px);
                -moz-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                -o-transform: translateY(-20px);
                transform: translateY(-20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }
        }

        @-o-keyframes bounceOutDown {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateY(-20px);
                -moz-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                -o-transform: translateY(-20px);
                transform: translateY(-20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }
        }

        @keyframes bounceOutDown {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateY(-20px);
                -moz-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                -o-transform: translateY(-20px);
                transform: translateY(-20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }
        }

        @-webkit-keyframes bounceOutLeft {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateX(20px);
                -moz-transform: translateX(20px);
                -ms-transform: translateX(20px);
                -o-transform: translateX(20px);
                transform: translateX(20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }
        }

        @-moz-keyframes bounceOutLeft {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateX(20px);
                -moz-transform: translateX(20px);
                -ms-transform: translateX(20px);
                -o-transform: translateX(20px);
                transform: translateX(20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }
        }

        @-ms-keyframes bounceOutLeft {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateX(20px);
                -moz-transform: translateX(20px);
                -ms-transform: translateX(20px);
                -o-transform: translateX(20px);
                transform: translateX(20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }
        }

        @-o-keyframes bounceOutLeft {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateX(20px);
                -moz-transform: translateX(20px);
                -ms-transform: translateX(20px);
                -o-transform: translateX(20px);
                transform: translateX(20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }
        }

        @keyframes bounceOutLeft {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateX(20px);
                -moz-transform: translateX(20px);
                -ms-transform: translateX(20px);
                -o-transform: translateX(20px);
                transform: translateX(20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }
        }

        @-webkit-keyframes bounceOutRight {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateX(-20px);
                -moz-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                -o-transform: translateX(-20px);
                transform: translateX(-20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }
        }

        @-moz-keyframes bounceOutRight {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateX(-20px);
                -moz-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                -o-transform: translateX(-20px);
                transform: translateX(-20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }
        }

        @-ms-keyframes bounceOutRight {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateX(-20px);
                -moz-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                -o-transform: translateX(-20px);
                transform: translateX(-20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }
        }

        @-o-keyframes bounceOutRight {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateX(-20px);
                -moz-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                -o-transform: translateX(-20px);
                transform: translateX(-20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }
        }

        @keyframes bounceOutRight {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateX(-20px);
                -moz-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                -o-transform: translateX(-20px);
                transform: translateX(-20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }
        }

        @-webkit-keyframes bounceOutUp {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                -o-transform: translateY(20px);
                transform: translateY(20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }
        }

        @-moz-keyframes bounceOutUp {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                -o-transform: translateY(20px);
                transform: translateY(20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }
        }

        @-ms-keyframes bounceOutUp {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                -o-transform: translateY(20px);
                transform: translateY(20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }
        }

        @-o-keyframes bounceOutUp {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                -o-transform: translateY(20px);
                transform: translateY(20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }
        }

        @keyframes bounceOutUp {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            20% {
                opacity: 1;
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                -o-transform: translateY(20px);
                transform: translateY(20px)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }
        }

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

            100% {
                opacity: 1
            }
        }

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

            100% {
                opacity: 1
            }
        }

        @-ms-keyframes fadeIn {
            0% {
                opacity: 0
            }

            100% {
                opacity: 1
            }
        }

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

            100% {
                opacity: 1
            }
        }

        @keyframes fadeIn {
            0% {
                opacity: 0
            }

            100% {
                opacity: 1
            }
        }

        @-webkit-keyframes fadeInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-20px);
                -moz-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                -o-transform: translateY(-20px);
                transform: translateY(-20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-moz-keyframes fadeInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-20px);
                -moz-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                -o-transform: translateY(-20px);
                transform: translateY(-20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-ms-keyframes fadeInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-20px);
                -moz-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                -o-transform: translateY(-20px);
                transform: translateY(-20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-o-keyframes fadeInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-20px);
                -moz-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                -o-transform: translateY(-20px);
                transform: translateY(-20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @keyframes fadeInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-20px);
                -moz-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                -o-transform: translateY(-20px);
                transform: translateY(-20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-webkit-keyframes fadeInDownBig {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-moz-keyframes fadeInDownBig {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-ms-keyframes fadeInDownBig {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-o-keyframes fadeInDownBig {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @keyframes fadeInDownBig {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-webkit-keyframes fadeInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-20px);
                -moz-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                -o-transform: translateX(-20px);
                transform: translateX(-20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-moz-keyframes fadeInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-20px);
                -moz-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                -o-transform: translateX(-20px);
                transform: translateX(-20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-ms-keyframes fadeInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-20px);
                -moz-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                -o-transform: translateX(-20px);
                transform: translateX(-20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-o-keyframes fadeInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-20px);
                -moz-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                -o-transform: translateX(-20px);
                transform: translateX(-20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @keyframes fadeInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-20px);
                -moz-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                -o-transform: translateX(-20px);
                transform: translateX(-20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-webkit-keyframes fadeInLeftBig {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-moz-keyframes fadeInLeftBig {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-ms-keyframes fadeInLeftBig {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-o-keyframes fadeInLeftBig {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @keyframes fadeInLeftBig {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-webkit-keyframes fadeInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(20px);
                -moz-transform: translateX(20px);
                -ms-transform: translateX(20px);
                -o-transform: translateX(20px);
                transform: translateX(20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-moz-keyframes fadeInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(20px);
                -moz-transform: translateX(20px);
                -ms-transform: translateX(20px);
                -o-transform: translateX(20px);
                transform: translateX(20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-ms-keyframes fadeInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(20px);
                -moz-transform: translateX(20px);
                -ms-transform: translateX(20px);
                -o-transform: translateX(20px);
                transform: translateX(20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-o-keyframes fadeInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(20px);
                -moz-transform: translateX(20px);
                -ms-transform: translateX(20px);
                -o-transform: translateX(20px);
                transform: translateX(20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @keyframes fadeInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(20px);
                -moz-transform: translateX(20px);
                -ms-transform: translateX(20px);
                -o-transform: translateX(20px);
                transform: translateX(20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-webkit-keyframes fadeInRightBig {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-moz-keyframes fadeInRightBig {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-ms-keyframes fadeInRightBig {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-o-keyframes fadeInRightBig {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @keyframes fadeInRightBig {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-webkit-keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                -o-transform: translateY(20px);
                transform: translateY(20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-moz-keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                -o-transform: translateY(20px);
                transform: translateY(20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-ms-keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                -o-transform: translateY(20px);
                transform: translateY(20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-o-keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                -o-transform: translateY(20px);
                transform: translateY(20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                -o-transform: translateY(20px);
                transform: translateY(20px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-webkit-keyframes fadeInUpBig {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-moz-keyframes fadeInUpBig {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-ms-keyframes fadeInUpBig {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-o-keyframes fadeInUpBig {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @keyframes fadeInUpBig {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-webkit-keyframes fadeOut {
            0% {
                opacity: 1
            }

            100% {
                opacity: 0
            }
        }

        @-moz-keyframes fadeOut {
            0% {
                opacity: 1
            }

            100% {
                opacity: 0
            }
        }

        @-ms-keyframes fadeOut {
            0% {
                opacity: 1
            }

            100% {
                opacity: 0
            }
        }

        @-o-keyframes fadeOut {
            0% {
                opacity: 1
            }

            100% {
                opacity: 0
            }
        }

        @keyframes fadeOut {
            0% {
                opacity: 1
            }

            100% {
                opacity: 0
            }
        }

        @-webkit-keyframes fadeOutDown {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                -o-transform: translateY(20px);
                transform: translateY(20px)
            }
        }

        @-moz-keyframes fadeOutDown {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                -o-transform: translateY(20px);
                transform: translateY(20px)
            }
        }

        @-ms-keyframes fadeOutDown {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                -o-transform: translateY(20px);
                transform: translateY(20px)
            }
        }

        @-o-keyframes fadeOutDown {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                -o-transform: translateY(20px);
                transform: translateY(20px)
            }
        }

        @keyframes fadeOutDown {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                -o-transform: translateY(20px);
                transform: translateY(20px)
            }
        }

        @-webkit-keyframes fadeOutDownBig {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }
        }

        @-moz-keyframes fadeOutDownBig {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }
        }

        @-ms-keyframes fadeOutDownBig {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }
        }

        @-o-keyframes fadeOutDownBig {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }
        }

        @keyframes fadeOutDownBig {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }
        }

        @-webkit-keyframes fadeOutLeft {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-20px);
                -moz-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                -o-transform: translateX(-20px);
                transform: translateX(-20px)
            }
        }

        @-moz-keyframes fadeOutLeft {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-20px);
                -moz-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                -o-transform: translateX(-20px);
                transform: translateX(-20px)
            }
        }

        @-ms-keyframes fadeOutLeft {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-20px);
                -moz-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                -o-transform: translateX(-20px);
                transform: translateX(-20px)
            }
        }

        @-o-keyframes fadeOutLeft {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-20px);
                -moz-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                -o-transform: translateX(-20px);
                transform: translateX(-20px)
            }
        }

        @keyframes fadeOutLeft {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-20px);
                -moz-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                -o-transform: translateX(-20px);
                transform: translateX(-20px)
            }
        }

        @-webkit-keyframes fadeOutLeftBig {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }
        }

        @-moz-keyframes fadeOutLeftBig {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }
        }

        @-ms-keyframes fadeOutLeftBig {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }
        }

        @-o-keyframes fadeOutLeftBig {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }
        }

        @keyframes fadeOutLeftBig {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }
        }

        @-webkit-keyframes fadeOutRight {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(20px);
                -moz-transform: translateX(20px);
                -ms-transform: translateX(20px);
                -o-transform: translateX(20px);
                transform: translateX(20px)
            }
        }

        @-moz-keyframes fadeOutRight {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(20px);
                -moz-transform: translateX(20px);
                -ms-transform: translateX(20px);
                -o-transform: translateX(20px);
                transform: translateX(20px)
            }
        }

        @-ms-keyframes fadeOutRight {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(20px);
                -moz-transform: translateX(20px);
                -ms-transform: translateX(20px);
                -o-transform: translateX(20px);
                transform: translateX(20px)
            }
        }

        @-o-keyframes fadeOutRight {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(20px);
                -moz-transform: translateX(20px);
                -ms-transform: translateX(20px);
                -o-transform: translateX(20px);
                transform: translateX(20px)
            }
        }

        @keyframes fadeOutRight {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(20px);
                -moz-transform: translateX(20px);
                -ms-transform: translateX(20px);
                -o-transform: translateX(20px);
                transform: translateX(20px)
            }
        }

        @-webkit-keyframes fadeOutRightBig {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }
        }

        @-moz-keyframes fadeOutRightBig {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }
        }

        @-ms-keyframes fadeOutRightBig {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }
        }

        @-o-keyframes fadeOutRightBig {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }
        }

        @keyframes fadeOutRightBig {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }
        }

        @-webkit-keyframes fadeOutUp {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-20px);
                -moz-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                -o-transform: translateY(-20px);
                transform: translateY(-20px)
            }
        }

        @-moz-keyframes fadeOutUp {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-20px);
                -moz-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                -o-transform: translateY(-20px);
                transform: translateY(-20px)
            }
        }

        @-ms-keyframes fadeOutUp {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-20px);
                -moz-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                -o-transform: translateY(-20px);
                transform: translateY(-20px)
            }
        }

        @-o-keyframes fadeOutUp {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-20px);
                -moz-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                -o-transform: translateY(-20px);
                transform: translateY(-20px)
            }
        }

        @keyframes fadeOutUp {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-20px);
                -moz-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                -o-transform: translateY(-20px);
                transform: translateY(-20px)
            }
        }

        @-webkit-keyframes fadeOutUpBig {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }
        }

        @-moz-keyframes fadeOutUpBig {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }
        }

        @-ms-keyframes fadeOutUpBig {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }
        }

        @-o-keyframes fadeOutUpBig {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }
        }

        @keyframes fadeOutUpBig {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }
        }

        @-webkit-keyframes flip {
            0% {
                -webkit-transform: perspective(400px) rotateY(0);
                -moz-transform: perspective(400px) rotateY(0);
                -ms-transform: perspective(400px) rotateY(0);
                -o-transform: perspective(400px) rotateY(0);
                transform: perspective(400px) rotateY(0);
                animation-timing-function: ease-out
            }

            40% {
                -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                transform: perspective(400px) translateZ(150px) rotateY(170deg);
                animation-timing-function: ease-out
            }

            50% {
                -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                animation-timing-function: ease-in
            }

            80% {
                -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
                -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
                -ms-transform: perspective(400px) rotateY(360deg) scale(.95);
                -o-transform: perspective(400px) rotateY(360deg) scale(.95);
                transform: perspective(400px) rotateY(360deg) scale(.95);
                animation-timing-function: ease-in
            }

            100% {
                -webkit-transform: perspective(400px) scale(1);
                -moz-transform: perspective(400px) scale(1);
                -ms-transform: perspective(400px) scale(1);
                -o-transform: perspective(400px) scale(1);
                transform: perspective(400px) scale(1);
                animation-timing-function: ease-in
            }
        }

        @-moz-keyframes flip {
            0% {
                -webkit-transform: perspective(400px) rotateY(0);
                -moz-transform: perspective(400px) rotateY(0);
                -ms-transform: perspective(400px) rotateY(0);
                -o-transform: perspective(400px) rotateY(0);
                transform: perspective(400px) rotateY(0);
                animation-timing-function: ease-out
            }

            40% {
                -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                transform: perspective(400px) translateZ(150px) rotateY(170deg);
                animation-timing-function: ease-out
            }

            50% {
                -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                animation-timing-function: ease-in
            }

            80% {
                -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
                -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
                -ms-transform: perspective(400px) rotateY(360deg) scale(.95);
                -o-transform: perspective(400px) rotateY(360deg) scale(.95);
                transform: perspective(400px) rotateY(360deg) scale(.95);
                animation-timing-function: ease-in
            }

            100% {
                -webkit-transform: perspective(400px) scale(1);
                -moz-transform: perspective(400px) scale(1);
                -ms-transform: perspective(400px) scale(1);
                -o-transform: perspective(400px) scale(1);
                transform: perspective(400px) scale(1);
                animation-timing-function: ease-in
            }
        }

        @-ms-keyframes flip {
            0% {
                -webkit-transform: perspective(400px) rotateY(0);
                -moz-transform: perspective(400px) rotateY(0);
                -ms-transform: perspective(400px) rotateY(0);
                -o-transform: perspective(400px) rotateY(0);
                transform: perspective(400px) rotateY(0);
                animation-timing-function: ease-out
            }

            40% {
                -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                transform: perspective(400px) translateZ(150px) rotateY(170deg);
                animation-timing-function: ease-out
            }

            50% {
                -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                animation-timing-function: ease-in
            }

            80% {
                -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
                -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
                -ms-transform: perspective(400px) rotateY(360deg) scale(.95);
                -o-transform: perspective(400px) rotateY(360deg) scale(.95);
                transform: perspective(400px) rotateY(360deg) scale(.95);
                animation-timing-function: ease-in
            }

            100% {
                -webkit-transform: perspective(400px) scale(1);
                -moz-transform: perspective(400px) scale(1);
                -ms-transform: perspective(400px) scale(1);
                -o-transform: perspective(400px) scale(1);
                transform: perspective(400px) scale(1);
                animation-timing-function: ease-in
            }
        }

        @-o-keyframes flip {
            0% {
                -webkit-transform: perspective(400px) rotateY(0);
                -moz-transform: perspective(400px) rotateY(0);
                -ms-transform: perspective(400px) rotateY(0);
                -o-transform: perspective(400px) rotateY(0);
                transform: perspective(400px) rotateY(0);
                animation-timing-function: ease-out
            }

            40% {
                -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                transform: perspective(400px) translateZ(150px) rotateY(170deg);
                animation-timing-function: ease-out
            }

            50% {
                -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                animation-timing-function: ease-in
            }

            80% {
                -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
                -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
                -ms-transform: perspective(400px) rotateY(360deg) scale(.95);
                -o-transform: perspective(400px) rotateY(360deg) scale(.95);
                transform: perspective(400px) rotateY(360deg) scale(.95);
                animation-timing-function: ease-in
            }

            100% {
                -webkit-transform: perspective(400px) scale(1);
                -moz-transform: perspective(400px) scale(1);
                -ms-transform: perspective(400px) scale(1);
                -o-transform: perspective(400px) scale(1);
                transform: perspective(400px) scale(1);
                animation-timing-function: ease-in
            }
        }

        @keyframes flip {
            0% {
                -webkit-transform: perspective(400px) rotateY(0);
                -moz-transform: perspective(400px) rotateY(0);
                -ms-transform: perspective(400px) rotateY(0);
                -o-transform: perspective(400px) rotateY(0);
                transform: perspective(400px) rotateY(0);
                animation-timing-function: ease-out
            }

            40% {
                -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
                transform: perspective(400px) translateZ(150px) rotateY(170deg);
                animation-timing-function: ease-out
            }

            50% {
                -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                animation-timing-function: ease-in
            }

            80% {
                -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
                -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
                -ms-transform: perspective(400px) rotateY(360deg) scale(.95);
                -o-transform: perspective(400px) rotateY(360deg) scale(.95);
                transform: perspective(400px) rotateY(360deg) scale(.95);
                animation-timing-function: ease-in
            }

            100% {
                -webkit-transform: perspective(400px) scale(1);
                -moz-transform: perspective(400px) scale(1);
                -ms-transform: perspective(400px) scale(1);
                -o-transform: perspective(400px) scale(1);
                transform: perspective(400px) scale(1);
                animation-timing-function: ease-in
            }
        }

        @-webkit-keyframes flipInX {
            0% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateX(90deg);
                -moz-transform: perspective(400px) rotateX(90deg);
                -ms-transform: perspective(400px) rotateX(90deg);
                -o-transform: perspective(400px) rotateX(90deg);
                transform: perspective(400px) rotateX(90deg)
            }

            40% {
                -webkit-transform: perspective(400px) rotateX(-10deg);
                -moz-transform: perspective(400px) rotateX(-10deg);
                -ms-transform: perspective(400px) rotateX(-10deg);
                -o-transform: perspective(400px) rotateX(-10deg);
                transform: perspective(400px) rotateX(-10deg)
            }

            70% {
                -webkit-transform: perspective(400px) rotateX(10deg);
                -moz-transform: perspective(400px) rotateX(10deg);
                -ms-transform: perspective(400px) rotateX(10deg);
                -o-transform: perspective(400px) rotateX(10deg);
                transform: perspective(400px) rotateX(10deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateX(0);
                -moz-transform: perspective(400px) rotateX(0);
                -ms-transform: perspective(400px) rotateX(0);
                -o-transform: perspective(400px) rotateX(0);
                transform: perspective(400px) rotateX(0)
            }
        }

        @-moz-keyframes flipInX {
            0% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateX(90deg);
                -moz-transform: perspective(400px) rotateX(90deg);
                -ms-transform: perspective(400px) rotateX(90deg);
                -o-transform: perspective(400px) rotateX(90deg);
                transform: perspective(400px) rotateX(90deg)
            }

            40% {
                -webkit-transform: perspective(400px) rotateX(-10deg);
                -moz-transform: perspective(400px) rotateX(-10deg);
                -ms-transform: perspective(400px) rotateX(-10deg);
                -o-transform: perspective(400px) rotateX(-10deg);
                transform: perspective(400px) rotateX(-10deg)
            }

            70% {
                -webkit-transform: perspective(400px) rotateX(10deg);
                -moz-transform: perspective(400px) rotateX(10deg);
                -ms-transform: perspective(400px) rotateX(10deg);
                -o-transform: perspective(400px) rotateX(10deg);
                transform: perspective(400px) rotateX(10deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateX(0);
                -moz-transform: perspective(400px) rotateX(0);
                -ms-transform: perspective(400px) rotateX(0);
                -o-transform: perspective(400px) rotateX(0);
                transform: perspective(400px) rotateX(0)
            }
        }

        @-ms-keyframes flipInX {
            0% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateX(90deg);
                -moz-transform: perspective(400px) rotateX(90deg);
                -ms-transform: perspective(400px) rotateX(90deg);
                -o-transform: perspective(400px) rotateX(90deg);
                transform: perspective(400px) rotateX(90deg)
            }

            40% {
                -webkit-transform: perspective(400px) rotateX(-10deg);
                -moz-transform: perspective(400px) rotateX(-10deg);
                -ms-transform: perspective(400px) rotateX(-10deg);
                -o-transform: perspective(400px) rotateX(-10deg);
                transform: perspective(400px) rotateX(-10deg)
            }

            70% {
                -webkit-transform: perspective(400px) rotateX(10deg);
                -moz-transform: perspective(400px) rotateX(10deg);
                -ms-transform: perspective(400px) rotateX(10deg);
                -o-transform: perspective(400px) rotateX(10deg);
                transform: perspective(400px) rotateX(10deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateX(0);
                -moz-transform: perspective(400px) rotateX(0);
                -ms-transform: perspective(400px) rotateX(0);
                -o-transform: perspective(400px) rotateX(0);
                transform: perspective(400px) rotateX(0)
            }
        }

        @-o-keyframes flipInX {
            0% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateX(90deg);
                -moz-transform: perspective(400px) rotateX(90deg);
                -ms-transform: perspective(400px) rotateX(90deg);
                -o-transform: perspective(400px) rotateX(90deg);
                transform: perspective(400px) rotateX(90deg)
            }

            40% {
                -webkit-transform: perspective(400px) rotateX(-10deg);
                -moz-transform: perspective(400px) rotateX(-10deg);
                -ms-transform: perspective(400px) rotateX(-10deg);
                -o-transform: perspective(400px) rotateX(-10deg);
                transform: perspective(400px) rotateX(-10deg)
            }

            70% {
                -webkit-transform: perspective(400px) rotateX(10deg);
                -moz-transform: perspective(400px) rotateX(10deg);
                -ms-transform: perspective(400px) rotateX(10deg);
                -o-transform: perspective(400px) rotateX(10deg);
                transform: perspective(400px) rotateX(10deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateX(0);
                -moz-transform: perspective(400px) rotateX(0);
                -ms-transform: perspective(400px) rotateX(0);
                -o-transform: perspective(400px) rotateX(0);
                transform: perspective(400px) rotateX(0)
            }
        }

        @keyframes flipInX {
            0% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateX(90deg);
                -moz-transform: perspective(400px) rotateX(90deg);
                -ms-transform: perspective(400px) rotateX(90deg);
                -o-transform: perspective(400px) rotateX(90deg);
                transform: perspective(400px) rotateX(90deg)
            }

            40% {
                -webkit-transform: perspective(400px) rotateX(-10deg);
                -moz-transform: perspective(400px) rotateX(-10deg);
                -ms-transform: perspective(400px) rotateX(-10deg);
                -o-transform: perspective(400px) rotateX(-10deg);
                transform: perspective(400px) rotateX(-10deg)
            }

            70% {
                -webkit-transform: perspective(400px) rotateX(10deg);
                -moz-transform: perspective(400px) rotateX(10deg);
                -ms-transform: perspective(400px) rotateX(10deg);
                -o-transform: perspective(400px) rotateX(10deg);
                transform: perspective(400px) rotateX(10deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateX(0);
                -moz-transform: perspective(400px) rotateX(0);
                -ms-transform: perspective(400px) rotateX(0);
                -o-transform: perspective(400px) rotateX(0);
                transform: perspective(400px) rotateX(0)
            }
        }

        @-webkit-keyframes flipInY {
            0% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateY(90deg);
                -moz-transform: perspective(400px) rotateY(90deg);
                -ms-transform: perspective(400px) rotateY(90deg);
                -o-transform: perspective(400px) rotateY(90deg);
                transform: perspective(400px) rotateY(90deg)
            }

            40% {
                -webkit-transform: perspective(400px) rotateY(-10deg);
                -moz-transform: perspective(400px) rotateY(-10deg);
                -ms-transform: perspective(400px) rotateY(-10deg);
                -o-transform: perspective(400px) rotateY(-10deg);
                transform: perspective(400px) rotateY(-10deg)
            }

            70% {
                -webkit-transform: perspective(400px) rotateY(10deg);
                -moz-transform: perspective(400px) rotateY(10deg);
                -ms-transform: perspective(400px) rotateY(10deg);
                -o-transform: perspective(400px) rotateY(10deg);
                transform: perspective(400px) rotateY(10deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateY(0);
                -moz-transform: perspective(400px) rotateY(0);
                -ms-transform: perspective(400px) rotateY(0);
                -o-transform: perspective(400px) rotateY(0);
                transform: perspective(400px) rotateY(0)
            }
        }

        @-moz-keyframes flipInY {
            0% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateY(90deg);
                -moz-transform: perspective(400px) rotateY(90deg);
                -ms-transform: perspective(400px) rotateY(90deg);
                -o-transform: perspective(400px) rotateY(90deg);
                transform: perspective(400px) rotateY(90deg)
            }

            40% {
                -webkit-transform: perspective(400px) rotateY(-10deg);
                -moz-transform: perspective(400px) rotateY(-10deg);
                -ms-transform: perspective(400px) rotateY(-10deg);
                -o-transform: perspective(400px) rotateY(-10deg);
                transform: perspective(400px) rotateY(-10deg)
            }

            70% {
                -webkit-transform: perspective(400px) rotateY(10deg);
                -moz-transform: perspective(400px) rotateY(10deg);
                -ms-transform: perspective(400px) rotateY(10deg);
                -o-transform: perspective(400px) rotateY(10deg);
                transform: perspective(400px) rotateY(10deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateY(0);
                -moz-transform: perspective(400px) rotateY(0);
                -ms-transform: perspective(400px) rotateY(0);
                -o-transform: perspective(400px) rotateY(0);
                transform: perspective(400px) rotateY(0)
            }
        }

        @-ms-keyframes flipInY {
            0% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateY(90deg);
                -moz-transform: perspective(400px) rotateY(90deg);
                -ms-transform: perspective(400px) rotateY(90deg);
                -o-transform: perspective(400px) rotateY(90deg);
                transform: perspective(400px) rotateY(90deg)
            }

            40% {
                -webkit-transform: perspective(400px) rotateY(-10deg);
                -moz-transform: perspective(400px) rotateY(-10deg);
                -ms-transform: perspective(400px) rotateY(-10deg);
                -o-transform: perspective(400px) rotateY(-10deg);
                transform: perspective(400px) rotateY(-10deg)
            }

            70% {
                -webkit-transform: perspective(400px) rotateY(10deg);
                -moz-transform: perspective(400px) rotateY(10deg);
                -ms-transform: perspective(400px) rotateY(10deg);
                -o-transform: perspective(400px) rotateY(10deg);
                transform: perspective(400px) rotateY(10deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateY(0);
                -moz-transform: perspective(400px) rotateY(0);
                -ms-transform: perspective(400px) rotateY(0);
                -o-transform: perspective(400px) rotateY(0);
                transform: perspective(400px) rotateY(0)
            }
        }

        @-o-keyframes flipInY {
            0% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateY(90deg);
                -moz-transform: perspective(400px) rotateY(90deg);
                -ms-transform: perspective(400px) rotateY(90deg);
                -o-transform: perspective(400px) rotateY(90deg);
                transform: perspective(400px) rotateY(90deg)
            }

            40% {
                -webkit-transform: perspective(400px) rotateY(-10deg);
                -moz-transform: perspective(400px) rotateY(-10deg);
                -ms-transform: perspective(400px) rotateY(-10deg);
                -o-transform: perspective(400px) rotateY(-10deg);
                transform: perspective(400px) rotateY(-10deg)
            }

            70% {
                -webkit-transform: perspective(400px) rotateY(10deg);
                -moz-transform: perspective(400px) rotateY(10deg);
                -ms-transform: perspective(400px) rotateY(10deg);
                -o-transform: perspective(400px) rotateY(10deg);
                transform: perspective(400px) rotateY(10deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateY(0);
                -moz-transform: perspective(400px) rotateY(0);
                -ms-transform: perspective(400px) rotateY(0);
                -o-transform: perspective(400px) rotateY(0);
                transform: perspective(400px) rotateY(0)
            }
        }

        @keyframes flipInY {
            0% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateY(90deg);
                -moz-transform: perspective(400px) rotateY(90deg);
                -ms-transform: perspective(400px) rotateY(90deg);
                -o-transform: perspective(400px) rotateY(90deg);
                transform: perspective(400px) rotateY(90deg)
            }

            40% {
                -webkit-transform: perspective(400px) rotateY(-10deg);
                -moz-transform: perspective(400px) rotateY(-10deg);
                -ms-transform: perspective(400px) rotateY(-10deg);
                -o-transform: perspective(400px) rotateY(-10deg);
                transform: perspective(400px) rotateY(-10deg)
            }

            70% {
                -webkit-transform: perspective(400px) rotateY(10deg);
                -moz-transform: perspective(400px) rotateY(10deg);
                -ms-transform: perspective(400px) rotateY(10deg);
                -o-transform: perspective(400px) rotateY(10deg);
                transform: perspective(400px) rotateY(10deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateY(0);
                -moz-transform: perspective(400px) rotateY(0);
                -ms-transform: perspective(400px) rotateY(0);
                -o-transform: perspective(400px) rotateY(0);
                transform: perspective(400px) rotateY(0)
            }
        }

        @-webkit-keyframes flipOutX {
            0% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateX(0);
                -moz-transform: perspective(400px) rotateX(0);
                -ms-transform: perspective(400px) rotateX(0);
                -o-transform: perspective(400px) rotateX(0);
                transform: perspective(400px) rotateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateX(90deg);
                -moz-transform: perspective(400px) rotateX(90deg);
                -ms-transform: perspective(400px) rotateX(90deg);
                -o-transform: perspective(400px) rotateX(90deg);
                transform: perspective(400px) rotateX(90deg)
            }
        }

        @-moz-keyframes flipOutX {
            0% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateX(0);
                -moz-transform: perspective(400px) rotateX(0);
                -ms-transform: perspective(400px) rotateX(0);
                -o-transform: perspective(400px) rotateX(0);
                transform: perspective(400px) rotateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateX(90deg);
                -moz-transform: perspective(400px) rotateX(90deg);
                -ms-transform: perspective(400px) rotateX(90deg);
                -o-transform: perspective(400px) rotateX(90deg);
                transform: perspective(400px) rotateX(90deg)
            }
        }

        @-ms-keyframes flipOutX {
            0% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateX(0);
                -moz-transform: perspective(400px) rotateX(0);
                -ms-transform: perspective(400px) rotateX(0);
                -o-transform: perspective(400px) rotateX(0);
                transform: perspective(400px) rotateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateX(90deg);
                -moz-transform: perspective(400px) rotateX(90deg);
                -ms-transform: perspective(400px) rotateX(90deg);
                -o-transform: perspective(400px) rotateX(90deg);
                transform: perspective(400px) rotateX(90deg)
            }
        }

        @-o-keyframes flipOutX {
            0% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateX(0);
                -moz-transform: perspective(400px) rotateX(0);
                -ms-transform: perspective(400px) rotateX(0);
                -o-transform: perspective(400px) rotateX(0);
                transform: perspective(400px) rotateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateX(90deg);
                -moz-transform: perspective(400px) rotateX(90deg);
                -ms-transform: perspective(400px) rotateX(90deg);
                -o-transform: perspective(400px) rotateX(90deg);
                transform: perspective(400px) rotateX(90deg)
            }
        }

        @keyframes flipOutX {
            0% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateX(0);
                -moz-transform: perspective(400px) rotateX(0);
                -ms-transform: perspective(400px) rotateX(0);
                -o-transform: perspective(400px) rotateX(0);
                transform: perspective(400px) rotateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateX(90deg);
                -moz-transform: perspective(400px) rotateX(90deg);
                -ms-transform: perspective(400px) rotateX(90deg);
                -o-transform: perspective(400px) rotateX(90deg);
                transform: perspective(400px) rotateX(90deg)
            }
        }

        @-webkit-keyframes flipOutY {
            0% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateY(0);
                -moz-transform: perspective(400px) rotateY(0);
                -ms-transform: perspective(400px) rotateY(0);
                -o-transform: perspective(400px) rotateY(0);
                transform: perspective(400px) rotateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateY(90deg);
                -moz-transform: perspective(400px) rotateY(90deg);
                -ms-transform: perspective(400px) rotateY(90deg);
                -o-transform: perspective(400px) rotateY(90deg);
                transform: perspective(400px) rotateY(90deg)
            }
        }

        @-moz-keyframes flipOutY {
            0% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateY(0);
                -moz-transform: perspective(400px) rotateY(0);
                -ms-transform: perspective(400px) rotateY(0);
                -o-transform: perspective(400px) rotateY(0);
                transform: perspective(400px) rotateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateY(90deg);
                -moz-transform: perspective(400px) rotateY(90deg);
                -ms-transform: perspective(400px) rotateY(90deg);
                -o-transform: perspective(400px) rotateY(90deg);
                transform: perspective(400px) rotateY(90deg)
            }
        }

        @-ms-keyframes flipOutY {
            0% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateY(0);
                -moz-transform: perspective(400px) rotateY(0);
                -ms-transform: perspective(400px) rotateY(0);
                -o-transform: perspective(400px) rotateY(0);
                transform: perspective(400px) rotateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateY(90deg);
                -moz-transform: perspective(400px) rotateY(90deg);
                -ms-transform: perspective(400px) rotateY(90deg);
                -o-transform: perspective(400px) rotateY(90deg);
                transform: perspective(400px) rotateY(90deg)
            }
        }

        @-o-keyframes flipOutY {
            0% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateY(0);
                -moz-transform: perspective(400px) rotateY(0);
                -ms-transform: perspective(400px) rotateY(0);
                -o-transform: perspective(400px) rotateY(0);
                transform: perspective(400px) rotateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateY(90deg);
                -moz-transform: perspective(400px) rotateY(90deg);
                -ms-transform: perspective(400px) rotateY(90deg);
                -o-transform: perspective(400px) rotateY(90deg);
                transform: perspective(400px) rotateY(90deg)
            }
        }

        @keyframes flipOutY {
            0% {
                opacity: 1;
                -webkit-transform: perspective(400px) rotateY(0);
                -moz-transform: perspective(400px) rotateY(0);
                -ms-transform: perspective(400px) rotateY(0);
                -o-transform: perspective(400px) rotateY(0);
                transform: perspective(400px) rotateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: perspective(400px) rotateY(90deg);
                -moz-transform: perspective(400px) rotateY(90deg);
                -ms-transform: perspective(400px) rotateY(90deg);
                -o-transform: perspective(400px) rotateY(90deg);
                transform: perspective(400px) rotateY(90deg)
            }
        }

        @-webkit-keyframes lightSpeedIn {
            0% {
                opacity: 0;
                -webkit-transform: translateX(100%) skewX(-30deg);
                -moz-transform: translateX(100%) skewX(-30deg);
                -ms-transform: translateX(100%) skewX(-30deg);
                -o-transform: translateX(100%) skewX(-30deg);
                transform: translateX(100%) skewX(-30deg)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(-20%) skewX(30deg);
                -moz-transform: translateX(-20%) skewX(30deg);
                -ms-transform: translateX(-20%) skewX(30deg);
                -o-transform: translateX(-20%) skewX(30deg);
                transform: translateX(-20%) skewX(30deg)
            }

            80% {
                opacity: 1;
                -webkit-transform: translateX(0) skewX(-15deg);
                -moz-transform: translateX(0) skewX(-15deg);
                -ms-transform: translateX(0) skewX(-15deg);
                -o-transform: translateX(0) skewX(-15deg);
                transform: translateX(0) skewX(-15deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0) skewX(0);
                -moz-transform: translateX(0) skewX(0);
                -ms-transform: translateX(0) skewX(0);
                -o-transform: translateX(0) skewX(0);
                transform: translateX(0) skewX(0)
            }
        }

        @-moz-keyframes lightSpeedIn {
            0% {
                opacity: 0;
                -webkit-transform: translateX(100%) skewX(-30deg);
                -moz-transform: translateX(100%) skewX(-30deg);
                -ms-transform: translateX(100%) skewX(-30deg);
                -o-transform: translateX(100%) skewX(-30deg);
                transform: translateX(100%) skewX(-30deg)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(-20%) skewX(30deg);
                -moz-transform: translateX(-20%) skewX(30deg);
                -ms-transform: translateX(-20%) skewX(30deg);
                -o-transform: translateX(-20%) skewX(30deg);
                transform: translateX(-20%) skewX(30deg)
            }

            80% {
                opacity: 1;
                -webkit-transform: translateX(0) skewX(-15deg);
                -moz-transform: translateX(0) skewX(-15deg);
                -ms-transform: translateX(0) skewX(-15deg);
                -o-transform: translateX(0) skewX(-15deg);
                transform: translateX(0) skewX(-15deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0) skewX(0);
                -moz-transform: translateX(0) skewX(0);
                -ms-transform: translateX(0) skewX(0);
                -o-transform: translateX(0) skewX(0);
                transform: translateX(0) skewX(0)
            }
        }

        @-ms-keyframes lightSpeedIn {
            0% {
                opacity: 0;
                -webkit-transform: translateX(100%) skewX(-30deg);
                -moz-transform: translateX(100%) skewX(-30deg);
                -ms-transform: translateX(100%) skewX(-30deg);
                -o-transform: translateX(100%) skewX(-30deg);
                transform: translateX(100%) skewX(-30deg)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(-20%) skewX(30deg);
                -moz-transform: translateX(-20%) skewX(30deg);
                -ms-transform: translateX(-20%) skewX(30deg);
                -o-transform: translateX(-20%) skewX(30deg);
                transform: translateX(-20%) skewX(30deg)
            }

            80% {
                opacity: 1;
                -webkit-transform: translateX(0) skewX(-15deg);
                -moz-transform: translateX(0) skewX(-15deg);
                -ms-transform: translateX(0) skewX(-15deg);
                -o-transform: translateX(0) skewX(-15deg);
                transform: translateX(0) skewX(-15deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0) skewX(0);
                -moz-transform: translateX(0) skewX(0);
                -ms-transform: translateX(0) skewX(0);
                -o-transform: translateX(0) skewX(0);
                transform: translateX(0) skewX(0)
            }
        }

        @-o-keyframes lightSpeedIn {
            0% {
                opacity: 0;
                -webkit-transform: translateX(100%) skewX(-30deg);
                -moz-transform: translateX(100%) skewX(-30deg);
                -ms-transform: translateX(100%) skewX(-30deg);
                -o-transform: translateX(100%) skewX(-30deg);
                transform: translateX(100%) skewX(-30deg)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(-20%) skewX(30deg);
                -moz-transform: translateX(-20%) skewX(30deg);
                -ms-transform: translateX(-20%) skewX(30deg);
                -o-transform: translateX(-20%) skewX(30deg);
                transform: translateX(-20%) skewX(30deg)
            }

            80% {
                opacity: 1;
                -webkit-transform: translateX(0) skewX(-15deg);
                -moz-transform: translateX(0) skewX(-15deg);
                -ms-transform: translateX(0) skewX(-15deg);
                -o-transform: translateX(0) skewX(-15deg);
                transform: translateX(0) skewX(-15deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0) skewX(0);
                -moz-transform: translateX(0) skewX(0);
                -ms-transform: translateX(0) skewX(0);
                -o-transform: translateX(0) skewX(0);
                transform: translateX(0) skewX(0)
            }
        }

        @keyframes lightSpeedIn {
            0% {
                opacity: 0;
                -webkit-transform: translateX(100%) skewX(-30deg);
                -moz-transform: translateX(100%) skewX(-30deg);
                -ms-transform: translateX(100%) skewX(-30deg);
                -o-transform: translateX(100%) skewX(-30deg);
                transform: translateX(100%) skewX(-30deg)
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(-20%) skewX(30deg);
                -moz-transform: translateX(-20%) skewX(30deg);
                -ms-transform: translateX(-20%) skewX(30deg);
                -o-transform: translateX(-20%) skewX(30deg);
                transform: translateX(-20%) skewX(30deg)
            }

            80% {
                opacity: 1;
                -webkit-transform: translateX(0) skewX(-15deg);
                -moz-transform: translateX(0) skewX(-15deg);
                -ms-transform: translateX(0) skewX(-15deg);
                -o-transform: translateX(0) skewX(-15deg);
                transform: translateX(0) skewX(-15deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0) skewX(0);
                -moz-transform: translateX(0) skewX(0);
                -ms-transform: translateX(0) skewX(0);
                -o-transform: translateX(0) skewX(0);
                transform: translateX(0) skewX(0)
            }
        }

        @-webkit-keyframes lightSpeedOut {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0) skewX(0);
                -moz-transform: translateX(0) skewX(0);
                -ms-transform: translateX(0) skewX(0);
                -o-transform: translateX(0) skewX(0);
                transform: translateX(0) skewX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(100%) skewX(-30deg);
                -moz-transform: translateX(100%) skewX(-30deg);
                -ms-transform: translateX(100%) skewX(-30deg);
                -o-transform: translateX(100%) skewX(-30deg);
                transform: translateX(100%) skewX(-30deg)
            }
        }

        @-moz-keyframes lightSpeedOut {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0) skewX(0);
                -moz-transform: translateX(0) skewX(0);
                -ms-transform: translateX(0) skewX(0);
                -o-transform: translateX(0) skewX(0);
                transform: translateX(0) skewX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(100%) skewX(-30deg);
                -moz-transform: translateX(100%) skewX(-30deg);
                -ms-transform: translateX(100%) skewX(-30deg);
                -o-transform: translateX(100%) skewX(-30deg);
                transform: translateX(100%) skewX(-30deg)
            }
        }

        @-ms-keyframes lightSpeedOut {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0) skewX(0);
                -moz-transform: translateX(0) skewX(0);
                -ms-transform: translateX(0) skewX(0);
                -o-transform: translateX(0) skewX(0);
                transform: translateX(0) skewX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(100%) skewX(-30deg);
                -moz-transform: translateX(100%) skewX(-30deg);
                -ms-transform: translateX(100%) skewX(-30deg);
                -o-transform: translateX(100%) skewX(-30deg);
                transform: translateX(100%) skewX(-30deg)
            }
        }

        @-o-keyframes lightSpeedOut {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0) skewX(0);
                -moz-transform: translateX(0) skewX(0);
                -ms-transform: translateX(0) skewX(0);
                -o-transform: translateX(0) skewX(0);
                transform: translateX(0) skewX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(100%) skewX(-30deg);
                -moz-transform: translateX(100%) skewX(-30deg);
                -ms-transform: translateX(100%) skewX(-30deg);
                -o-transform: translateX(100%) skewX(-30deg);
                transform: translateX(100%) skewX(-30deg)
            }
        }

        @keyframes lightSpeedOut {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0) skewX(0);
                -moz-transform: translateX(0) skewX(0);
                -ms-transform: translateX(0) skewX(0);
                -o-transform: translateX(0) skewX(0);
                transform: translateX(0) skewX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(100%) skewX(-30deg);
                -moz-transform: translateX(100%) skewX(-30deg);
                -ms-transform: translateX(100%) skewX(-30deg);
                -o-transform: translateX(100%) skewX(-30deg);
                transform: translateX(100%) skewX(-30deg)
            }
        }

        @-webkit-keyframes rotateIn {
            0% {
                opacity: 0;
                -webkit-transform: rotate(-200deg);
                -moz-transform: rotate(-200deg);
                -ms-transform: rotate(-200deg);
                -o-transform: rotate(-200deg);
                transform: rotate(-200deg);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }
        }

        @-moz-keyframes rotateIn {
            0% {
                opacity: 0;
                -webkit-transform: rotate(-200deg);
                -moz-transform: rotate(-200deg);
                -ms-transform: rotate(-200deg);
                -o-transform: rotate(-200deg);
                transform: rotate(-200deg);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }
        }

        @-ms-keyframes rotateIn {
            0% {
                opacity: 0;
                -webkit-transform: rotate(-200deg);
                -moz-transform: rotate(-200deg);
                -ms-transform: rotate(-200deg);
                -o-transform: rotate(-200deg);
                transform: rotate(-200deg);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }
        }

        @-o-keyframes rotateIn {
            0% {
                opacity: 0;
                -webkit-transform: rotate(-200deg);
                -moz-transform: rotate(-200deg);
                -ms-transform: rotate(-200deg);
                -o-transform: rotate(-200deg);
                transform: rotate(-200deg);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }
        }

        @keyframes rotateIn {
            0% {
                opacity: 0;
                -webkit-transform: rotate(-200deg);
                -moz-transform: rotate(-200deg);
                -ms-transform: rotate(-200deg);
                -o-transform: rotate(-200deg);
                transform: rotate(-200deg);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }
        }

        @-webkit-keyframes rotateInDownLeft {
            0% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @-moz-keyframes rotateInDownLeft {
            0% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @-ms-keyframes rotateInDownLeft {
            0% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @-o-keyframes rotateInDownLeft {
            0% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @keyframes rotateInDownLeft {
            0% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @-webkit-keyframes rotateInDownRight {
            0% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @-moz-keyframes rotateInDownRight {
            0% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @-ms-keyframes rotateInDownRight {
            0% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @-o-keyframes rotateInDownRight {
            0% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @keyframes rotateInDownRight {
            0% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @-webkit-keyframes rotateInUpLeft {
            0% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @-moz-keyframes rotateInUpLeft {
            0% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @-ms-keyframes rotateInUpLeft {
            0% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @-o-keyframes rotateInUpLeft {
            0% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @keyframes rotateInUpLeft {
            0% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @-webkit-keyframes rotateInUpRight {
            0% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @-moz-keyframes rotateInUpRight {
            0% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @-ms-keyframes rotateInUpRight {
            0% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @-o-keyframes rotateInUpRight {
            0% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @keyframes rotateInUpRight {
            0% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @-webkit-keyframes rotateOut {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(200deg);
                -moz-transform: rotate(200deg);
                -ms-transform: rotate(200deg);
                -o-transform: rotate(200deg);
                transform: rotate(200deg);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }
        }

        @-moz-keyframes rotateOut {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(200deg);
                -moz-transform: rotate(200deg);
                -ms-transform: rotate(200deg);
                -o-transform: rotate(200deg);
                transform: rotate(200deg);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }
        }

        @-ms-keyframes rotateOut {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(200deg);
                -moz-transform: rotate(200deg);
                -ms-transform: rotate(200deg);
                -o-transform: rotate(200deg);
                transform: rotate(200deg);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }
        }

        @-o-keyframes rotateOut {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(200deg);
                -moz-transform: rotate(200deg);
                -ms-transform: rotate(200deg);
                -o-transform: rotate(200deg);
                transform: rotate(200deg);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }
        }

        @keyframes rotateOut {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(200deg);
                -moz-transform: rotate(200deg);
                -ms-transform: rotate(200deg);
                -o-transform: rotate(200deg);
                transform: rotate(200deg);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                -o-transform-origin: center center;
                transform-origin: center center
            }
        }

        @-webkit-keyframes rotateOutDownLeft {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @-moz-keyframes rotateOutDownLeft {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @-ms-keyframes rotateOutDownLeft {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @-o-keyframes rotateOutDownLeft {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @keyframes rotateOutDownLeft {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @-webkit-keyframes rotateOutDownRight {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @-moz-keyframes rotateOutDownRight {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @-ms-keyframes rotateOutDownRight {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @-o-keyframes rotateOutDownRight {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @keyframes rotateOutDownRight {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @-webkit-keyframes rotateOutUpLeft {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @-moz-keyframes rotateOutUpLeft {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @-ms-keyframes rotateOutUpLeft {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @-o-keyframes rotateOutUpLeft {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @keyframes rotateOutUpLeft {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transform-origin: left bottom;
                -moz-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                -o-transform-origin: left bottom;
                transform-origin: left bottom
            }
        }

        @-webkit-keyframes rotateOutUpRight {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @-moz-keyframes rotateOutUpRight {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @-ms-keyframes rotateOutUpRight {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @-o-keyframes rotateOutUpRight {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @keyframes rotateOutUpRight {
            0% {
                opacity: 1;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }

            100% {
                opacity: 0;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                -webkit-transform-origin: right bottom;
                -moz-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                -o-transform-origin: right bottom;
                transform-origin: right bottom
            }
        }

        @-webkit-keyframes slideInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-moz-keyframes slideInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-ms-keyframes slideInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-o-keyframes slideInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @keyframes slideInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-webkit-keyframes slideInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-moz-keyframes slideInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-ms-keyframes slideInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-o-keyframes slideInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @keyframes slideInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-webkit-keyframes slideInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-moz-keyframes slideInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-ms-keyframes slideInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-o-keyframes slideInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @keyframes slideInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @-webkit-keyframes slideInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-moz-keyframes slideInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-ms-keyframes slideInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-o-keyframes slideInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @keyframes slideInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }
        }

        @-webkit-keyframes slideOutDown {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }
        }

        @-moz-keyframes slideOutDown {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }
        }

        @-ms-keyframes slideOutDown {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }
        }

        @-o-keyframes slideOutDown {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }
        }

        @keyframes slideOutDown {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -moz-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                -o-transform: translateY(2000px);
                transform: translateY(2000px)
            }
        }

        @-webkit-keyframes slideOutLeft {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }
        }

        @-moz-keyframes slideOutLeft {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }
        }

        @-ms-keyframes slideOutLeft {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }
        }

        @-o-keyframes slideOutLeft {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }
        }

        @keyframes slideOutLeft {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -moz-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                -o-transform: translateX(-2000px);
                transform: translateX(-2000px)
            }
        }

        @-webkit-keyframes slideOutRight {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }
        }

        @-moz-keyframes slideOutRight {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }
        }

        @-ms-keyframes slideOutRight {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }
        }

        @-o-keyframes slideOutRight {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }
        }

        @keyframes slideOutRight {
            0% {
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -moz-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                -o-transform: translateX(2000px);
                transform: translateX(2000px)
            }
        }

        @-webkit-keyframes slideOutUp {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }
        }

        @-moz-keyframes slideOutUp {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }
        }

        @-ms-keyframes slideOutUp {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }
        }

        @-o-keyframes slideOutUp {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }
        }

        @keyframes slideOutUp {
            0% {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -moz-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                -o-transform: translateY(-2000px);
                transform: translateY(-2000px)
            }
        }

        @-webkit-keyframes hinge {
            0% {
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            20%,
            60% {
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(80deg);
                -moz-transform: rotate(80deg);
                -ms-transform: rotate(80deg);
                -o-transform: rotate(80deg);
                transform: rotate(80deg);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            40% {
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(60deg);
                -moz-transform: rotate(60deg);
                -ms-transform: rotate(60deg);
                -o-transform: rotate(60deg);
                transform: rotate(60deg);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            80% {
                opacity: 1;
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(60deg) translateY(0);
                -moz-transform: rotate(60deg) translateY(0);
                -ms-transform: rotate(60deg) translateY(0);
                -o-transform: rotate(60deg) translateY(0);
                transform: rotate(60deg) translateY(0);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(700px);
                -moz-transform: translateY(700px);
                -ms-transform: translateY(700px);
                -o-transform: translateY(700px);
                transform: translateY(700px)
            }
        }

        @-moz-keyframes hinge {
            0% {
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            20%,
            60% {
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(80deg);
                -moz-transform: rotate(80deg);
                -ms-transform: rotate(80deg);
                -o-transform: rotate(80deg);
                transform: rotate(80deg);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            40% {
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(60deg);
                -moz-transform: rotate(60deg);
                -ms-transform: rotate(60deg);
                -o-transform: rotate(60deg);
                transform: rotate(60deg);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            80% {
                opacity: 1;
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(60deg) translateY(0);
                -moz-transform: rotate(60deg) translateY(0);
                -ms-transform: rotate(60deg) translateY(0);
                -o-transform: rotate(60deg) translateY(0);
                transform: rotate(60deg) translateY(0);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(700px);
                -moz-transform: translateY(700px);
                -ms-transform: translateY(700px);
                -o-transform: translateY(700px);
                transform: translateY(700px)
            }
        }

        @-ms-keyframes hinge {
            0% {
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            20%,
            60% {
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(80deg);
                -moz-transform: rotate(80deg);
                -ms-transform: rotate(80deg);
                -o-transform: rotate(80deg);
                transform: rotate(80deg);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            40% {
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(60deg);
                -moz-transform: rotate(60deg);
                -ms-transform: rotate(60deg);
                -o-transform: rotate(60deg);
                transform: rotate(60deg);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            80% {
                opacity: 1;
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(60deg) translateY(0);
                -moz-transform: rotate(60deg) translateY(0);
                -ms-transform: rotate(60deg) translateY(0);
                -o-transform: rotate(60deg) translateY(0);
                transform: rotate(60deg) translateY(0);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(700px);
                -moz-transform: translateY(700px);
                -ms-transform: translateY(700px);
                -o-transform: translateY(700px);
                transform: translateY(700px)
            }
        }

        @-o-keyframes hinge {
            0% {
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            20%,
            60% {
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(80deg);
                -moz-transform: rotate(80deg);
                -ms-transform: rotate(80deg);
                -o-transform: rotate(80deg);
                transform: rotate(80deg);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            40% {
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(60deg);
                -moz-transform: rotate(60deg);
                -ms-transform: rotate(60deg);
                -o-transform: rotate(60deg);
                transform: rotate(60deg);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            80% {
                opacity: 1;
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(60deg) translateY(0);
                -moz-transform: rotate(60deg) translateY(0);
                -ms-transform: rotate(60deg) translateY(0);
                -o-transform: rotate(60deg) translateY(0);
                transform: rotate(60deg) translateY(0);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(700px);
                -moz-transform: translateY(700px);
                -ms-transform: translateY(700px);
                -o-transform: translateY(700px);
                transform: translateY(700px)
            }
        }

        @keyframes hinge {
            0% {
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            20%,
            60% {
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(80deg);
                -moz-transform: rotate(80deg);
                -ms-transform: rotate(80deg);
                -o-transform: rotate(80deg);
                transform: rotate(80deg);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            40% {
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(60deg);
                -moz-transform: rotate(60deg);
                -ms-transform: rotate(60deg);
                -o-transform: rotate(60deg);
                transform: rotate(60deg);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            80% {
                opacity: 1;
                animation-timing-function: ease-in-out;
                -webkit-transform: rotate(60deg) translateY(0);
                -moz-transform: rotate(60deg) translateY(0);
                -ms-transform: rotate(60deg) translateY(0);
                -o-transform: rotate(60deg) translateY(0);
                transform: rotate(60deg) translateY(0);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -ms-transform-origin: top left;
                -o-transform-origin: top left;
                transform-origin: top left
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(700px);
                -moz-transform: translateY(700px);
                -ms-transform: translateY(700px);
                -o-transform: translateY(700px);
                transform: translateY(700px)
            }
        }

        @-webkit-keyframes rollIn {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-100%) rotate(-120deg);
                -moz-transform: translateX(-100%) rotate(-120deg);
                -ms-transform: translateX(-100%) rotate(-120deg);
                -o-transform: translateX(-100%) rotate(-120deg);
                transform: translateX(-100%) rotate(-120deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0) rotate(0);
                -moz-transform: translateX(0) rotate(0);
                -ms-transform: translateX(0) rotate(0);
                -o-transform: translateX(0) rotate(0);
                transform: translateX(0) rotate(0)
            }
        }

        @-moz-keyframes rollIn {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-100%) rotate(-120deg);
                -moz-transform: translateX(-100%) rotate(-120deg);
                -ms-transform: translateX(-100%) rotate(-120deg);
                -o-transform: translateX(-100%) rotate(-120deg);
                transform: translateX(-100%) rotate(-120deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0) rotate(0);
                -moz-transform: translateX(0) rotate(0);
                -ms-transform: translateX(0) rotate(0);
                -o-transform: translateX(0) rotate(0);
                transform: translateX(0) rotate(0)
            }
        }

        @-ms-keyframes rollIn {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-100%) rotate(-120deg);
                -moz-transform: translateX(-100%) rotate(-120deg);
                -ms-transform: translateX(-100%) rotate(-120deg);
                -o-transform: translateX(-100%) rotate(-120deg);
                transform: translateX(-100%) rotate(-120deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0) rotate(0);
                -moz-transform: translateX(0) rotate(0);
                -ms-transform: translateX(0) rotate(0);
                -o-transform: translateX(0) rotate(0);
                transform: translateX(0) rotate(0)
            }
        }

        @-o-keyframes rollIn {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-100%) rotate(-120deg);
                -moz-transform: translateX(-100%) rotate(-120deg);
                -ms-transform: translateX(-100%) rotate(-120deg);
                -o-transform: translateX(-100%) rotate(-120deg);
                transform: translateX(-100%) rotate(-120deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0) rotate(0);
                -moz-transform: translateX(0) rotate(0);
                -ms-transform: translateX(0) rotate(0);
                -o-transform: translateX(0) rotate(0);
                transform: translateX(0) rotate(0)
            }
        }

        @keyframes rollIn {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-100%) rotate(-120deg);
                -moz-transform: translateX(-100%) rotate(-120deg);
                -ms-transform: translateX(-100%) rotate(-120deg);
                -o-transform: translateX(-100%) rotate(-120deg);
                transform: translateX(-100%) rotate(-120deg)
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0) rotate(0);
                -moz-transform: translateX(0) rotate(0);
                -ms-transform: translateX(0) rotate(0);
                -o-transform: translateX(0) rotate(0);
                transform: translateX(0) rotate(0)
            }
        }

        @-webkit-keyframes rollOut {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0) rotate(0);
                -moz-transform: translateX(0) rotate(0);
                -ms-transform: translateX(0) rotate(0);
                -o-transform: translateX(0) rotate(0);
                transform: translateX(0) rotate(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(100%) rotate(120deg);
                -moz-transform: translateX(100%) rotate(120deg);
                -ms-transform: translateX(100%) rotate(120deg);
                -o-transform: translateX(100%) rotate(120deg);
                transform: translateX(100%) rotate(120deg)
            }
        }

        @-moz-keyframes rollOut {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0) rotate(0);
                -moz-transform: translateX(0) rotate(0);
                -ms-transform: translateX(0) rotate(0);
                -o-transform: translateX(0) rotate(0);
                transform: translateX(0) rotate(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(100%) rotate(120deg);
                -moz-transform: translateX(100%) rotate(120deg);
                -ms-transform: translateX(100%) rotate(120deg);
                -o-transform: translateX(100%) rotate(120deg);
                transform: translateX(100%) rotate(120deg)
            }
        }

        @-ms-keyframes rollOut {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0) rotate(0);
                -moz-transform: translateX(0) rotate(0);
                -ms-transform: translateX(0) rotate(0);
                -o-transform: translateX(0) rotate(0);
                transform: translateX(0) rotate(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(100%) rotate(120deg);
                -moz-transform: translateX(100%) rotate(120deg);
                -ms-transform: translateX(100%) rotate(120deg);
                -o-transform: translateX(100%) rotate(120deg);
                transform: translateX(100%) rotate(120deg)
            }
        }

        @-o-keyframes rollOut {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0) rotate(0);
                -moz-transform: translateX(0) rotate(0);
                -ms-transform: translateX(0) rotate(0);
                -o-transform: translateX(0) rotate(0);
                transform: translateX(0) rotate(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(100%) rotate(120deg);
                -moz-transform: translateX(100%) rotate(120deg);
                -ms-transform: translateX(100%) rotate(120deg);
                -o-transform: translateX(100%) rotate(120deg);
                transform: translateX(100%) rotate(120deg)
            }
        }

        @keyframes rollOut {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0) rotate(0);
                -moz-transform: translateX(0) rotate(0);
                -ms-transform: translateX(0) rotate(0);
                -o-transform: translateX(0) rotate(0);
                transform: translateX(0) rotate(0)
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(100%) rotate(120deg);
                -moz-transform: translateX(100%) rotate(120deg);
                -ms-transform: translateX(100%) rotate(120deg);
                -o-transform: translateX(100%) rotate(120deg);
                transform: translateX(100%) rotate(120deg)
            }
        }

        @-webkit-keyframes zoomIn {
            0% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                -moz-transform: scale3d(.3, .3, .3);
                -ms-transform: scale3d(.3, .3, .3);
                -o-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            50% {
                opacity: 1
            }
        }

        @-moz-keyframes zoomIn {
            0% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                -moz-transform: scale3d(.3, .3, .3);
                -ms-transform: scale3d(.3, .3, .3);
                -o-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            50% {
                opacity: 1
            }
        }

        @-ms-keyframes zoomIn {
            0% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                -moz-transform: scale3d(.3, .3, .3);
                -ms-transform: scale3d(.3, .3, .3);
                -o-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            50% {
                opacity: 1
            }
        }

        @-o-keyframes zoomIn {
            0% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                -moz-transform: scale3d(.3, .3, .3);
                -ms-transform: scale3d(.3, .3, .3);
                -o-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            50% {
                opacity: 1
            }
        }

        @keyframes zoomIn {
            0% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                -moz-transform: scale3d(.3, .3, .3);
                -ms-transform: scale3d(.3, .3, .3);
                -o-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            50% {
                opacity: 1
            }
        }

        @-webkit-keyframes zoomInDown {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
            }
        }

        @-moz-keyframes zoomInDown {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
            }
        }

        @-ms-keyframes zoomInDown {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
            }
        }

        @-o-keyframes zoomInDown {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
            }
        }

        @keyframes zoomInDown {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
            }
        }

        @-webkit-keyframes zoomInLeft {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
            }
        }

        @-moz-keyframes zoomInLeft {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
            }
        }

        @-ms-keyframes zoomInLeft {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
            }
        }

        @-o-keyframes zoomInLeft {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
            }
        }

        @keyframes zoomInLeft {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
            }
        }

        @-webkit-keyframes zoomInRight {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
            }
        }

        @-moz-keyframes zoomInRight {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
            }
        }

        @-ms-keyframes zoomInRight {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
            }
        }

        @-o-keyframes zoomInRight {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
            }
        }

        @keyframes zoomInRight {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
            }
        }

        @-webkit-keyframes zoomInUp {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
            }
        }

        @-moz-keyframes zoomInUp {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
            }
        }

        @-ms-keyframes zoomInUp {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
            }
        }

        @-o-keyframes zoomInUp {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
            }
        }

        @keyframes zoomInUp {
            0% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
            }

            60% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
            }
        }

        @-webkit-keyframes zoomOut {
            0% {
                opacity: 1
            }

            50% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                -moz-transform: scale3d(.3, .3, .3);
                -ms-transform: scale3d(.3, .3, .3);
                -o-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            100% {
                opacity: 0
            }
        }

        @-moz-keyframes zoomOut {
            0% {
                opacity: 1
            }

            50% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                -moz-transform: scale3d(.3, .3, .3);
                -ms-transform: scale3d(.3, .3, .3);
                -o-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            100% {
                opacity: 0
            }
        }

        @-ms-keyframes zoomOut {
            0% {
                opacity: 1
            }

            50% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                -moz-transform: scale3d(.3, .3, .3);
                -ms-transform: scale3d(.3, .3, .3);
                -o-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            100% {
                opacity: 0
            }
        }

        @-o-keyframes zoomOut {
            0% {
                opacity: 1
            }

            50% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                -moz-transform: scale3d(.3, .3, .3);
                -ms-transform: scale3d(.3, .3, .3);
                -o-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            100% {
                opacity: 0
            }
        }

        @keyframes zoomOut {
            0% {
                opacity: 1
            }

            50% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                -moz-transform: scale3d(.3, .3, .3);
                -ms-transform: scale3d(.3, .3, .3);
                -o-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            100% {
                opacity: 0
            }
        }

        @-webkit-keyframes zoomOutDown {
            40% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
            }

            100% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -webkit-transform-origin: center bottom;
                -moz-transform-origin: center bottom;
                -ms-transform-origin: center bottom;
                -o-transform-origin: center bottom;
                transform-origin: center bottom
            }
        }

        @-moz-keyframes zoomOutDown {
            40% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
            }

            100% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -webkit-transform-origin: center bottom;
                -moz-transform-origin: center bottom;
                -ms-transform-origin: center bottom;
                -o-transform-origin: center bottom;
                transform-origin: center bottom
            }
        }

        @-ms-keyframes zoomOutDown {
            40% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
            }

            100% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -webkit-transform-origin: center bottom;
                -moz-transform-origin: center bottom;
                -ms-transform-origin: center bottom;
                -o-transform-origin: center bottom;
                transform-origin: center bottom
            }
        }

        @-o-keyframes zoomOutDown {
            40% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
            }

            100% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -webkit-transform-origin: center bottom;
                -moz-transform-origin: center bottom;
                -ms-transform-origin: center bottom;
                -o-transform-origin: center bottom;
                transform-origin: center bottom
            }
        }

        @keyframes zoomOutDown {
            40% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
            }

            100% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                -webkit-transform-origin: center bottom;
                -moz-transform-origin: center bottom;
                -ms-transform-origin: center bottom;
                -o-transform-origin: center bottom;
                transform-origin: center bottom
            }
        }

        @-webkit-keyframes zoomOutLeft {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
                -moz-transform: scale(.1) translate3d(-2000px, 0, 0);
                -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
                -o-transform: scale(.1) translate3d(-2000px, 0, 0);
                transform: scale(.1) translate3d(-2000px, 0, 0);
                -webkit-transform-origin: left center;
                -moz-transform-origin: left center;
                -ms-transform-origin: left center;
                -o-transform-origin: left center;
                transform-origin: left center
            }
        }

        @-moz-keyframes zoomOutLeft {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
                -moz-transform: scale(.1) translate3d(-2000px, 0, 0);
                -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
                -o-transform: scale(.1) translate3d(-2000px, 0, 0);
                transform: scale(.1) translate3d(-2000px, 0, 0);
                -webkit-transform-origin: left center;
                -moz-transform-origin: left center;
                -ms-transform-origin: left center;
                -o-transform-origin: left center;
                transform-origin: left center
            }
        }

        @-ms-keyframes zoomOutLeft {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
                -moz-transform: scale(.1) translate3d(-2000px, 0, 0);
                -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
                -o-transform: scale(.1) translate3d(-2000px, 0, 0);
                transform: scale(.1) translate3d(-2000px, 0, 0);
                -webkit-transform-origin: left center;
                -moz-transform-origin: left center;
                -ms-transform-origin: left center;
                -o-transform-origin: left center;
                transform-origin: left center
            }
        }

        @-o-keyframes zoomOutLeft {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
                -moz-transform: scale(.1) translate3d(-2000px, 0, 0);
                -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
                -o-transform: scale(.1) translate3d(-2000px, 0, 0);
                transform: scale(.1) translate3d(-2000px, 0, 0);
                -webkit-transform-origin: left center;
                -moz-transform-origin: left center;
                -ms-transform-origin: left center;
                -o-transform-origin: left center;
                transform-origin: left center
            }
        }

        @keyframes zoomOutLeft {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
                -moz-transform: scale(.1) translate3d(-2000px, 0, 0);
                -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
                -o-transform: scale(.1) translate3d(-2000px, 0, 0);
                transform: scale(.1) translate3d(-2000px, 0, 0);
                -webkit-transform-origin: left center;
                -moz-transform-origin: left center;
                -ms-transform-origin: left center;
                -o-transform-origin: left center;
                transform-origin: left center
            }
        }

        @-webkit-keyframes zoomOutRight {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
                -moz-transform: scale(.1) translate3d(2000px, 0, 0);
                -ms-transform: scale(.1) translate3d(2000px, 0, 0);
                -o-transform: scale(.1) translate3d(2000px, 0, 0);
                transform: scale(.1) translate3d(2000px, 0, 0);
                -webkit-transform-origin: right center;
                -moz-transform-origin: right center;
                -ms-transform-origin: right center;
                -o-transform-origin: right center;
                transform-origin: right center
            }
        }

        @-moz-keyframes zoomOutRight {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
                -moz-transform: scale(.1) translate3d(2000px, 0, 0);
                -ms-transform: scale(.1) translate3d(2000px, 0, 0);
                -o-transform: scale(.1) translate3d(2000px, 0, 0);
                transform: scale(.1) translate3d(2000px, 0, 0);
                -webkit-transform-origin: right center;
                -moz-transform-origin: right center;
                -ms-transform-origin: right center;
                -o-transform-origin: right center;
                transform-origin: right center
            }
        }

        @-ms-keyframes zoomOutRight {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
                -moz-transform: scale(.1) translate3d(2000px, 0, 0);
                -ms-transform: scale(.1) translate3d(2000px, 0, 0);
                -o-transform: scale(.1) translate3d(2000px, 0, 0);
                transform: scale(.1) translate3d(2000px, 0, 0);
                -webkit-transform-origin: right center;
                -moz-transform-origin: right center;
                -ms-transform-origin: right center;
                -o-transform-origin: right center;
                transform-origin: right center
            }
        }

        @-o-keyframes zoomOutRight {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
                -moz-transform: scale(.1) translate3d(2000px, 0, 0);
                -ms-transform: scale(.1) translate3d(2000px, 0, 0);
                -o-transform: scale(.1) translate3d(2000px, 0, 0);
                transform: scale(.1) translate3d(2000px, 0, 0);
                -webkit-transform-origin: right center;
                -moz-transform-origin: right center;
                -ms-transform-origin: right center;
                -o-transform-origin: right center;
                transform-origin: right center
            }
        }

        @keyframes zoomOutRight {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
                -moz-transform: scale(.1) translate3d(2000px, 0, 0);
                -ms-transform: scale(.1) translate3d(2000px, 0, 0);
                -o-transform: scale(.1) translate3d(2000px, 0, 0);
                transform: scale(.1) translate3d(2000px, 0, 0);
                -webkit-transform-origin: right center;
                -moz-transform-origin: right center;
                -ms-transform-origin: right center;
                -o-transform-origin: right center;
                transform-origin: right center
            }
        }

        @-webkit-keyframes zoomOutUp {
            40% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
            }

            100% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -webkit-transform-origin: center bottom;
                -moz-transform-origin: center bottom;
                -ms-transform-origin: center bottom;
                -o-transform-origin: center bottom;
                transform-origin: center bottom
            }
        }

        @-moz-keyframes zoomOutUp {
            40% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
            }

            100% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -webkit-transform-origin: center bottom;
                -moz-transform-origin: center bottom;
                -ms-transform-origin: center bottom;
                -o-transform-origin: center bottom;
                transform-origin: center bottom
            }
        }

        @-ms-keyframes zoomOutUp {
            40% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
            }

            100% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -webkit-transform-origin: center bottom;
                -moz-transform-origin: center bottom;
                -ms-transform-origin: center bottom;
                -o-transform-origin: center bottom;
                transform-origin: center bottom
            }
        }

        @-o-keyframes zoomOutUp {
            40% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
            }

            100% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -webkit-transform-origin: center bottom;
                -moz-transform-origin: center bottom;
                -ms-transform-origin: center bottom;
                -o-transform-origin: center bottom;
                transform-origin: center bottom
            }
        }

        @keyframes zoomOutUp {
            40% {
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -o-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
            }

            100% {
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                opacity: 0;
                -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -moz-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -o-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                -webkit-transform-origin: center bottom;
                -moz-transform-origin: center bottom;
                -ms-transform-origin: center bottom;
                -o-transform-origin: center bottom;
                transform-origin: center bottom
            }
        }

        .owl-carousel {
            display: none;
            width: 100%;
            -webkit-tap-highlight-color: transparent;
            position: relative;
            z-index: 1
        }

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

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

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

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

        .owl-carousel .owl-item {
            position: relative;
            min-height: 1px;
            float: left;
            -webkit-backface-visibility: hidden;
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none
        }

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

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

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

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

        .owl-carousel.owl-loaded {
            display: block
        }

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

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

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

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

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

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

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

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

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

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

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

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

        @keyframes fadeOut {
            0% {
                opacity: 1
            }

            100% {
                opacity: 0
            }
        }

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

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

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

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

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

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

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

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

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

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

        .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: solid .08em #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(0)
            }

            100% {
                transform: rotate(360deg)
            }
        }

        .fa-rotate-90 {
            transform: rotate(90deg)
        }

        .fa-rotate-180 {
            transform: rotate(180deg)
        }

        .fa-rotate-270 {
            transform: rotate(270deg)
        }

        .fa-flip-horizontal {
            transform: scale(-1, 1)
        }

        .fa-flip-vertical {
            transform: scale(1, -1)
        }

        .fa-flip-both,
        .fa-flip-horizontal.fa-flip-vertical {
            transform: scale(-1, -1)
        }

        :root .fa-flip-both,
        :root .fa-flip-horizontal,
        :root .fa-flip-vertical,
        :root .fa-rotate-180,
        :root .fa-rotate-270,
        :root .fa-rotate-90 {
            filter: none
        }

        .fa-stack {
            display: inline-block;
            height: 2em;
            line-height: 2em;
            position: relative;
            vertical-align: middle;
            width: 2.5em
        }

        .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-acquisitions-incorporated:before {
            content: "\f6af"
        }

        .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-adobe:before {
            content: "\f778"
        }

        .fa-adversal:before {
            content: "\f36a"
        }

        .fa-affiliatetheme:before {
            content: "\f36b"
        }

        .fa-air-freshener:before {
            content: "\f5d0"
        }

        .fa-airbnb:before {
            content: "\f834"
        }

        .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-artstation:before {
            content: "\f77a"
        }

        .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-atlassian:before {
            content: "\f77b"
        }

        .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-baby:before {
            content: "\f77c"
        }

        .fa-baby-carriage:before {
            content: "\f77d"
        }

        .fa-backspace:before {
            content: "\f55a"
        }

        .fa-backward:before {
            content: "\f04a"
        }

        .fa-bacon:before {
            content: "\f7e5"
        }

        .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-battle-net:before {
            content: "\f835"
        }

        .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-biohazard:before {
            content: "\f780"
        }

        .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-blender-phone:before {
            content: "\f6b6"
        }

        .fa-blind:before {
            content: "\f29d"
        }

        .fa-blog:before {
            content: "\f781"
        }

        .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-dead:before {
            content: "\f6b7"
        }

        .fa-book-medical:before {
            content: "\f7e6"
        }

        .fa-book-open:before {
            content: "\f518"
        }

        .fa-book-reader:before {
            content: "\f5da"
        }

        .fa-bookmark:before {
            content: "\f02e"
        }

        .fa-bootstrap:before {
            content: "\f836"
        }

        .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-bread-slice:before {
            content: "\f7ec"
        }

        .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-buffer:before {
            content: "\f837"
        }

        .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-day:before {
            content: "\f783"
        }

        .fa-calendar-minus:before {
            content: "\f272"
        }

        .fa-calendar-plus:before {
            content: "\f271"
        }

        .fa-calendar-times:before {
            content: "\f273"
        }

        .fa-calendar-week:before {
            content: "\f784"
        }

        .fa-camera:before {
            content: "\f030"
        }

        .fa-camera-retro:before {
            content: "\f083"
        }

        .fa-campground:before {
            content: "\f6bb"
        }

        .fa-canadian-maple-leaf:before {
            content: "\f785"
        }

        .fa-candy-cane:before {
            content: "\f786"
        }

        .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-carrot:before {
            content: "\f787"
        }

        .fa-cart-arrow-down:before {
            content: "\f218"
        }

        .fa-cart-plus:before {
            content: "\f217"
        }

        .fa-cash-register:before {
            content: "\f788"
        }

        .fa-cat:before {
            content: "\f6be"
        }

        .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-centos:before {
            content: "\f789"
        }

        .fa-certificate:before {
            content: "\f0a3"
        }

        .fa-chair:before {
            content: "\f6c0"
        }

        .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-cheese:before {
            content: "\f7ef"
        }

        .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-chromecast:before {
            content: "\f838"
        }

        .fa-church:before {
            content: "\f51d"
        }

        .fa-circle:before {
            content: "\f111"
        }

        .fa-circle-notch:before {
            content: "\f1ce"
        }

        .fa-city:before {
            content: "\f64f"
        }

        .fa-clinic-medical:before {
            content: "\f7f2"
        }

        .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-meatball:before {
            content: "\f73b"
        }

        .fa-cloud-moon:before {
            content: "\f6c3"
        }

        .fa-cloud-moon-rain:before {
            content: "\f73c"
        }

        .fa-cloud-rain:before {
            content: "\f73d"
        }

        .fa-cloud-showers-heavy:before {
            content: "\f740"
        }

        .fa-cloud-sun:before {
            content: "\f6c4"
        }

        .fa-cloud-sun-rain:before {
            content: "\f743"
        }

        .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-medical:before {
            content: "\f7f5"
        }

        .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-compress-arrows-alt:before {
            content: "\f78c"
        }

        .fa-concierge-bell:before {
            content: "\f562"
        }

        .fa-confluence:before {
            content: "\f78d"
        }

        .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-creative-commons-zero:before {
            content: "\f4f3"
        }

        .fa-credit-card:before {
            content: "\f09d"
        }

        .fa-critical-role:before {
            content: "\f6c9"
        }

        .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-crutch:before {
            content: "\f7f7"
        }

        .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-d-and-d-beyond:before {
            content: "\f6ca"
        }

        .fa-dashcube:before {
            content: "\f210"
        }

        .fa-database:before {
            content: "\f1c0"
        }

        .fa-deaf:before {
            content: "\f2a4"
        }

        .fa-delicious:before {
            content: "\f1a5"
        }

        .fa-democrat:before {
            content: "\f747"
        }

        .fa-deploydog:before {
            content: "\f38e"
        }

        .fa-deskpro:before {
            content: "\f38f"
        }

        .fa-desktop:before {
            content: "\f108"
        }

        .fa-dev:before {
            content: "\f6cc"
        }

        .fa-deviantart:before {
            content: "\f1bd"
        }

        .fa-dharmachakra:before {
            content: "\f655"
        }

        .fa-dhl:before {
            content: "\f790"
        }

        .fa-diagnoses:before {
            content: "\f470"
        }

        .fa-diaspora:before {
            content: "\f791"
        }

        .fa-dice:before {
            content: "\f522"
        }

        .fa-dice-d20:before {
            content: "\f6cf"
        }

        .fa-dice-d6:before {
            content: "\f6d1"
        }

        .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-dog:before {
            content: "\f6d3"
        }

        .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-dragon:before {
            content: "\f6d5"
        }

        .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-drumstick-bite:before {
            content: "\f6d7"
        }

        .fa-drupal:before {
            content: "\f1a9"
        }

        .fa-dumbbell:before {
            content: "\f44b"
        }

        .fa-dumpster:before {
            content: "\f793"
        }

        .fa-dumpster-fire:before {
            content: "\f794"
        }

        .fa-dungeon:before {
            content: "\f6d9"
        }

        .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-egg:before {
            content: "\f7fb"
        }

        .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-ethernet:before {
            content: "\f796"
        }

        .fa-etsy:before {
            content: "\f2d7"
        }

        .fa-euro-sign:before {
            content: "\f153"
        }

        .fa-evernote:before {
            content: "\f839"
        }

        .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-fantasy-flight-games:before {
            content: "\f6dc"
        }

        .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-fedex:before {
            content: "\f797"
        }

        .fa-fedora:before {
            content: "\f798"
        }

        .fa-female:before {
            content: "\f182"
        }

        .fa-fighter-jet:before {
            content: "\f0fb"
        }

        .fa-figma:before {
            content: "\f799"
        }

        .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-csv:before {
            content: "\f6dd"
        }

        .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-alt:before {
            content: "\f7e4"
        }

        .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-fist-raised:before {
            content: "\f6de"
        }

        .fa-flag:before {
            content: "\f024"
        }

        .fa-flag-checkered:before {
            content: "\f11e"
        }

        .fa-flag-usa:before {
            content: "\f74d"
        }

        .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-ghost:before {
            content: "\f6e2"
        }

        .fa-gift:before {
            content: "\f06b"
        }

        .fa-gifts:before {
            content: "\f79c"
        }

        .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-cheers:before {
            content: "\f79f"
        }

        .fa-glass-martini:before {
            content: "\f000"
        }

        .fa-glass-martini-alt:before {
            content: "\f57b"
        }

        .fa-glass-whiskey:before {
            content: "\f7a0"
        }

        .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-globe-europe:before {
            content: "\f7a2"
        }

        .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-lines:before {
            content: "\f7a4"
        }

        .fa-grip-lines-vertical:before {
            content: "\f7a5"
        }

        .fa-grip-vertical:before {
            content: "\f58e"
        }

        .fa-gripfire:before {
            content: "\f3ac"
        }

        .fa-grunt:before {
            content: "\f3ad"
        }

        .fa-guitar:before {
            content: "\f7a6"
        }

        .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-hamburger:before {
            content: "\f805"
        }

        .fa-hammer:before {
            content: "\f6e3"
        }

        .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-middle-finger:before {
            content: "\f806"
        }

        .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-hanukiah:before {
            content: "\f6e6"
        }

        .fa-hard-hat:before {
            content: "\f807"
        }

        .fa-hashtag:before {
            content: "\f292"
        }

        .fa-hat-wizard:before {
            content: "\f6e8"
        }

        .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-heart-broken:before {
            content: "\f7a9"
        }

        .fa-heartbeat:before {
            content: "\f21e"
        }

        .fa-helicopter:before {
            content: "\f533"
        }

        .fa-highlighter:before {
            content: "\f591"
        }

        .fa-hiking:before {
            content: "\f6ec"
        }

        .fa-hippo:before {
            content: "\f6ed"
        }

        .fa-hips:before {
            content: "\f452"
        }

        .fa-hire-a-helper:before {
            content: "\f3b0"
        }

        .fa-history:before {
            content: "\f1da"
        }

        .fa-hockey-puck:before {
            content: "\f453"
        }

        .fa-holly-berry:before {
            content: "\f7aa"
        }

        .fa-home:before {
            content: "\f015"
        }

        .fa-hooli:before {
            content: "\f427"
        }

        .fa-hornbill:before {
            content: "\f592"
        }

        .fa-horse:before {
            content: "\f6f0"
        }

        .fa-horse-head:before {
            content: "\f7ab"
        }

        .fa-hospital:before {
            content: "\f0f8"
        }

        .fa-hospital-alt:before {
            content: "\f47d"
        }

        .fa-hospital-symbol:before {
            content: "\f47e"
        }

        .fa-hot-tub:before {
            content: "\f593"
        }

        .fa-hotdog:before {
            content: "\f80f"
        }

        .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-house-damage:before {
            content: "\f6f1"
        }

        .fa-houzz:before {
            content: "\f27c"
        }

        .fa-hryvnia:before {
            content: "\f6f2"
        }

        .fa-html5:before {
            content: "\f13b"
        }

        .fa-hubspot:before {
            content: "\f3b2"
        }

        .fa-i-cursor:before {
            content: "\f246"
        }

        .fa-ice-cream:before {
            content: "\f810"
        }

        .fa-icicles:before {
            content: "\f7ad"
        }

        .fa-id-badge:before {
            content: "\f2c1"
        }

        .fa-id-card:before {
            content: "\f2c2"
        }

        .fa-id-card-alt:before {
            content: "\f47f"
        }

        .fa-igloo:before {
            content: "\f7ae"
        }

        .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-intercom:before {
            content: "\f7af"
        }

        .fa-internet-explorer:before {
            content: "\f26b"
        }

        .fa-invision:before {
            content: "\f7b0"
        }

        .fa-ioxhost:before {
            content: "\f208"
        }

        .fa-italic:before {
            content: "\f033"
        }

        .fa-itch-io:before {
            content: "\f83a"
        }

        .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-jira:before {
            content: "\f7b1"
        }

        .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-laptop-medical:before {
            content: "\f812"
        }

        .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-mask:before {
            content: "\f6fa"
        }

        .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-mendeley:before {
            content: "\f7b3"
        }

        .fa-menorah:before {
            content: "\f676"
        }

        .fa-mercury:before {
            content: "\f223"
        }

        .fa-meteor:before {
            content: "\f753"
        }

        .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-mitten:before {
            content: "\f7b5"
        }

        .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-mountain:before {
            content: "\f6fc"
        }

        .fa-mouse-pointer:before {
            content: "\f245"
        }

        .fa-mug-hot:before {
            content: "\f7b6"
        }

        .fa-music:before {
            content: "\f001"
        }

        .fa-napster:before {
            content: "\f3d2"
        }

        .fa-neos:before {
            content: "\f612"
        }

        .fa-network-wired:before {
            content: "\f6ff"
        }

        .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-otter:before {
            content: "\f700"
        }

        .fa-outdent:before {
            content: "\f03b"
        }

        .fa-page4:before {
            content: "\f3d7"
        }

        .fa-pagelines:before {
            content: "\f18c"
        }

        .fa-pager:before {
            content: "\f815"
        }

        .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-penny-arcade:before {
            content: "\f704"
        }

        .fa-people-carry:before {
            content: "\f4ce"
        }

        .fa-pepper-hot:before {
            content: "\f816"
        }

        .fa-percent:before {
            content: "\f295"
        }

        .fa-percentage:before {
            content: "\f541"
        }

        .fa-periscope:before {
            content: "\f3da"
        }

        .fa-person-booth:before {
            content: "\f756"
        }

        .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-pizza-slice:before {
            content: "\f818"
        }

        .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-poo-storm:before {
            content: "\f75a"
        }

        .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-radiation:before {
            content: "\f7b9"
        }

        .fa-radiation-alt:before {
            content: "\f7ba"
        }

        .fa-rainbow:before {
            content: "\f75b"
        }

        .fa-random:before {
            content: "\f074"
        }

        .fa-raspberry-pi:before {
            content: "\f7bb"
        }

        .fa-ravelry:before {
            content: "\f2d9"
        }

        .fa-react:before {
            content: "\f41b"
        }

        .fa-reacteurope:before {
            content: "\f75d"
        }

        .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-redhat:before {
            content: "\f7bc"
        }

        .fa-redo:before {
            content: "\f01e"
        }

        .fa-redo-alt:before {
            content: "\f2f9"
        }

        .fa-registered:before {
            content: "\f25d"
        }

        .fa-renren:before {
            content: "\f18b"
        }

        .fa-reply:before {
            content: "\f3e5"
        }

        .fa-reply-all:before {
            content: "\f122"
        }

        .fa-replyd:before {
            content: "\f3e6"
        }

        .fa-republican:before {
            content: "\f75e"
        }

        .fa-researchgate:before {
            content: "\f4f8"
        }

        .fa-resolving:before {
            content: "\f3e7"
        }

        .fa-restroom:before {
            content: "\f7bd"
        }

        .fa-retweet:before {
            content: "\f079"
        }

        .fa-rev:before {
            content: "\f5b2"
        }

        .fa-ribbon:before {
            content: "\f4d6"
        }

        .fa-ring:before {
            content: "\f70b"
        }

        .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-running:before {
            content: "\f70c"
        }

        .fa-rupee-sign:before {
            content: "\f156"
        }

        .fa-sad-cry:before {
            content: "\f5b3"
        }

        .fa-sad-tear:before {
            content: "\f5b4"
        }

        .fa-safari:before {
            content: "\f267"
        }

        .fa-salesforce:before {
            content: "\f83b"
        }

        .fa-sass:before {
            content: "\f41e"
        }

        .fa-satellite:before {
            content: "\f7bf"
        }

        .fa-satellite-dish:before {
            content: "\f7c0"
        }

        .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-scroll:before {
            content: "\f70e"
        }

        .fa-sd-card:before {
            content: "\f7c2"
        }

        .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-sim-card:before {
            content: "\f7c4"
        }

        .fa-simplybuilt:before {
            content: "\f215"
        }

        .fa-sistrix:before {
            content: "\f3ee"
        }

        .fa-sitemap:before {
            content: "\f0e8"
        }

        .fa-sith:before {
            content: "\f512"
        }

        .fa-skating:before {
            content: "\f7c5"
        }

        .fa-sketch:before {
            content: "\f7c6"
        }

        .fa-skiing:before {
            content: "\f7c9"
        }

        .fa-skiing-nordic:before {
            content: "\f7ca"
        }

        .fa-skull:before {
            content: "\f54c"
        }

        .fa-skull-crossbones:before {
            content: "\f714"
        }

        .fa-skyatlas:before {
            content: "\f216"
        }

        .fa-skype:before {
            content: "\f17e"
        }

        .fa-slack:before {
            content: "\f198"
        }

        .fa-slack-hash:before {
            content: "\f3ef"
        }

        .fa-slash:before {
            content: "\f715"
        }

        .fa-sleigh:before {
            content: "\f7cc"
        }

        .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-smog:before {
            content: "\f75f"
        }

        .fa-smoking:before {
            content: "\f48d"
        }

        .fa-smoking-ban:before {
            content: "\f54d"
        }

        .fa-sms:before {
            content: "\f7cd"
        }

        .fa-snapchat:before {
            content: "\f2ab"
        }

        .fa-snapchat-ghost:before {
            content: "\f2ac"
        }

        .fa-snapchat-square:before {
            content: "\f2ad"
        }

        .fa-snowboarding:before {
            content: "\f7ce"
        }

        .fa-snowflake:before {
            content: "\f2dc"
        }

        .fa-snowman:before {
            content: "\f7d0"
        }

        .fa-snowplow:before {
            content: "\f7d2"
        }

        .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-sourcetree:before {
            content: "\f7d3"
        }

        .fa-spa:before {
            content: "\f5bb"
        }

        .fa-space-shuttle:before {
            content: "\f197"
        }

        .fa-speakap:before {
            content: "\f3f3"
        }

        .fa-speaker-deck:before {
            content: "\f83c"
        }

        .fa-spider:before {
            content: "\f717"
        }

        .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-suse:before {
            content: "\f7d6"
        }

        .fa-swatchbook:before {
            content: "\f5c3"
        }

        .fa-swimmer:before {
            content: "\f5c4"
        }

        .fa-swimming-pool:before {
            content: "\f5c5"
        }

        .fa-symfony:before {
            content: "\f83d"
        }

        .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-temperature-high:before {
            content: "\f769"
        }

        .fa-temperature-low:before {
            content: "\f76b"
        }

        .fa-tencent-weibo:before {
            content: "\f1d5"
        }

        .fa-tenge:before {
            content: "\f7d7"
        }

        .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-think-peaks:before {
            content: "\f731"
        }

        .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-toilet:before {
            content: "\f7d8"
        }

        .fa-toilet-paper:before {
            content: "\f71e"
        }

        .fa-toolbox:before {
            content: "\f552"
        }

        .fa-tools:before {
            content: "\f7d9"
        }

        .fa-tooth:before {
            content: "\f5c9"
        }

        .fa-torah:before {
            content: "\f6a0"
        }

        .fa-torii-gate:before {
            content: "\f6a1"
        }

        .fa-tractor:before {
            content: "\f722"
        }

        .fa-trade-federation:before {
            content: "\f513"
        }

        .fa-trademark:before {
            content: "\f25c"
        }

        .fa-traffic-light:before {
            content: "\f637"
        }

        .fa-train:before {
            content: "\f238"
        }

        .fa-tram:before {
            content: "\f7da"
        }

        .fa-transgender:before {
            content: "\f224"
        }

        .fa-transgender-alt:before {
            content: "\f225"
        }

        .fa-trash:before {
            content: "\f1f8"
        }

        .fa-trash-alt:before {
            content: "\f2ed"
        }

        .fa-trash-restore:before {
            content: "\f829"
        }

        .fa-trash-restore-alt:before {
            content: "\f82a"
        }

        .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-ubuntu:before {
            content: "\f7df"
        }

        .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-ups:before {
            content: "\f7e0"
        }

        .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-injured:before {
            content: "\f728"
        }

        .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-nurse:before {
            content: "\f82f"
        }

        .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-usps:before {
            content: "\f7e1"
        }

        .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-mute:before {
            content: "\f6a9"
        }

        .fa-volume-off:before {
            content: "\f026"
        }

        .fa-volume-up:before {
            content: "\f028"
        }

        .fa-vote-yea:before {
            content: "\f772"
        }

        .fa-vr-cardboard:before {
            content: "\f729"
        }

        .fa-vuejs:before {
            content: "\f41f"
        }

        .fa-walking:before {
            content: "\f554"
        }

        .fa-wallet:before {
            content: "\f555"
        }

        .fa-warehouse:before {
            content: "\f494"
        }

        .fa-water:before {
            content: "\f773"
        }

        .fa-wave-square:before {
            content: "\f83e"
        }

        .fa-waze:before {
            content: "\f83f"
        }

        .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-wind:before {
            content: "\f72e"
        }

        .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-bottle:before {
            content: "\f72f"
        }

        .fa-wine-glass:before {
            content: "\f4e3"
        }

        .fa-wine-glass-alt:before {
            content: "\f5ce"
        }

        .fa-wix:before {
            content: "\f5cf"
        }

        .fa-wizards-of-the-coast:before {
            content: "\f730"
        }

        .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-wpressr:before {
            content: "\f3e4"
        }

        .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-yammer:before {
            content: "\f840"
        }

        .fa-yandex:before {
            content: "\f413"
        }

        .fa-yandex-international:before {
            content: "\f414"
        }

        .fa-yarn:before {
            content: "\f7e3"
        }

        .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 Free';
            font-style: normal;
            font-weight: 900;
            font-display: auto;
            src: url(../../assets/fonts/fontawesome/webfonts/fa-solid-900.eot);
            src: url(../../assets/fonts/fontawesome/webfonts/fa-solid-900d41d.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(../../assets/fonts/fontawesome/webfonts/fa-solid-900.woff) format("woff"), url(../../assets/fonts/fontawesome/webfonts/fa-solid-900.ttf) format("truetype"), url(../../assets/fonts/fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")
        }

        .fa,
        .fas {
            font-family: 'Font Awesome 5 Free';
            font-weight: 900
        }

        @font-face {
            font-family: 'Font Awesome 5 Brands';
            font-style: normal;
            font-weight: 400;
            font-display: auto;
            src: url(../../assets/fonts/fontawesome/webfonts/fa-brands-400.eot);
            src: url(../../assets/fonts/fontawesome/webfonts/fa-brands-400d41d.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"), url(../../assets/fonts/fontawesome/webfonts/fa-brands-400.woff) format("woff"), url(../../assets/fonts/fontawesome/webfonts/fa-brands-400.ttf) format("truetype"), url(../../assets/fonts/fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")
        }

        .fab {
            font-family: 'Font Awesome 5 Brands'
        }

        @font-face {
            font-family: 'Font Awesome 5 Free';
            font-style: normal;
            font-weight: 400;
            font-display: auto;
            src: url(../../assets/fonts/fontawesome/webfonts/fa-regular-400.eot);
            src: url(../../assets/fonts/fontawesome/webfonts/fa-regular-400d41d.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"), url(../../assets/fonts/fontawesome/webfonts/fa-regular-400.woff) format("woff"), url(../../assets/fonts/fontawesome/webfonts/fa-regular-400.ttf) format("truetype"), url(../../assets/fonts/fontawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")
        }

        .far {
            font-family: 'Font Awesome 5 Free';
            font-weight: 400
        }

        section {
            position: relative;
            display: flex;
            flex-flow: column;
            justify-content: center;
            backface-visibility: hidden;
            align-items: center;
            background: 0 0
        }

        section:not(.small-section) {
            min-height: 600px;
            padding: 0px 0
        }

        section.small-section {
            min-height: 350px;
            padding: 60px 0
        }

        #pricing-section .plan.recommended li a[class*=btn],
        .btn,
        .btn-black,
        .btn-gradient,
        .btn-gray,
        .btn-main,
        .btn-secondary,
        .btn-white-black,
        .btn-white-gradient,
        .btn-white-main,
        .btn-white-secondary {
            border-radius: 40px;
            min-width: 20px;
            position: relative;
            overflow: hidden;
            padding: 11px 18px;
            margin: 5px;
            text-transform: capitalize;
            box-shadow: 0 5px 20px 1px rgba(61, 61, 61, .2);
            line-height: 1.6;
            outline: 0;
            font-size: 15px;
            text-align: center;
            width: min-content;
            border: 0
        }

        #pricing-section .plan.recommended li a[class*=btn] i,
        .btn i,
        .btn-black i,
        .btn-gradient i,
        .btn-gray i,
        .btn-main i,
        .btn-secondary i,
        .btn-white-black i,
        .btn-white-gradient i,
        .btn-white-main i,
        .btn-white-secondary i {
            margin: 0 7px
        }

        #pricing-section .plan.recommended li a:not([class*=btn-])[class*=btn],
        .btn-black:not([class*=btn-]),
        .btn-gradient:not([class*=btn-]),
        .btn-gray:not([class*=btn-]),
        .btn-main:not([class*=btn-]),
        .btn-secondary:not([class*=btn-]),
        .btn-white-black:not([class*=btn-]),
        .btn-white-gradient:not([class*=btn-]),
        .btn-white-main:not([class*=btn-]),
        .btn-white-secondary:not([class*=btn-]),
        .btn:not([class*=btn-]) {
            background: var(--color-theme-white);
            color: var(--color-main)
        }

        #pricing-section .plan.recommended li a:not([class*=btn-]):active[class*=btn],
        #pricing-section .plan.recommended li a:not([class*=btn-]):focus[class*=btn],
        #pricing-section .plan.recommended li a:not([class*=btn-]):hover[class*=btn],
        .btn-black:not([class*=btn-]):active,
        .btn-black:not([class*=btn-]):focus,
        .btn-black:not([class*=btn-]):hover,
        .btn-gradient:not([class*=btn-]):active,
        .btn-gradient:not([class*=btn-]):focus,
        .btn-gradient:not([class*=btn-]):hover,
        .btn-gray:not([class*=btn-]):active,
        .btn-gray:not([class*=btn-]):focus,
        .btn-gray:not([class*=btn-]):hover,
        .btn-main:not([class*=btn-]):active,
        .btn-main:not([class*=btn-]):focus,
        .btn-main:not([class*=btn-]):hover,
        .btn-secondary:not([class*=btn-]):active,
        .btn-secondary:not([class*=btn-]):focus,
        .btn-secondary:not([class*=btn-]):hover,
        .btn-white-black:not([class*=btn-]):active,
        .btn-white-black:not([class*=btn-]):focus,
        .btn-white-black:not([class*=btn-]):hover,
        .btn-white-gradient:not([class*=btn-]):active,
        .btn-white-gradient:not([class*=btn-]):focus,
        .btn-white-gradient:not([class*=btn-]):hover,
        .btn-white-main:not([class*=btn-]):active,
        .btn-white-main:not([class*=btn-]):focus,
        .btn-white-main:not([class*=btn-]):hover,
        .btn-white-secondary:not([class*=btn-]):active,
        .btn-white-secondary:not([class*=btn-]):focus,
        .btn-white-secondary:not([class*=btn-]):hover,
        .btn:not([class*=btn-]):active,
        .btn:not([class*=btn-]):focus,
        .btn:not([class*=btn-]):hover {
            background: var(--color-gradient);
            color: var(--color-theme-white);
            outline: 0
        }

        #pricing-section .plan.recommended li a.cancel[class*=btn],
        #pricing-section .plan.recommended li a.close[class*=btn],
        #pricing-section .plan.recommended li a[type=reset][class*=btn],
        .btn-black[type=reset],
        .btn-cancel,
        .btn-close,
        .btn-gradient[type=reset],
        .btn-gray[type=reset],
        .btn-main[type=reset],
        .btn-secondary[type=reset],
        .btn-white-black[type=reset],
        .btn-white-gradient[type=reset],
        .btn-white-main[type=reset],
        .btn-white-secondary[type=reset],
        .btn.cancel,
        .btn.close,
        .btn[type=reset],
        .cancel.btn-black,
        .cancel.btn-gradient,
        .cancel.btn-gray,
        .cancel.btn-main,
        .cancel.btn-secondary,
        .cancel.btn-white-black,
        .cancel.btn-white-gradient,
        .cancel.btn-white-main,
        .cancel.btn-white-secondary,
        .close.btn-black,
        .close.btn-gradient,
        .close.btn-gray,
        .close.btn-main,
        .close.btn-secondary,
        .close.btn-white-black,
        .close.btn-white-gradient,
        .close.btn-white-main,
        .close.btn-white-secondary {
            background: #fff;
            color: #637282
        }

        #pricing-section .plan.recommended li a.cancel:active[class*=btn],
        #pricing-section .plan.recommended li a.cancel:focus[class*=btn],
        #pricing-section .plan.recommended li a.cancel:hover[class*=btn],
        #pricing-section .plan.recommended li a.close:active[class*=btn],
        #pricing-section .plan.recommended li a.close:focus[class*=btn],
        #pricing-section .plan.recommended li a.close:hover[class*=btn],
        #pricing-section .plan.recommended li a[type=reset]:active[class*=btn],
        #pricing-section .plan.recommended li a[type=reset]:focus[class*=btn],
        #pricing-section .plan.recommended li a[type=reset]:hover[class*=btn],
        .btn-black[type=reset]:active,
        .btn-black[type=reset]:focus,
        .btn-black[type=reset]:hover,
        .btn-cancel:active,
        .btn-cancel:focus,
        .btn-cancel:hover,
        .btn-close:active,
        .btn-close:focus,
        .btn-close:hover,
        .btn-gradient[type=reset]:active,
        .btn-gradient[type=reset]:focus,
        .btn-gradient[type=reset]:hover,
        .btn-gray[type=reset]:active,
        .btn-gray[type=reset]:focus,
        .btn-gray[type=reset]:hover,
        .btn-main[type=reset]:active,
        .btn-main[type=reset]:focus,
        .btn-main[type=reset]:hover,
        .btn-secondary[type=reset]:active,
        .btn-secondary[type=reset]:focus,
        .btn-secondary[type=reset]:hover,
        .btn-white-black[type=reset]:active,
        .btn-white-black[type=reset]:focus,
        .btn-white-black[type=reset]:hover,
        .btn-white-gradient[type=reset]:active,
        .btn-white-gradient[type=reset]:focus,
        .btn-white-gradient[type=reset]:hover,
        .btn-white-main[type=reset]:active,
        .btn-white-main[type=reset]:focus,
        .btn-white-main[type=reset]:hover,
        .btn-white-secondary[type=reset]:active,
        .btn-white-secondary[type=reset]:focus,
        .btn-white-secondary[type=reset]:hover,
        .btn.cancel:active,
        .btn.cancel:focus,
        .btn.cancel:hover,
        .btn.close:active,
        .btn.close:focus,
        .btn.close:hover,
        .btn[type=reset]:active,
        .btn[type=reset]:focus,
        .btn[type=reset]:hover,
        .cancel.btn-black:active,
        .cancel.btn-black:focus,
        .cancel.btn-black:hover,
        .cancel.btn-gradient:active,
        .cancel.btn-gradient:focus,
        .cancel.btn-gradient:hover,
        .cancel.btn-gray:active,
        .cancel.btn-gray:focus,
        .cancel.btn-gray:hover,
        .cancel.btn-main:active,
        .cancel.btn-main:focus,
        .cancel.btn-main:hover,
        .cancel.btn-secondary:active,
        .cancel.btn-secondary:focus,
        .cancel.btn-secondary:hover,
        .cancel.btn-white-black:active,
        .cancel.btn-white-black:focus,
        .cancel.btn-white-black:hover,
        .cancel.btn-white-gradient:active,
        .cancel.btn-white-gradient:focus,
        .cancel.btn-white-gradient:hover,
        .cancel.btn-white-main:active,
        .cancel.btn-white-main:focus,
        .cancel.btn-white-main:hover,
        .cancel.btn-white-secondary:active,
        .cancel.btn-white-secondary:focus,
        .cancel.btn-white-secondary:hover,
        .close.btn-black:active,
        .close.btn-black:focus,
        .close.btn-black:hover,
        .close.btn-gradient:active,
        .close.btn-gradient:focus,
        .close.btn-gradient:hover,
        .close.btn-gray:active,
        .close.btn-gray:focus,
        .close.btn-gray:hover,
        .close.btn-main:active,
        .close.btn-main:focus,
        .close.btn-main:hover,
        .close.btn-secondary:active,
        .close.btn-secondary:focus,
        .close.btn-secondary:hover,
        .close.btn-white-black:active,
        .close.btn-white-black:focus,
        .close.btn-white-black:hover,
        .close.btn-white-gradient:active,
        .close.btn-white-gradient:focus,
        .close.btn-white-gradient:hover,
        .close.btn-white-main:active,
        .close.btn-white-main:focus,
        .close.btn-white-main:hover,
        .close.btn-white-secondary:active,
        .close.btn-white-secondary:focus,
        .close.btn-white-secondary:hover {
            background: #e83535 !important;
            color: var(--color-theme-white)
        }

        #pricing-section .plan.recommended li a[class*=btn] .buttons,
        .btn .buttons,
        .btn-black .buttons,
        .btn-gradient .buttons,
        .btn-gray .buttons,
        .btn-main .buttons,
        .btn-secondary .buttons,
        .btn-white-black .buttons,
        .btn-white-gradient .buttons,
        .btn-white-main .buttons,
        .btn-white-secondary .buttons {
            min-width: 126px
        }

        #pricing-section .plan.recommended li .input-group a[class*=btn],
        .input-group #pricing-section .plan.recommended li a[class*=btn],
        .input-group .btn,
        .input-group .btn-black,
        .input-group .btn-gradient,
        .input-group .btn-gray,
        .input-group .btn-main,
        .input-group .btn-secondary,
        .input-group .btn-white-black,
        .input-group .btn-white-gradient,
        .input-group .btn-white-main,
        .input-group .btn-white-secondary {
            background: var(--color-gradient);
            color: var(--color-theme-white);
            margin: 0;
            filter: none
        }

        #pricing-section .plan.recommended li .input-group a:focus[class*=btn],
        #pricing-section .plan.recommended li .input-group a:hover[class*=btn],
        .input-group #pricing-section .plan.recommended li a:focus[class*=btn],
        .input-group #pricing-section .plan.recommended li a:hover[class*=btn],
        .input-group .btn-black:focus,
        .input-group .btn-black:hover,
        .input-group .btn-gradient:focus,
        .input-group .btn-gradient:hover,
        .input-group .btn-gray:focus,
        .input-group .btn-gray:hover,
        .input-group .btn-main:focus,
        .input-group .btn-main:hover,
        .input-group .btn-secondary:focus,
        .input-group .btn-secondary:hover,
        .input-group .btn-white-black:focus,
        .input-group .btn-white-black:hover,
        .input-group .btn-white-gradient:focus,
        .input-group .btn-white-gradient:hover,
        .input-group .btn-white-main:focus,
        .input-group .btn-white-main:hover,
        .input-group .btn-white-secondary:focus,
        .input-group .btn-white-secondary:hover,
        .input-group .btn:focus,
        .input-group .btn:hover {
            background: var(--color-theme-white);
            color: #212121
        }

        #pricing-section .plan.recommended li .input-group-btn:not(:first-child) a[class*=btn],
        #pricing-section .plan.recommended li .input-group-btn:not(:last-child) a[class*=btn],
        .input-group-btn:not(:first-child) #pricing-section .plan.recommended li a[class*=btn],
        .input-group-btn:not(:first-child) .btn,
        .input-group-btn:not(:first-child) .btn-black,
        .input-group-btn:not(:first-child) .btn-gradient,
        .input-group-btn:not(:first-child) .btn-gray,
        .input-group-btn:not(:first-child) .btn-main,
        .input-group-btn:not(:first-child) .btn-secondary,
        .input-group-btn:not(:first-child) .btn-white-black,
        .input-group-btn:not(:first-child) .btn-white-gradient,
        .input-group-btn:not(:first-child) .btn-white-main,
        .input-group-btn:not(:first-child) .btn-white-secondary,
        .input-group-btn:not(:last-child) #pricing-section .plan.recommended li a[class*=btn],
        .input-group-btn:not(:last-child) .btn,
        .input-group-btn:not(:last-child) .btn-black,
        .input-group-btn:not(:last-child) .btn-gradient,
        .input-group-btn:not(:last-child) .btn-gray,
        .input-group-btn:not(:last-child) .btn-main,
        .input-group-btn:not(:last-child) .btn-secondary,
        .input-group-btn:not(:last-child) .btn-white-black,
        .input-group-btn:not(:last-child) .btn-white-gradient,
        .input-group-btn:not(:last-child) .btn-white-main,
        .input-group-btn:not(:last-child) .btn-white-secondary {
            border-top-right-radius: 25px;
            border-bottom-right-radius: 25px
        }

        #pricing-section .plan.recommended li .input-group-btn:not(:first-child) a:focus[class*=btn],
        #pricing-section .plan.recommended li .input-group-btn:not(:first-child) a:hover[class*=btn],
        #pricing-section .plan.recommended li .input-group-btn:not(:last-child) a:focus[class*=btn],
        #pricing-section .plan.recommended li .input-group-btn:not(:last-child) a:hover[class*=btn],
        .input-group-btn:not(:first-child) #pricing-section .plan.recommended li a:focus[class*=btn],
        .input-group-btn:not(:first-child) #pricing-section .plan.recommended li a:hover[class*=btn],
        .input-group-btn:not(:first-child) .btn-black:focus,
        .input-group-btn:not(:first-child) .btn-black:hover,
        .input-group-btn:not(:first-child) .btn-gradient:focus,
        .input-group-btn:not(:first-child) .btn-gradient:hover,
        .input-group-btn:not(:first-child) .btn-gray:focus,
        .input-group-btn:not(:first-child) .btn-gray:hover,
        .input-group-btn:not(:first-child) .btn-main:focus,
        .input-group-btn:not(:first-child) .btn-main:hover,
        .input-group-btn:not(:first-child) .btn-secondary:focus,
        .input-group-btn:not(:first-child) .btn-secondary:hover,
        .input-group-btn:not(:first-child) .btn-white-black:focus,
        .input-group-btn:not(:first-child) .btn-white-black:hover,
        .input-group-btn:not(:first-child) .btn-white-gradient:focus,
        .input-group-btn:not(:first-child) .btn-white-gradient:hover,
        .input-group-btn:not(:first-child) .btn-white-main:focus,
        .input-group-btn:not(:first-child) .btn-white-main:hover,
        .input-group-btn:not(:first-child) .btn-white-secondary:focus,
        .input-group-btn:not(:first-child) .btn-white-secondary:hover,
        .input-group-btn:not(:first-child) .btn:focus,
        .input-group-btn:not(:first-child) .btn:hover,
        .input-group-btn:not(:last-child) #pricing-section .plan.recommended li a:focus[class*=btn],
        .input-group-btn:not(:last-child) #pricing-section .plan.recommended li a:hover[class*=btn],
        .input-group-btn:not(:last-child) .btn-black:focus,
        .input-group-btn:not(:last-child) .btn-black:hover,
        .input-group-btn:not(:last-child) .btn-gradient:focus,
        .input-group-btn:not(:last-child) .btn-gradient:hover,
        .input-group-btn:not(:last-child) .btn-gray:focus,
        .input-group-btn:not(:last-child) .btn-gray:hover,
        .input-group-btn:not(:last-child) .btn-main:focus,
        .input-group-btn:not(:last-child) .btn-main:hover,
        .input-group-btn:not(:last-child) .btn-secondary:focus,
        .input-group-btn:not(:last-child) .btn-secondary:hover,
        .input-group-btn:not(:last-child) .btn-white-black:focus,
        .input-group-btn:not(:last-child) .btn-white-black:hover,
        .input-group-btn:not(:last-child) .btn-white-gradient:focus,
        .input-group-btn:not(:last-child) .btn-white-gradient:hover,
        .input-group-btn:not(:last-child) .btn-white-main:focus,
        .input-group-btn:not(:last-child) .btn-white-main:hover,
        .input-group-btn:not(:last-child) .btn-white-secondary:focus,
        .input-group-btn:not(:last-child) .btn-white-secondary:hover,
        .input-group-btn:not(:last-child) .btn:focus,
        .input-group-btn:not(:last-child) .btn:hover {
            border-top-right-radius: 25px;
            border-bottom-right-radius: 25px
        }

        .form-messages .alert {
            display: none;
            margin-top: 30px;
            margin-bottom: 30px
        }

        .form .form-group,
        form .form-group {
            padding-right: 0;
            font-weight: 500;
            position: relative
        }

        .form .form-group .form-control,
        form .form-group .form-control {
            color: #212121;
            font-weight: 400
        }

        .form .form-group .form-control:focus,
        form .form-group .form-control:focus {
            background-color: #fff;
            border-color: var(--color-main);
            box-shadow: 0 0 0 .05rem var(--color-main)
        }

        .form .form-group .form-control:focus+.input-group-append .input-group-text,
        form .form-group .form-control:focus+.input-group-append .input-group-text {
            color: var(--color-main)
        }

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

        .form input.form-control,
        form input.form-control {
            border-radius: 50px;
            padding: 15px 30px
        }

        .form textarea.form-control,
        form textarea.form-control {
            border-radius: 40px;
            padding: 25px 30px
        }

        .form.was-validated .form-control,
        form.was-validated .form-control {
            border-bottom-right-radius: 0
        }

        #pricing-section .plan.recommended li .form div:not(.input-group-append)>a[class*=btn],
        #pricing-section .plan.recommended li form div:not(.input-group-append)>a[class*=btn],
        .form #pricing-section .plan.recommended li div:not(.input-group-append)>a[class*=btn],
        .form div:not(.input-group-append)>.btn,
        .form div:not(.input-group-append)>.btn-black,
        .form div:not(.input-group-append)>.btn-gradient,
        .form div:not(.input-group-append)>.btn-gray,
        .form div:not(.input-group-append)>.btn-main,
        .form div:not(.input-group-append)>.btn-secondary,
        .form div:not(.input-group-append)>.btn-white-black,
        .form div:not(.input-group-append)>.btn-white-gradient,
        .form div:not(.input-group-append)>.btn-white-main,
        .form div:not(.input-group-append)>.btn-white-secondary,
        .form label,
        form #pricing-section .plan.recommended li div:not(.input-group-append)>a[class*=btn],
        form div:not(.input-group-append)>.btn,
        form div:not(.input-group-append)>.btn-black,
        form div:not(.input-group-append)>.btn-gradient,
        form div:not(.input-group-append)>.btn-gray,
        form div:not(.input-group-append)>.btn-main,
        form div:not(.input-group-append)>.btn-secondary,
        form div:not(.input-group-append)>.btn-white-black,
        form div:not(.input-group-append)>.btn-white-gradient,
        form div:not(.input-group-append)>.btn-white-main,
        form div:not(.input-group-append)>.btn-white-secondary,
        form label {
            margin: 11px;
            font-size: 1rem
        }

        .form .input-group,
        form .input-group {
            width: 100%;
            position: relative
        }

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

        .form .input-group .input-group-append,
        form .input-group .input-group-append {
            position: absolute;
            right: 20px;
            border: 0;
            border-radius: 0;
            height: 100%;
            z-index: 3;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .form .input-group .input-group-append .input-group-text,
        form .input-group .input-group-append .input-group-text {
            background: 0 0;
            color: #637282;
            border: 0
        }

        .form-group .invalid-tooltip,
        .form-group .valid-tooltip {
            right: 0
        }

        ::-webkit-input-placeholder {
            color: #99a5b2 !important;
            text-transform: capitalize;
            font-size: 14px !important
        }

        ::-moz-placeholder {
            color: #99a5b2 !important;
            text-transform: capitalize;
            font-size: 14px !important
        }

        :-ms-input-placeholder {
            color: #99a5b2 !important;
            text-transform: capitalize;
            font-size: 14px !important
        }

        :-moz-placeholder {
            color: #99a5b2 !important;
            text-transform: capitalize;
            font-size: 14px !important
        }

        img {
            width: 100%;
            position: relative;
            overflow: hidden;
            display: block;
            margin: auto;
            min-height: 100%
        }

        img:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            height: 100%;
            width: 100%;
            background-color: #e6e6e6;
            border: 2px dotted #c8c8c8;
            border-radius: 5px;
            margin: auto
        }

        img:after {
            content: """ Broken Image ";
            font-size: 19px;
            font-weight: 900;
            font-family: "Font Awesome 5 Free";
            color: #aaa;
            position: absolute;
            top: 0;
            left: 0;
            width: 70%;
            bottom: 0;
            right: 0;
            margin: auto;
            text-align: center;
            height: fit-content;
            height: -moz-fit-content
        }

        .userImage>img:before {
            background: var(--color-main);
            border: 0
        }

        .userImage>img:after {
            content: '\f007';
            font-size: 35px;
            color: var(--color-theme-white)
        }

        .app-screen {
            filter: drop-shadow(0 20px 10px rgba(180, 180, 180, 0));
            display: block;
            margin: auto;
            max-width: 350px;
        }

        #image-modal .fade .modal-dialog,
        #video-modal .fade .modal-dialog {
            transition: transform .3s ease-out
        }

        #image-modal .modal-dialog,
        #video-modal .modal-dialog {
            box-shadow: none
        }

        #image-modal .modal-dialog .modal-content,
        #video-modal .modal-dialog .modal-content {
            background-color: transparent;
            padding: 0;
            border: 0
        }

        #image-modal .modal-dialog .modal-content .close,
        #video-modal .modal-dialog .modal-content .close {
            color: var(--color-theme-white);
            position: absolute;
            right: -20px;
            top: 0;
            z-index: 9
        }

        #image-modal .modal-dialog .modal-content img,
        #video-modal .modal-dialog .modal-content img {
            margin: auto;
            display: block;
            width: 100%
        }

        :root {
            --color-main: #39c0e0;
            --color-secondary: #1e2cdf;
            --color-gradient: linear-gradient(var(--gradient-direction), var(--color-main), var(--color-secondary));
            --color-gradient2: linear-gradient(45deg, var(--color-main), var(--color-secondary));
            --color-gradient3: radial-gradient(var(--color-main), var(--color-secondary));
            --color-main-light: #5be7c4;
            --color-theme-black: #212121;
            --color-back-light: rgba(33, 33, 33, 0.2);
            --color-gray: #637282;
            --color-gray-light: #ececec;
            --color-danger: #e83535;
            --color-theme-white: #fff;
            --color-theme-white-dark: #f6f6f6;
            --font-rtl: Cairo, sans-serif;
            --font-ltr: Roboto, sans-serif;
            --gradient-direction: to left
        }

        @font-face {
            font-family: Roboto;
            font-weight: 400;
            src: url(../../assets/fonts/Roboto/Roboto-Regular.ttf);
            font-display: swap
        }

        @font-face {
            font-family: Roboto;
            font-weight: 500;
            src: url(../../assets/fonts/Roboto/Roboto-Medium.ttf);
            font-display: swap
        }

        @font-face {
            font-family: Roboto;
            font-weight: 900;
            src: url(../../assets/fonts/Roboto/Roboto-Black.ttf);
            font-display: swap
        }

        @font-face {
            font-family: Cairo;
            font-weight: 400;
            src: url(../../assets/fonts/Cairo/Cairo-Regular.ttf);
            font-display: swap
        }

        @font-face {
            font-family: Cairo;
            font-weight: 500;
            src: url(../../assets/fonts/Cairo/Cairo-SemiBold.ttf);
            font-display: swap
        }

        @font-face {
            font-family: Cairo;
            font-weight: 900;
            letter-spacing: -2px;
            src: url(../../assets/fonts/Cairo/Cairo-Black.ttf);
            font-display: swap
        }

        #pricing-section .plan.recommended li a[class*=btn],
        .btn,
        .btn-black,
        .btn-gradient,
        .btn-gray,
        .btn-main,
        .btn-secondary,
        .btn-white-black,
        .btn-white-gradient,
        .btn-white-main,
        .btn-white-secondary,
        .card,
        ::after,
        ::before,
        a,
        div:not(#navbar):not(.tooltip):not([class*=col-]),
        img,
        li,
        ul {
            transition: all .5s ease-in-out
        }

        body {
            font-family: var(--font-ltr);
            font-weight: 400;
            background: var(--color-theme-white);
            font-size: 14px;
            line-height: 1.6
        }

        body p {
            font-size: 15px
        }

        body a {
            text-decoration: none
        }

        body a:focus,
        body a:hover {
            text-decoration: none
        }

        body [class*=title] {
            text-transform: capitalize
        }

        body ul.list-unstyled {
            padding: 0;
            margin: 0
        }

        body b,
        body strong {
            font-weight: 900
        }

        body main {
            position: relative;
            min-height: 500px
        }

        body main.home .row {
            align-items: center
        }

        body * {
            line-height: 1.6
        }

        body .text-muted {
            color: #8799ad !important
        }

        body .row [class*=col] {
            transition: all .5s ease-in-out
        }

        body .row [class*=xl-3]:nth-child(1) {
            transition-delay: .1s
        }

        body .row [class*=xl-3]:nth-child(2) {
            transition-delay: .2s
        }

        body .row [class*=xl-3]:nth-child(3) {
            transition-delay: .3s
        }

        body .row [class*=xl-3]:nth-child(4) {
            transition-delay: .4s
        }

        ::selection {
            background: #858585;
            opacity: .8;
            color: var(--color-theme-white);
            -webkit-text-fill-color: var(--color-theme-white)
        }

        ::-moz-selection {
            background: #858585;
            opacity: .8;
            color: var(--color-theme-white)
        }

        ::-webkit-scrollbar {
            width: 7px
        }

        ::-webkit-scrollbar-track {
            background-color: #eee
        }

        ::-webkit-scrollbar-thumb {
            background-color: #c5c5c5;
            outline: 0;
            opacity: .6
        }

        ::-webkit-scrollbar-thumb:hover {
            background-color: #637282
        }

        .socialMediaLinks {
            padding: 0
        }

        .socialMediaLinks a {
            height: 40px;
            width: 40px;
            border-radius: 50%;
            text-align: center;
            display: flex;
            flex-flow: column;
            justify-content: center;
            align-items: center;
            font-size: 16px
        }

        .socialMediaLinks a i {
            margin: 0;
            vertical-align: middle
        }

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

        .socialMediaLinks.gradient-style a {
            background: var(--color-theme-white)
        }

        .socialMediaLinks.gradient-style a:focus,
        .socialMediaLinks.gradient-style a:hover {
            filter: drop-shadow(0 9px 7px rgba(0, 0, 0, .3))
        }

        .socialMediaLinks.main-style a {
            color: var(--color-theme-white);
            background: var(--color-main)
        }

        .socialMediaLinks.main-style a:focus,
        .socialMediaLinks.main-style a:hover {
            color: var(--color-main);
            background: var(--color-theme-white);
            box-shadow: 0 5px 20px 1px rgba(61, 61, 61, .2)
        }

        .socialMediaLinks.gray-style a {
            color: #637282;
            box-shadow: 0 5px 20px 1px rgba(80, 193, 233, .15);
            background: var(--color-theme-white)
        }

        .socialMediaLinks.gray-style a:focus,
        .socialMediaLinks.gray-style a:hover {
            color: var(--color-main);
            box-shadow: 0 5px 20px 1px rgba(61, 61, 61, .2)
        }

        .socialMediaLinks.white-main-style a {
            color: var(--color-main);
            background: var(--color-theme-white);
            box-shadow: 0 5px 20px 1px rgba(80, 193, 233, .15)
        }

        .socialMediaLinks.white-main-style a:focus,
        .socialMediaLinks.white-main-style a:hover {
            background: var(--color-main);
            color: var(--color-theme-white);
            box-shadow: 0 5px 20px 1px rgba(61, 61, 61, .2)
        }

        .owl-carousel .owl-stage-outer {
            padding: 20px 0 43px 0
        }

        .owl-carousel .owl-nav {
            position: relative
        }

        .owl-carousel .owl-nav>button {
            position: relative;
            top: 0;
            bottom: 0;
            outline: 0;
            font-size: 15px
        }

        .carousel-navigation,
        .owl-carousel .owl-nav {
            margin: auto;
            width: fit-content;
            width: -moz-fit-content
        }

        .carousel-navigation [class*=next],
        .carousel-navigation [class*=prev],
        .owl-carousel .owl-nav [class*=next],
        .owl-carousel .owl-nav [class*=prev] {
            text-align: center;
            border-radius: 50%;
            padding: 10px 0;
            height: 40px;
            width: 40px;
            margin: 5px;
            font-family: 'Font Awesome 5 Free' !important;
            font-weight: 900 !important;
            box-shadow: 0 5px 20px 1px rgba(61, 61, 61, .2);
            display: inline-block;
            cursor: pointer
        }

        .carousel-navigation [class*=next]:hover,
        .carousel-navigation [class*=prev]:hover,
        .owl-carousel .owl-nav [class*=next]:hover,
        .owl-carousel .owl-nav [class*=prev]:hover {
            transform: scale(.9);
            box-shadow: 0 5px 20px 1px rgba(61, 61, 61, .2);
            border-color: transparent
        }

        .carousel-navigation [class*=prev],
        .carousel-navigation button[class*=prev],
        .owl-carousel .owl-nav [class*=prev],
        .owl-carousel .owl-nav button[class*=prev] {
            background-color: var(--color-secondary);
            color: var(--color-theme-white)
        }

        .carousel-navigation [class*=prev]::before,
        .carousel-navigation button[class*=prev]::before,
        .owl-carousel .owl-nav [class*=prev]::before,
        .owl-carousel .owl-nav button[class*=prev]::before {
            content: "\f30a"
        }

        .carousel-navigation [class*=next],
        .carousel-navigation button[class*=next],
        .owl-carousel .owl-nav [class*=next],
        .owl-carousel .owl-nav button[class*=next] {
            background-color: var(--color-theme-white);
            color: var(--color-main)
        }

        .carousel-navigation [class*=next]::before,
        .carousel-navigation button[class*=next]::before,
        .owl-carousel .owl-nav [class*=next]::before,
        .owl-carousel .owl-nav button[class*=next]::before {
            content: "\f30b"
        }

        .carousel-indicators {
            margin: auto;
            width: fit-content;
            width: -moz-fit-content;
            position: relative;
            display: block;
            bottom: 0;
            top: 0;
            margin: 20px auto
        }

        .carousel-indicators .dot {
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background-color: #ececec;
            display: inline-block;
            margin: 0 3px;
            cursor: pointer
        }

        .carousel-indicators .dot.active {
            background-color: var(--color-main)
        }

        .logo {
            width: auto;
            max-width: 170px;
            min-height: auto
        }

        .card {
            border-color: transparent;
            border: 0
        }

        .card.active,
        .card:hover {
            filter: drop-shadow(0 5px 11px rgba(180, 180, 180, .4))
        }

        .masonry-view .card {
            display: inline-block;
            box-shadow: 0 5px 20px 1px rgba(61, 61, 61, .2);
            overflow: hidden;
            position: sticky
        }

        .masonry-view .card .card-img {
            height: inherit;
            min-height: 245px
        }

        .pagination {
            padding-right: 0;
            text-transform: capitalize
        }

        .pagination .page-item {
            margin: 0 5px
        }

        .pagination .page-item .page-link {
            border: 0;
            color: #637282;
            text-align: center;
            padding: 7px 0;
            border-radius: 50%;
            height: 30px;
            width: 30px
        }

        .pagination .page-item:first-child .page-link,
        .pagination .page-item:last-child .page-link {
            color: #212121;
            border-radius: 0;
            padding: 5px 0;
            font-size: 15px;
            width: fit-content;
            width: -moz-fit-content
        }

        .pagination .page-item:first-child .page-link:focus,
        .pagination .page-item:first-child .page-link:hover,
        .pagination .page-item:last-child .page-link:focus,
        .pagination .page-item:last-child .page-link:hover {
            background: 0 0;
            color: var(--color-main);
            outline: 0;
            box-shadow: none
        }

        .pagination .page-item:not(:first-child):not(:last-child).active .page-link,
        .pagination .page-item:not(:first-child):not(:last-child):focus .page-link {
            background: var(--color-main);
            color: var(--color-theme-white)
        }

        .pagination .page-item:not(:first-child):not(:last-child):not(.active):hover .page-link {
            background: #ececec
        }

        .breadcrumb-item+.breadcrumb-item {
            padding: 0
        }

        .breadcrumb-item+.breadcrumb-item::before {
            padding: 0 .5rem
        }

        .gradient-background {
            background: var(--color-gradient)
        }

        .gradient-background-2 {
            background: var(--color-gradient2)
        }

        .gradient-background-3 {
            background: var(--color-gradient3)
        }

        .gradient-text,
        .socialMediaLinks.gradient-style a i {
            background-image: var(--color-gradient3);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent
        }

        .bg-color-main {
            background-color: var(--color-main)
        }

        .bg-color-secondary {
            background-color: var(--color-secondary)
        }

        .bg-color-white {
            background-color: var(--color-theme-white)
        }

        .bg-color-gray {
            background-color: var(--color-theme-white-dark)
        }

        .bg-color-black {
            background-color: var(--color-theme-black)
        }

        .text-color-main {
            color: var(--color-main)
        }

        .text-color-secondary {
            color: var(--color-secondary)
        }

        .text-color-white {
            color: var(--color-theme-white)
        }

        .text-color-gray {
            color: var(--color-gray)
        }

        .text-color-black {
            color: var(--color-theme-black)
        }

        .btn-white-main {
            background: var(--color-theme-white);
            color: var(--color-main)
        }

        .btn-white-main:active,
        .btn-white-main:focus,
        .btn-white-main:hover {
            background: var(--color-main);
            color: var(--color-theme-white)
        }

        .btn-white-secondary {
            background: var(--color-theme-white);
            color: var(--color-secondary)
        }

        .btn-white-secondary:active,
        .btn-white-secondary:focus,
        .btn-white-secondary:hover {
            background: var(--color-secondary);
            color: var(--color-theme-white)
        }

        .btn-white-black {
            background: var(--color-theme-white);
            color: var(--color-theme-black)
        }

        .btn-white-black:active,
        .btn-white-black:focus,
        .btn-white-black:hover {
            background: var(--color-theme-black);
            color: var(--color-theme-white)
        }

        .btn-white-gradient {
            background: var(--color-theme-white);
            color: #212121;
            font-weight: 500
        }

        .btn-white-gradient:active,
        .btn-white-gradient:focus,
        .btn-white-gradient:hover {
            background: var(--color-gradient);
            color: var(--color-theme-white);
            border: 0
        }

        [class*=btn-white] i {
            background-image: var(--color-gradient3);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent
        }

        [class*=btn-white]:focus,
        [class*=btn-white]:hover {
            border: 0
        }

        [class*=btn-white]:focus i,
        [class*=btn-white]:hover i {
            -webkit-text-fill-color: var(--color-theme-white);
            color: var(--color-theme-white)
        }

        .btn-gray {
            background: #ececec;
            color: #637282
        }

        .btn-gray:active,
        .btn-gray:focus,
        .btn-gray:hover {
            background: var(--color-main);
            color: var(--color-theme-white)
        }

        #pricing-section .plan.recommended li a[class*=btn],
        .btn-main {
            background: var(--color-main);
            color: var(--color-theme-white)
        }

        #pricing-section .plan.recommended li a:active[class*=btn],
        #pricing-section .plan.recommended li a:focus[class*=btn],
        #pricing-section .plan.recommended li a:hover[class*=btn],
        .btn-main:active,
        .btn-main:focus,
        .btn-main:hover {
            color: var(--color-main);
            background: var(--color-theme-white)
        }

        .btn-secondary {
            background: var(--color-secondary);
            color: var(--color-theme-white)
        }

        .btn-secondary:active,
        .btn-secondary:focus,
        .btn-secondary:hover {
            color: var(--color-main);
            background: var(--color-theme-white)
        }

        .btn-gradient {
            color: var(--color-theme-white);
            background: var(--color-gradient2)
        }

        .btn-gradient:active,
        .btn-gradient:focus,
        .btn-gradient:hover {
            background: var(--color-theme-white);
            color: var(--color-main)
        }

        .btn-black {
            background: #212121;
            color: var(--color-theme-white)
        }

        .btn-black:active,
        .btn-black:focus,
        .btn-black:hover {
            background: var(--color-theme-white);
            color: #212121
        }

        .section-title,
        .title {
            margin-bottom: 30px;
            line-height: 1.6;
            color: #212121;
            font-weight: 900;
            text-transform: capitalize
        }

        .section-title :not(i):not(p):not(small),
        .title :not(i):not(p):not(small) {
            font-weight: 900
        }

        .section-title p,
        .section-title small,
        .title p,
        .title small {
            text-transform: capitalize;
            margin-bottom: 0;
            font-weight: 400
        }

        .section-title p,
        .title p {
            font-size: 16px;
            color: #637282
        }

        .section-title small,
        .title small {
            font-size: 35%;
            line-height: 1
        }

        .section-title strong,
        .title strong {
            text-transform: capitalize;
            color: var(--color-main);
            padding: 0 8px;
            display: inline-block
        }

        .style-2.section-title,
        .title.style-2 {
            text-transform: capitalize;
            color: #212121;
            font-weight: 500;
            position: relative;
            display: block
        }

        .style-2.section-title:before,
        .title.style-2:before {
            content: '';
            width: 50px;
            height: 2px;
            background: var(--color-main);
            position: absolute;
            left: 0;
            bottom: -6px
        }

        .section-title {
            margin-bottom: 50px
        }

        .paragraph {
            padding: 10px 0;
            margin-bottom: 0;
            font-size: 18px;
            font-weight: 300;
            line-height: 1.67;
            color: #637282
        }

        .zoomIn-img {
            cursor: zoom-in
        }

        .home #blog-section .row>[class*=xl-4]:nth-child(2),
        .home #pricing-section .row>[class*=xl-4]:nth-child(2),
        .home #team-section .row>[class*=xl-4]:nth-child(2) {
            z-index: 2
        }

        .home #blog-section:not(.show) .row>[class*=xl-3]:first-child,
        .home #blog-section:not(.show) .row>[class*=xl-3]:nth-child(2),
        .home #pricing-section:not(.show) .row>[class*=xl-3]:first-child,
        .home #pricing-section:not(.show) .row>[class*=xl-3]:nth-child(2),
        .home #team-section:not(.show) .row>[class*=xl-3]:first-child,
        .home #team-section:not(.show) .row>[class*=xl-3]:nth-child(2) {
            transform: translateX(60px);
            opacity: .2
        }

        .home #blog-section:not(.show) .row>[class*=xl-3]:last-child,
        .home #blog-section:not(.show) .row>[class*=xl-3]:nth-last-child(2),
        .home #pricing-section:not(.show) .row>[class*=xl-3]:last-child,
        .home #pricing-section:not(.show) .row>[class*=xl-3]:nth-last-child(2),
        .home #team-section:not(.show) .row>[class*=xl-3]:last-child,
        .home #team-section:not(.show) .row>[class*=xl-3]:nth-last-child(2) {
            transform: translateX(-60px);
            opacity: .2
        }

        .home #blog-section:not(.show) .row>[class*=xl-4],
        .home #pricing-section:not(.show) .row>[class*=xl-4],
        .home #team-section:not(.show) .row>[class*=xl-4] {
            opacity: .6;
            transition-delay: 0s !important
        }

        .home #blog-section:not(.show) .row>[class*=xl-4]:nth-child(1),
        .home #pricing-section:not(.show) .row>[class*=xl-4]:nth-child(1),
        .home #team-section:not(.show) .row>[class*=xl-4]:nth-child(1) {
            transform: translateX(240px)
        }

        .home #blog-section:not(.show) .row>[class*=xl-4]:nth-child(2),
        .home #pricing-section:not(.show) .row>[class*=xl-4]:nth-child(2),
        .home #team-section:not(.show) .row>[class*=xl-4]:nth-child(2) {
            opacity: .9;
            transform: scale(.9)
        }

        .home #blog-section:not(.show) .row>[class*=xl-4]:nth-child(3),
        .home #pricing-section:not(.show) .row>[class*=xl-4]:nth-child(3),
        .home #team-section:not(.show) .row>[class*=xl-4]:nth-child(3) {
            transform: translateX(-240px)
        }

        .home #about-section:not(.show) .row [class*=col-]:nth-child(odd) {
            transform: translateY(25px)
        }

        .home #about-section:not(.show) .row [class*=col-]:nth-child(even) {
            transform: translateY(-25px)
        }

        .home #features-section:not(.show) .row.features-list [class*=col-]:nth-child(odd) {
            transform: translateY(-25px)
        }

        .home #features-section:not(.show) .row.features-list [class*=col-]:nth-child(even) {
            transform: translateY(25px)
        }

        .home #howItWorking-section:not(.style-2):not(.show) .row.steps [class*=col-]:not(:last-child):not(:first-child) .card {
            width: 80%
        }

        .home #howItWorking-section:not(.style-2):not(.show) .row.steps [class*=col-]:first-child .card,
        .home #howItWorking-section:not(.style-2):not(.show) .row.steps [class*=col-]:last-child .card {
            width: 100%
        }

        .home #fqa-section #accordion>div {
            -webkit-animation-name: fadeOutDown;
            -moz-animation-name: fadeOutDown;
            -ms-animation-name: fadeOutDown;
            -o-animation-name: fadeOutDown;
            animation-name: fadeOutDown;
            -webkit-animation-iteration-count: 1;
            -moz-animation-iteration-count: 1;
            -ms-animation-iteration-count: 1;
            -o-animation-iteration-count: 1;
            animation-iteration-count: 1;
            -webkit-animation-duration: 1s;
            -moz-animation-duration: 1s;
            -ms-animation-duration: 1s;
            -o-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -ms-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s;
            -webkit-animation-timing-function: ease;
            -moz-animation-timing-function: ease;
            -ms-animation-timing-function: ease;
            -o-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -ms-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .home #fqa-section #accordion>div:nth-child(1) {
            animation-delay: .1s !important;
            transition-delay: .1s !important
        }

        .home #fqa-section #accordion>div:nth-child(2) {
            animation-delay: .2s !important;
            transition-delay: .2s !important
        }

        .home #fqa-section #accordion>div:nth-child(3) {
            animation-delay: .3s !important;
            transition-delay: .3s !important
        }

        .home #fqa-section #accordion>div:nth-child(4) {
            animation-delay: .4s !important;
            transition-delay: .4s !important
        }

        .home #fqa-section #accordion>div:nth-child(5) {
            animation-delay: .5s !important;
            transition-delay: .5s !important
        }

        .home #fqa-section #accordion>div:nth-child(6) {
            animation-delay: .6s !important;
            transition-delay: .6s !important
        }

        .home #fqa-section #accordion>div:nth-child(7) {
            animation-delay: .7s !important;
            transition-delay: .7s !important
        }

        .home #fqa-section #accordion>div:nth-child(8) {
            animation-delay: .8s !important;
            transition-delay: .8s !important
        }

        .home #fqa-section #accordion>div:nth-child(9) {
            animation-delay: .9s !important;
            transition-delay: .9s !important
        }

        .home #fqa-section #accordion>div:nth-child(10) {
            animation-delay: 1s !important;
            transition-delay: 1s !important
        }

        .home #fqa-section #accordion>div:nth-child(11) {
            animation-delay: 1.1s !important;
            transition-delay: 1.1s !important
        }

        .home #fqa-section #accordion>div:nth-child(12) {
            animation-delay: 1.2s !important;
            transition-delay: 1.2s !important
        }

        .home #fqa-section #accordion>div:nth-child(13) {
            animation-delay: 1.3s !important;
            transition-delay: 1.3s !important
        }

        .home #fqa-section #accordion>div:nth-child(14) {
            animation-delay: 1.4s !important;
            transition-delay: 1.4s !important
        }

        .home #fqa-section #accordion>div:nth-child(15) {
            animation-delay: 1.5s !important;
            transition-delay: 1.5s !important
        }

        .home #fqa-section.show #accordion>div {
            -webkit-animation-name: fadeInUp;
            -moz-animation-name: fadeInUp;
            -ms-animation-name: fadeInUp;
            -o-animation-name: fadeInUp;
            animation-name: fadeInUp;
            -webkit-animation-iteration-count: 1;
            -moz-animation-iteration-count: 1;
            -ms-animation-iteration-count: 1;
            -o-animation-iteration-count: 1;
            animation-iteration-count: 1;
            -webkit-animation-duration: 1s;
            -moz-animation-duration: 1s;
            -ms-animation-duration: 1s;
            -o-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -ms-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s;
            -webkit-animation-timing-function: ease;
            -moz-animation-timing-function: ease;
            -ms-animation-timing-function: ease;
            -o-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -ms-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .home #fqa-section.show #accordion>div:nth-child(1) {
            animation-delay: .1s !important;
            transition-delay: .1s !important
        }

        .home #fqa-section.show #accordion>div:nth-child(2) {
            animation-delay: .2s !important;
            transition-delay: .2s !important
        }

        .home #fqa-section.show #accordion>div:nth-child(3) {
            animation-delay: .3s !important;
            transition-delay: .3s !important
        }

        .home #fqa-section.show #accordion>div:nth-child(4) {
            animation-delay: .4s !important;
            transition-delay: .4s !important
        }

        .home #fqa-section.show #accordion>div:nth-child(5) {
            animation-delay: .5s !important;
            transition-delay: .5s !important
        }

        .home #fqa-section.show #accordion>div:nth-child(6) {
            animation-delay: .6s !important;
            transition-delay: .6s !important
        }

        .home #fqa-section.show #accordion>div:nth-child(7) {
            animation-delay: .7s !important;
            transition-delay: .7s !important
        }

        .home #fqa-section.show #accordion>div:nth-child(8) {
            animation-delay: .8s !important;
            transition-delay: .8s !important
        }

        .home #fqa-section.show #accordion>div:nth-child(9) {
            animation-delay: .9s !important;
            transition-delay: .9s !important
        }

        .home #fqa-section.show #accordion>div:nth-child(10) {
            animation-delay: 1s !important;
            transition-delay: 1s !important
        }

        .home #fqa-section.show #accordion>div:nth-child(11) {
            animation-delay: 1.1s !important;
            transition-delay: 1.1s !important
        }

        .home #fqa-section.show #accordion>div:nth-child(12) {
            animation-delay: 1.2s !important;
            transition-delay: 1.2s !important
        }

        .home #fqa-section.show #accordion>div:nth-child(13) {
            animation-delay: 1.3s !important;
            transition-delay: 1.3s !important
        }

        .home #fqa-section.show #accordion>div:nth-child(14) {
            animation-delay: 1.4s !important;
            transition-delay: 1.4s !important
        }

        .home #fqa-section.show #accordion>div:nth-child(15) {
            animation-delay: 1.5s !important;
            transition-delay: 1.5s !important
        }

        main:not(.home) section#blogs .card-columns .card,
        main:not(.home) section#blogs [class*=col-xl-4] {
            -webkit-animation-name: fadeOutDown;
            -moz-animation-name: fadeOutDown;
            -ms-animation-name: fadeOutDown;
            -o-animation-name: fadeOutDown;
            animation-name: fadeOutDown;
            -webkit-animation-iteration-count: 1;
            -moz-animation-iteration-count: 1;
            -ms-animation-iteration-count: 1;
            -o-animation-iteration-count: 1;
            animation-iteration-count: 1;
            -webkit-animation-duration: 1s;
            -moz-animation-duration: 1s;
            -ms-animation-duration: 1s;
            -o-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -ms-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s;
            -webkit-animation-timing-function: ease;
            -moz-animation-timing-function: ease;
            -ms-animation-timing-function: ease;
            -o-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -ms-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden
        }

        main:not(.home) section#blogs .card-columns .card:nth-child(1),
        main:not(.home) section#blogs [class*=col-xl-4]:nth-child(1) {
            animation-delay: .1s !important;
            transition-delay: .1s !important
        }

        main:not(.home) section#blogs .card-columns .card:nth-child(2),
        main:not(.home) section#blogs [class*=col-xl-4]:nth-child(2) {
            animation-delay: .2s !important;
            transition-delay: .2s !important
        }

        main:not(.home) section#blogs .card-columns .card:nth-child(3),
        main:not(.home) section#blogs [class*=col-xl-4]:nth-child(3) {
            animation-delay: .3s !important;
            transition-delay: .3s !important
        }

        main:not(.home) section#blogs .card-columns .card:nth-child(4),
        main:not(.home) section#blogs [class*=col-xl-4]:nth-child(4) {
            animation-delay: .4s !important;
            transition-delay: .4s !important
        }

        main:not(.home) section#blogs .card-columns .card:nth-child(5),
        main:not(.home) section#blogs [class*=col-xl-4]:nth-child(5) {
            animation-delay: .5s !important;
            transition-delay: .5s !important
        }

        main:not(.home) section#blogs .card-columns .card:nth-child(6),
        main:not(.home) section#blogs [class*=col-xl-4]:nth-child(6) {
            animation-delay: .6s !important;
            transition-delay: .6s !important
        }

        main:not(.home) section#blogs .card-columns .card:nth-child(7),
        main:not(.home) section#blogs [class*=col-xl-4]:nth-child(7) {
            animation-delay: .7s !important;
            transition-delay: .7s !important
        }

        main:not(.home) section#blogs .card-columns .card:nth-child(8),
        main:not(.home) section#blogs [class*=col-xl-4]:nth-child(8) {
            animation-delay: .8s !important;
            transition-delay: .8s !important
        }

        main:not(.home) section#blogs .card-columns .card:nth-child(9),
        main:not(.home) section#blogs [class*=col-xl-4]:nth-child(9) {
            animation-delay: .9s !important;
            transition-delay: .9s !important
        }

        main:not(.home) section#blogs .card-columns .card:nth-child(10),
        main:not(.home) section#blogs [class*=col-xl-4]:nth-child(10) {
            animation-delay: 1s !important;
            transition-delay: 1s !important
        }

        main:not(.home) section#blogs .card-columns .card:nth-child(11),
        main:not(.home) section#blogs [class*=col-xl-4]:nth-child(11) {
            animation-delay: 1.1s !important;
            transition-delay: 1.1s !important
        }

        main:not(.home) section#blogs .card-columns .card:nth-child(12),
        main:not(.home) section#blogs [class*=col-xl-4]:nth-child(12) {
            animation-delay: 1.2s !important;
            transition-delay: 1.2s !important
        }

        main:not(.home) section#blogs .card-columns .card:nth-child(13),
        main:not(.home) section#blogs [class*=col-xl-4]:nth-child(13) {
            animation-delay: 1.3s !important;
            transition-delay: 1.3s !important
        }

        main:not(.home) section#blogs .card-columns .card:nth-child(14),
        main:not(.home) section#blogs [class*=col-xl-4]:nth-child(14) {
            animation-delay: 1.4s !important;
            transition-delay: 1.4s !important
        }

        main:not(.home) section#blogs .card-columns .card:nth-child(15),
        main:not(.home) section#blogs [class*=col-xl-4]:nth-child(15) {
            animation-delay: 1.5s !important;
            transition-delay: 1.5s !important
        }

        main:not(.home).show section#blogs .card-columns .card,
        main:not(.home).show section#blogs [class*=col-xl-4] {
            -webkit-animation-name: fadeInUp;
            -moz-animation-name: fadeInUp;
            -ms-animation-name: fadeInUp;
            -o-animation-name: fadeInUp;
            animation-name: fadeInUp;
            -webkit-animation-iteration-count: 1;
            -moz-animation-iteration-count: 1;
            -ms-animation-iteration-count: 1;
            -o-animation-iteration-count: 1;
            animation-iteration-count: 1;
            -webkit-animation-duration: 1s;
            -moz-animation-duration: 1s;
            -ms-animation-duration: 1s;
            -o-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -ms-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s;
            -webkit-animation-timing-function: ease;
            -moz-animation-timing-function: ease;
            -ms-animation-timing-function: ease;
            -o-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -ms-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden
        }

        main#comingSoon-page #countDown>div {
            -webkit-animation-name: bounceOut;
            -moz-animation-name: bounceOut;
            -ms-animation-name: bounceOut;
            -o-animation-name: bounceOut;
            animation-name: bounceOut;
            -webkit-animation-iteration-count: 1;
            -moz-animation-iteration-count: 1;
            -ms-animation-iteration-count: 1;
            -o-animation-iteration-count: 1;
            animation-iteration-count: 1;
            -webkit-animation-duration: 1s;
            -moz-animation-duration: 1s;
            -ms-animation-duration: 1s;
            -o-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -ms-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s;
            -webkit-animation-timing-function: ease;
            -moz-animation-timing-function: ease;
            -ms-animation-timing-function: ease;
            -o-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -ms-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden
        }

        main#comingSoon-page #countDown>div:nth-child(1) {
            animation-delay: .1s !important;
            transition-delay: .1s !important
        }

        main#comingSoon-page #countDown>div:nth-child(2) {
            animation-delay: .2s !important;
            transition-delay: .2s !important
        }

        main#comingSoon-page #countDown>div:nth-child(3) {
            animation-delay: .3s !important;
            transition-delay: .3s !important
        }

        main#comingSoon-page #countDown>div:nth-child(4) {
            animation-delay: .4s !important;
            transition-delay: .4s !important
        }

        main#comingSoon-page.show #countDown>div {
            -webkit-animation-name: bounceIn;
            -moz-animation-name: bounceIn;
            -ms-animation-name: bounceIn;
            -o-animation-name: bounceIn;
            animation-name: bounceIn;
            -webkit-animation-iteration-count: 1;
            -moz-animation-iteration-count: 1;
            -ms-animation-iteration-count: 1;
            -o-animation-iteration-count: 1;
            animation-iteration-count: 1;
            -webkit-animation-duration: 1s;
            -moz-animation-duration: 1s;
            -ms-animation-duration: 1s;
            -o-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -ms-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s;
            -webkit-animation-timing-function: ease;
            -moz-animation-timing-function: ease;
            -ms-animation-timing-function: ease;
            -o-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -ms-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .parallax-circles {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .parallax-circles>div {
            position: absolute
        }

        .parallax-circles>div:nth-child(1) {
            top: 36%;
            left: 33%;
            animation-delay: .4s;
            transition-delay: .4s
        }

        .parallax-circles>div:nth-child(2) {
            top: 85%;
            left: 8%;
            animation-delay: .8s;
            transition-delay: .8s
        }

        .parallax-circles>div:nth-child(3) {
            top: 71%;
            left: 45%;
            animation-delay: 1.2s;
            transition-delay: 1.2s
        }

        .parallax-circles>div:nth-child(4) {
            top: 13%;
            left: 79%;
            animation-delay: 1.6s;
            transition-delay: 1.6s
        }

        .parallax-circles>div:nth-child(5) {
            top: 75%;
            left: 32%;
            animation-delay: 2s;
            transition-delay: 2s
        }

        .parallax-circles>div:nth-child(6) {
            top: 7%;
            left: 47%;
            animation-delay: 2.4s;
            transition-delay: 2.4s
        }

        .parallax-circles [class*=circle] {
            border-radius: 50%;
            width: 12px;
            height: 12px
        }

        .parallax-circles [class*=-small] {
            width: 8px;
            height: 8px
        }

        .parallax-circles [class*=-video] {
            width: 17px;
            height: 17px
        }

        .parallax-circles [class*=-video]:after,
        .parallax-circles [class*=-video]:before {
            content: '';
            border: 7px solid #fff;
            margin: auto;
            position: absolute;
            left: 0;
            width: 0;
            height: 0;
            top: -1px;
            right: -9px;
            bottom: 0
        }

        .parallax-circles [class*=-video]:after {
            border-width: 4px;
            height: 0;
            right: -5px
        }

        .parallax-circles [class*=circle-main] {
            background-color: var(--color-main)
        }

        .parallax-circles [class*=circle-main][class*=-video]:before {
            border-color: transparent transparent transparent var(--color-theme-white)
        }

        .parallax-circles [class*=circle-main][class*=-video]:after {
            border-color: transparent transparent transparent var(--color-main)
        }

        .parallax-circles [class*=circle-white] {
            background-color: var(--color-theme-white)
        }

        .parallax-circles [class*=circle-white][class*=-video]:before {
            border-color: transparent transparent transparent var(--color-main)
        }

        .parallax-circles [class*=circle-white][class*=-video]:after {
            border-color: transparent transparent transparent var(--color-theme-white)
        }

        .parallax-circles [class*=circle-secondary] {
            background-color: var(--color-secondary)
        }

        .parallax-circles [class*=circle-secondary][class*=-video]:before {
            border-color: transparent transparent transparent var(--color-theme-white)
        }

        .parallax-circles [class*=circle-secondary][class*=-video]:after {
            border-color: transparent transparent transparent var(--color-secondary)
        }

        .parallax-circles [class*=circle-main],
        .parallax-circles [class*=circle-secondary],
        .parallax-circles [class*=circle-white] {
            box-shadow: 0 8px 7px rgba(0, 0, 0, .16)
        }

        .parallax-circles .circle-border {
            border: 2px solid var(--color-main);
            width: 15px;
            height: 15px
        }

        @keyframes parallaxAnimation {
            100% {
                top: 100%;
                left: 100%
            }
        }

        body>#header #navbar {
            box-shadow: 0 5px 20px 1px rgba(61, 61, 61, .2);
            background: var(--color-gradient)
        }

        body>#header #navbar:not(.scrolling) {
            box-shadow: none;
            background: 0 0
        }

        body>#header #navbar .navbar-nav {
            padding: 0 0;
            margin-left: auto
        }

        body>#header #navbar .navbar-nav .nav-item .nav-link {
            text-transform: capitalize;
            color: var(--color-theme-white);
            font-size: 18px;
            padding: 10px;
            border-radius: 0
        }

        body>#header #navbar .navbar-nav .nav-item:focus .nav-link:not(.active),
        body>#header #navbar .navbar-nav .nav-item:hover .nav-link:not(.active) {
            color: #46ffff
        }

        body>#header #navbar .navbar-nav .nav-item .nav-link.active:not(.btn):not(.btn-white-main):not(.btn-white-secondary):not(.btn-white-black):not(.btn-white-gradient):not(.btn-gray):not(.btn-main):not(.btn-secondary):not(.btn-gradient):not(.btn-black),
        body>#header #navbar .navbar-nav .nav-item.show .nav-link {
            color: #46ffff;
            background-color: transparent
        }

        body>#header #navbar .navbar-toggler {
            outline: 0;
            border: 0;
            font-size: 23px;
            padding-top: 28px;
            overflow: hidden;
            position: relative
        }

        body>#header #navbar .navbar-toggler span {
            width: 20px;
            height: 2px;
            background: var(--color-theme-white);
            display: block;
            margin: 5px 0;
            transition: all .5s ease
        }

        body>#header #navbar .navbar-toggler span:nth-child(1) {
            transition-delay: .1s
        }

        body>#header #navbar .navbar-toggler span:nth-child(2) {
            transition-delay: .2s
        }

        body>#header #navbar .navbar-toggler span:nth-child(3) {
            transition-delay: .3s
        }

        body>#header #navbar .navbar-toggler[aria-expanded=true] {
            z-index: 2;
            display: block
        }

        body>#header #navbar .navbar-toggler[aria-expanded=true] span {
            background: #212121
        }

        body>#header #navbar .navbar-toggler[aria-expanded=true] span:not(:first-child):not(:last-child) {
            width: 0
        }

        body>#header #navbar .navbar-toggler[aria-expanded=true] span:first-child {
            transform: rotate(45deg) translate(5px, 8px)
        }

        body>#header #navbar .navbar-toggler[aria-expanded=true] span:last-child {
            transform: rotate(-45deg) translate(2px, -5px)
        }

        .dropdown .dropdown-toggle::after {
            vertical-align: middle !important;
            content: '\f078';
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            border: 0;
            font-size: 11px;
            margin: 0 3px;
            display: inline
        }

        .dropdown .dropdown-menu {
            border-radius: 10px;
            overflow: hidden;
            border: 0;
            filter: drop-shadow(0 20px 10px rgba(0, 0, 0, .1));
            padding: 0
        }

        .dropdown .dropdown-menu * {
            text-transform: capitalize
        }

        .dropdown .dropdown-menu .dropdown-header {
            font-weight: 800
        }

        .dropdown .dropdown-menu .dropdown-item {
            font-size: .9rem;
            font-weight: 500
        }

        .dropdown .dropdown-menu .dropdown-item.active,
        .dropdown .dropdown-menu .dropdown-item:focus {
            background: var(--color-main)
        }

        .dropdown .dropdown-menu .dropdown-item:not(.active):hover {
            background: #e6e4e4
        }

        .dropdown .dropdown-menu.show {
            -webkit-animation-name: fadeInUp;
            -moz-animation-name: fadeInUp;
            -ms-animation-name: fadeInUp;
            -o-animation-name: fadeInUp;
            animation-name: fadeInUp;
            -webkit-animation-iteration-count: 1;
            -moz-animation-iteration-count: 1;
            -ms-animation-iteration-count: 1;
            -o-animation-iteration-count: 1;
            animation-iteration-count: 1;
            -webkit-animation-duration: 1s;
            -moz-animation-duration: 1s;
            -ms-animation-duration: 1s;
            -o-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -ms-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s;
            -webkit-animation-timing-function: ease;
            -moz-animation-timing-function: ease;
            -ms-animation-timing-function: ease;
            -o-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -ms-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden
        }

        body>footer {
            position: relative;
            color: var(--color-theme-white);
            text-transform: capitalize;
            text-align: center;
            min-height: fit-content;
            min-height: -moz-fit-content;
            display: flex;
            flex-flow: column;
            justify-content: center;
            align-items: center;
            padding: 180px 0 60px 0;
            background: var(--color-gradient);
            overflow: hidden
        }

        body>footer:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: -1px;
            background-position-y: bottom;
            transform: rotate(180deg);
            background-repeat: repeat no-repeat
        }

        body>footer .container {
            position: relative;
            height: 100%
        }

        body>footer .copyright a {
            color: #212121;
            padding: 8px
        }

        body>footer .logo {
            margin-bottom: 36px
        }

        body>footer #top-btn {
            border-radius: 50%;
            height: 40px;
            width: 40px;
            margin: auto;
            cursor: pointer;
            background: var(--color-theme-white)
        }

        body>footer #top-btn p {
            border-radius: 50%;
            font-size: 1.2rem;
            text-align: center;
            color: var(--color-theme-white);
            height: 100%;
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center
        }

        body>footer #top-btn:hover {
            box-shadow: 0 5px 20px 1px rgba(61, 61, 61, .2)
        }

        body>footer #subscribe {
            max-width: 370px;
            margin: 0 auto 20px auto;
            overflow: hidden
        }

        body>footer #subscribe .form-control,
        body>footer #subscribe button {
            background: rgba(255, 255, 255, .85)
        }

        body>footer #subscribe button {
            box-shadow: none
        }

        body>footer #subscribe button i {
            background-image: var(--color-gradient3);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent
        }

        body#comingSoon-page+footer,
        body#error-page+footer {
            padding: 150px 0 10px 0;
            min-height: 160px
        }

        #loader {
            position: fixed;
            height: 100%;
            width: 100%;
            left: 0;
            top: 0;
            bottom: 0;
            z-index: 900000;
            overflow: hidden;
            background: var(--color-gradient);
            display: flex;
            justify-content: center;
            align-items: center
        }

        #loader .circle {
            border-radius: 50%;
            display: block;
            background: #fff;
            margin: 0;
            width: 30px;
            height: 30px
        }

        #loader:not(.hide) .circle:nth-child(1) {
            animation: boxShadow 2s infinite forwards alternate;
            animation-delay: .1s
        }

        #loader:not(.hide) .circle:nth-child(2) {
            animation: boxShadow 2s infinite forwards alternate;
            animation-delay: .2s
        }

        #loader:not(.hide) .circle:nth-child(3) {
            animation: boxShadow 2s infinite forwards alternate;
            animation-delay: .3s
        }

        #loader:not(.hide) .circle:nth-child(4) {
            animation: boxShadow 2s infinite forwards alternate;
            animation-delay: .4s
        }

        #loader.hide {
            left: -150%
        }

        @keyframes boxShadow {

            0%,
            100% {
                width: 10px;
                height: 10px;
                margin: 4px
            }

            50% {
                width: 30px;
                height: 30px;
                margin: 0
            }
        }

        #innerPageTitle {
            position: relative;
            min-height: 350px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: var(--color-gradient)
        }

        #innerPageTitle:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            bottom: 0;
            background-position-y: bottom;
            z-index: 1;
            background-repeat: repeat no-repeat
        }

        #innerPageTitle .section-title,
        #innerPageTitle .title {
            color: var(--color-theme-white);
            text-align: center;
            position: relative;
            margin: 0
        }

        #innerPageTitle .breadcrumb {
            margin: auto;
            width: max-content;
            width: -moz-max-content;
            background: 0 0
        }

        #innerPageTitle .breadcrumb .breadcrumb-item {
            text-transform: capitalize;
            color: rgba(255, 255, 255, .6);
            font-weight: 500
        }

        #innerPageTitle .breadcrumb .breadcrumb-item a {
            color: #212121
        }

        #innerPageTitle .breadcrumb .breadcrumb-item a:focus,
        #innerPageTitle .breadcrumb .breadcrumb-item a:hover {
            text-decoration: none;
            color: var(--color-theme-white)
        }

        #innerPageTitle .breadcrumb .breadcrumb-item.active {
            color: var(--color-theme-white)
        }

        #innerPageTitle .breadcrumb .breadcrumb-item:before {
            color: rgba(255, 255, 255, .6)
        }

        #innerPageTitle .container {
            position: relative;
            z-index: 2
        }

        #intro-section {
            min-height: 800px;
            overflow: hidden;
            padding-bottom: 0;
            position: relative;
            background: var(--color-gradient)
        }

        #intro-section:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            bottom: -3px;
            background-position: bottom
        }

        #intro-section .jumbotron {
            background: 0 0;
            position: relative;
            height: 100%;
            width: 100%;
            max-width: 100%;
            display: flex;
            flex-flow: column;
            justify-content: center;
            margin-bottom: 0
        }

        #intro-section .jumbotron h1 {
            font-weight: 900;
            line-height: 1.4;
            text-transform: capitalize;
            color: var(--color-theme-white)
        }

        #intro-section .jumbotron h1 small {
            display: block
        }

        #intro-section .jumbotron p {
            margin: 20px auto 52px;
            display: block;
            font-size: 19px;
            font-weight: 300;
            text-transform: capitalize;
            color: var(--color-theme-white)
        }

        #intro-section .jumbotron img {
            width: 100%;
            max-width: 350px;
            margin-right: 0;
            margin-bottom: 80px
        }

        #intro-section .jumbotron #pricing-section .plan.recommended li a[class*=btn],
        #intro-section .jumbotron .btn,
        #intro-section .jumbotron .btn-black,
        #intro-section .jumbotron .btn-gradient,
        #intro-section .jumbotron .btn-gray,
        #intro-section .jumbotron .btn-main,
        #intro-section .jumbotron .btn-secondary,
        #intro-section .jumbotron .btn-white-black,
        #intro-section .jumbotron .btn-white-gradient,
        #intro-section .jumbotron .btn-white-main,
        #intro-section .jumbotron .btn-white-secondary,
        #pricing-section .plan.recommended li #intro-section .jumbotron a[class*=btn] {
            padding: 13px 28px;
            font-size: 17px
        }

        #intro-section.style-2 .jumbotron {
            padding-top: 100px
        }

        #intro-section.style-2 .jumbotron .app-screen {
            max-width: 400px;
            margin-bottom: 80px !important;
            margin-top: 60px !important
        }

        #about-section .container {
            position: relative
        }

        #about-section .card {
            border-radius: 40px;
            text-align: center;
            padding: 0 20px;
            margin-bottom: 25px;
            background: 0 0
        }

        #about-section .card .card-title {
            color: #212121;
            text-transform: capitalize
        }

        #about-section .card .card-title i {
            font-size: 34px;
            margin-bottom: 10px;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: #fff;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            flex-flow: row;
            text-align: center;
            margin-bottom: 20px
        }

        #about-section .card .card-title i::before {
            background-image: var(--color-gradient3);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent
        }

        #about-section .card p {
            margin: 0;
            color: #637282
        }

        #about-section .card:hover i {
            box-shadow: 0 5px 20px 1px rgba(80, 193, 233, .15);
            filter: none
        }

        #features-section {
            background: var(--color-theme-white-dark)
        }

        #features-section .features-list {
            margin-bottom: 0;
            padding: 0
        }

        #features-section .features-list .card {
            border-radius: 100px;
            overflow: hidden;
            margin: 0 auto 30px;
            padding: 0;
            box-shadow: 0 5px 20px 1px rgba(80, 193, 233, .15)
        }

        #features-section .features-list .card .card-title {
            background: var(--color-theme-white);
            display: flex;
            flex-flow: row;
            align-items: center;
            margin: 0
        }

        #features-section .features-list .card .card-title p {
            margin: 0;
            font-size: 17px;
            font-weight: 500
        }

        #features-section .features-list .card .card-title i {
            font-size: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 45px;
            height: 45px;
            background: var(--color-gradient2);
            color: var(--color-theme-white);
            border-radius: 50%;
            text-align: center;
            margin: 10px
        }

        #intro-section+#features-section {
            background: var(--color-theme-white) !important
        }

        #intro-section+#features-section:before {
            content: none !important
        }

        #howItWorking-section {
            background: var(--color-theme-white)
        }

        #howItWorking-section .steps {
            margin-bottom: 0
        }

        #howItWorking-section .steps .card {
            border-radius: 10px;
            overflow: hidden;
            margin: 0 auto 30px;
            padding: 20px;
            width: 100%;
            box-shadow: 0 5px 20px 1px rgba(80, 193, 233, .15);
            height: 150px;
            display: flex;
            justify-content: center;
            align-items: center
        }

        #howItWorking-section .steps .card .card-title {
            display: flex;
            flex-flow: column;
            align-items: center;
            justify-content: center;
            margin: 0;
            text-align: center
        }

        #howItWorking-section .steps .card .card-title p {
            margin: 0;
            font-size: 17px;
            font-weight: 500
        }

        #howItWorking-section .steps .card .card-title i {
            font-size: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 45px;
            height: 45px;
            background: var(--color-gradient);
            color: var(--color-theme-white);
            border-radius: 50%;
            text-align: center;
            margin: 10px
        }

        #howItWorking-section .steps .card:hover .card-title i {
            box-shadow: 0 5px 20px 1px rgba(61, 61, 61, .2)
        }

        #howItWorking-section .steps [class*=col-]:not(:last-child):not(:first-child) .card {
            background: var(--color-gradient)
        }

        #howItWorking-section .steps [class*=col-]:not(:last-child):not(:first-child) .card .card-title i {
            background: var(--color-theme-white);
            color: var(--color-secondary)
        }

        #howItWorking-section .step-num {
            width: 40px;
            height: 40px;
            margin: 0 auto 20px auto;
            text-align: center;
            background: var(--color-theme-white-dark);
            font-weight: 800;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center
        }

        #howItWorking-section .step-num p {
            margin-bottom: 0;
            font-size: 18px;
            color: #637282
        }

        #howItWorking-section.style-2 .steps {
            margin-bottom: 20px
        }

        #howItWorking-section.style-2 .steps [class*=col-] .card,
        #howItWorking-section.style-2 .steps [class*=col-]:not(:last-child):not(:first-child) .card {
            background: var(--color-theme-white)
        }

        #howItWorking-section.style-2 .steps [class*=col-] .card .card-title i,
        #howItWorking-section.style-2 .steps [class*=col-]:not(:last-child):not(:first-child) .card .card-title i {
            background: 0 0;
            color: #637282;
            width: 35px;
            height: 35px;
            margin: 0 10px
        }

        #howItWorking-section.style-2 .steps [class*=col-]:hover .step-num,
        #howItWorking-section.style-2 .steps [class*=col-]:not(:last-child):not(:first-child):hover .step-num {
            background: var(--color-main)
        }

        #howItWorking-section.style-2 .steps [class*=col-]:hover .step-num p,
        #howItWorking-section.style-2 .steps [class*=col-]:not(:last-child):not(:first-child):hover .step-num p {
            color: var(--color-theme-white)
        }

        #howItWorking-section.style-2 .steps [class*=col-]:hover .card,
        #howItWorking-section.style-2 .steps [class*=col-]:not(:last-child):not(:first-child):hover .card {
            background: var(--color-main)
        }

        #howItWorking-section.style-2 .steps [class*=col-]:hover .card .card-title,
        #howItWorking-section.style-2 .steps [class*=col-]:not(:last-child):not(:first-child):hover .card .card-title {
            color: var(--color-theme-white)
        }

        #howItWorking-section.style-2 .steps [class*=col-]:hover .card .card-title i,
        #howItWorking-section.style-2 .steps [class*=col-]:not(:last-child):not(:first-child):hover .card .card-title i {
            box-shadow: none;
            color: var(--color-theme-white)
        }

        #howItWorking-section.style-2 .app-screen {
            max-width: 80%;
            margin-top: 70px;
            height: auto;
            min-height: auto
        }

        #video-section {
            background: var(--color-theme-white-dark)
        }

        #video-section .container {
            position: relative
        }

        #video-section .section-title {
            margin-bottom: 30px
        }

        #video-section .video-link {
            position: relative;
            height: 300px;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 300px;
            margin: auto
        }

        #video-section .video-link::after,
        #video-section .video-link::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            background: var(--color-main);
            border-radius: 50%;
            display: block
        }

        #video-section .video-link:before {
            width: 200px;
            height: 200px;
            opacity: .4;
            z-index: 2;
            transition-delay: .2s
        }

        #video-section .video-link:after {
            width: 250px;
            height: 250px;
            opacity: .2;
            z-index: 1
        }

        #video-section .video-link a {
            width: 100px;
            height: 100px;
            margin: auto;
            background: var(--color-main);
            border: 15px solid rgba(255, 255, 255, .2);
            border-radius: 50%;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 23px;
            z-index: 3
        }

        #video-section .video-link a i {
            color: var(--color-theme-white)
        }

        #video-section .video-link:hover::after,
        #video-section .video-link:hover:before {
            transform: scale(.9)
        }

        #video-section.style-2 {
            padding: 80px 0;
            background: url(assets/images/bg-2.jpg) center center no-repeat;
            background-size: cover
        }

        #video-section.style-2:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--color-main);
            opacity: .9
        }

        #video-section.style-2 .section-title {
            max-width: 450px;
            margin-right: auto;
            margin-left: auto
        }

        #video-section.style-2 .section-title * {
            color: #fff
        }

        #video-section.style-2 .video-link {
            height: 110px
        }

        #video-section.style-2 .video-link::after {
            content: none
        }

        #video-section.style-2 .video-link a,
        #video-section.style-2 .video-link::before {
            background: var(--color-theme-white)
        }

        #video-section.style-2 .video-link:before {
            width: 110px;
            height: 110px
        }

        #video-section.style-2 .video-link a {
            width: 70px;
            height: 70px
        }

        #video-section.style-2 .video-link a i {
            color: var(--color-main);
            font-size: 20px
        }

        #testimonials-section .section-title {
            margin-bottom: 0;
            padding: 0 20px
        }

        #testimonials-section #testimonials-carousel {
            display: flex;
            flex-flow: row;
            justify-content: space-between;
            align-items: center
        }

        #testimonials-section #testimonials-carousel .carousel {
            width: 50%
        }

        #testimonials-section #testimonials-carousel .carousel .owl-nav {
            right: 18px;
            margin-right: 0
        }

        #testimonials-section #testimonials-carousel .card {
            border: 0;
            background: 0 0;
            padding: 0 20px
        }

        #testimonials-section #testimonials-carousel .card:hover {
            filter: none;
            box-shadow: none
        }

        #testimonials-section #testimonials-carousel .card .card-body {
            box-shadow: 0 5px 20px 1px rgba(80, 193, 233, .15);
            border-radius: 20px;
            padding: 30px
        }

        #testimonials-section #testimonials-carousel .card .card-body .feedback {
            color: #212121
        }

        #testimonials-section #testimonials-carousel .card .card-body .card-title {
            margin: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: var(--color-secondary)
        }

        #testimonials-section #testimonials-carousel .card .card-body .card-title * {
            margin: 0
        }

        #testimonials-section #testimonials-carousel .card .card-body .card-title small {
            color: #637282;
            display: block;
            padding: 5px 0
        }

        #testimonials-section #testimonials-carousel .card .card-body .quote {
            color: var(--color-main);
            font-size: 40px
        }

        #testimonials-section #testimonials-carousel .clients-images {
            height: 100%;
            width: auto;
            max-width: 350px;
            max-height: 350px;
            overflow: hidden;
            position: relative;
            margin: 0 auto
        }

        #testimonials-section #testimonials-carousel .clients-images img {
            width: 250px;
            height: 220px;
            min-height: auto
        }

        #testimonials-section #testimonials-carousel .clients-images.style-1 {
            background: linear-gradient(to top, var(--color-main) 50%, var(--color-secondary));
            width: 300px;
            height: 300px
        }

        #testimonials-section #testimonials-carousel .clients-images.style-1 img {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            z-index: 2;
            margin: auto
        }

        #testimonials-section #testimonials-carousel .clients-images.style-1:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1;
            filter: drop-shadow(0 20px 10px rgba(0, 0, 0, .4))
        }

        #testimonials-section #testimonials-carousel .clients-images.style-1:after {
            content: '';
            position: absolute;
            background: linear-gradient(to top, var(--color-main), transparent);
            width: 260px;
            height: 60px;
            z-index: 3;
            bottom: 130px;
            right: 0;
            left: 0;
            margin: auto
        }

        #testimonials-section #testimonials-carousel .clients-images.style-2 {
            background: 0 0;
            align-self: flex-start
        }

        #testimonials-section #testimonials-carousel .clients-images.style-2 img {
            position: relative
        }

        #testimonials-section #testimonials-carousel .clients-images.style-2:after {
            content: '';
            position: absolute;
            background: linear-gradient(to top, #fff, transparent);
            width: 100%;
            height: 60px;
            z-index: 3;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto
        }

        #testimonials-section #testimonials-carousel.style-2 {
            justify-content: center
        }

        #testimonials-section #testimonials-carousel.style-2 .carousel {
            width: 90%
        }

        #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer {
            z-index: 2;
            padding-bottom: 0
        }

        #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage {
            height: 440px
        }

        #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item {
            display: flex;
            height: 100%;
            justify-content: center;
            align-items: center
        }

        #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage .card .card-body {
            padding: 30px 15px 30px 0;
            width: 85%;
            margin: auto;
            height: fit-content;
            height: -moz-fit-content
        }

        #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage .card .card-body .card-title {
            margin-top: 10px
        }

        #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage .card .card-body .card-title * {
            width: 100%;
            text-align: center
        }

        #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage .card .card-body .feedback {
            margin-bottom: 0
        }

        #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage .card .card-body .clients-images {
            margin-top: -120px;
            width: 100%
        }

        #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage .card .card-body .clients-images img {
            width: 220px;
            height: auto;
            filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .2))
        }

        #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage .card .card-body .quote {
            position: absolute;
            right: 10px;
            font-size: 61px;
            opacity: .3;
            bottom: 0;
            height: 61px
        }

        #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage .card .card-body .quote i {
            vertical-align: super
        }

        #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-nav {
            margin: auto;
            width: 100%;
            right: 0;
            left: 0;
            top: 0;
            bottom: 0;
            height: 40px;
            z-index: 2;
            position: absolute;
            display: flex;
            justify-content: space-between
        }

        #team-section .card {
            margin: 20px auto 0;
            overflow: hidden;
            position: relative;
            border-radius: 40px;
            background: var(--color-theme-white);
            padding-bottom: 30px;
            width: 255px;
            text-transform: capitalize;
            border: 0;
            filter: drop-shadow(0 5px 11px rgba(180, 180, 180, .4))
        }

        #team-section .card .card-title {
            padding: 20px 10px 0;
            margin-bottom: 5px;
            color: #212121
        }

        #team-section .card .card-title p {
            color: #637282
        }

        #team-section .card [class*=card-img] {
            overflow: hidden;
            position: relative
        }

        #team-section .card [class*=card-img]::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            overflow: hidden;
            z-index: 2;
            filter: drop-shadow(0 0 10px rgba(0, 0, 0, .4))
        }

        #team-section .card [class*=card-img] img {
            z-index: 1;
            height: 285px;
            width: auto
        }

        #team-section .card:hover .card-title {
            color: var(--color-secondary)
        }

        #screenshots-section {
            background: var(--color-theme-white-dark)
        }

        #screenshots-section [id*=screenshots-carousel] .owl-carousel .owl-item {
            transform: scale(.8);
            cursor: zoom-in;
            opacity: .8
        }

        #screenshots-section [id*=screenshots-carousel] .owl-carousel .owl-item:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 2;
            opacity: 0;
            background: url(../../assets/images/screenshots-section/frame.png) center center no-repeat;
            background-size: cover
        }

        #screenshots-section [id*=screenshots-carousel] .owl-carousel .owl-item.center {
            filter: drop-shadow(0 20px 10px rgba(0, 0, 0, .2));
            transform: scale(1);
            opacity: 1
        }

        #screenshots-section [id*=screenshots-carousel] .owl-carousel .owl-item.center img {
            z-index: 1
        }

        #screenshots-section [id*=screenshots-carousel] .owl-carousel .owl-item.center img,
        #screenshots-section [id*=screenshots-carousel] .owl-carousel .owl-item.center img:before {
            border-radius: 38px
        }

        #screenshots-section [id*=screenshots-carousel] .owl-carousel .owl-item.center:before {
            opacity: 1
        }

        #screenshots-section [id*=screenshots-carousel] .owl-carousel .owl-item img {
            min-height: 487px;
            overflow: hidden
        }

        #screenshots-section #screenshots-carousel-2 .owl-carousel .owl-item img {
            height: 580px;
            width: auto
        }

        #clients {
            background: var(--color-theme-white-dark);
            padding: 10px 0
        }

        #clients img {
            width: 125px;
            filter: grayscale(100%);
            display: block;
            margin: 10px auto;
            transition: all .5s ease
        }

        #clients img:hover {
            filter: grayscale(0)
        }

        #pricing-section {
            overflow: hidden
        }

        #pricing-section .plan {
            border: 1px solid #f6f6f6;
            border-radius: 25px;
            overflow: hidden;
            background: #fff;
            text-transform: capitalize;
            padding: 0;
            width: 255px;
            margin: 0 auto 20px auto
        }

        #pricing-section .plan li {
            padding: 5px 0
        }

        #pricing-section .plan li:last-child {
            padding-bottom: 20px;
            padding-top: 20px
        }

        #pricing-section .plan li:first-child {
            padding-top: 20px;
            padding-bottom: 20px
        }

        #pricing-section .plan li span {
            padding: 0 5px;
            display: inline-block
        }

        #pricing-section .plan li p {
            margin-bottom: 0;
            color: #637282;
            font-weight: 500;
            font-size: 14px
        }

        #pricing-section .plan li p::before {
            content: '';
            width: 27px;
            height: 8px;
            background: #ececec;
            position: relative;
            left: 0;
            z-index: 2;
            display: inline-block;
            border-radius: 40px;
            margin: 1px
        }

        #pricing-section .plan li b {
            font-weight: 500;
            color: #212121
        }

        #pricing-section .plan .section-title,
        #pricing-section .plan .title {
            margin-bottom: 10px;
            margin-top: 10px;
            color: #637282
        }

        #pricing-section .plan .section-title h4,
        #pricing-section .plan .title h4 {
            font-weight: 700;
            font-size: 19px;
            margin: 0
        }

        #pricing-section .plan [class*=btn] {
            margin: auto;
            box-shadow: none;
            border: 1px solid #f6f6f6;
            display: block;
            width: fit-content;
            width: -moz-fit-content
        }

        #pricing-section .plan .price {
            background: var(--color-theme-white-dark);
            width: 150px;
            height: 150px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            color: #212121;
            margin: auto
        }

        #pricing-section .plan .price h1 {
            margin: 0;
            font-weight: 900;
            line-height: 1
        }

        #pricing-section .plan .price sub {
            font-size: 13px;
            text-transform: capitalize;
            font-weight: 500;
            display: block
        }

        #pricing-section .plan .price sup {
            font-size: .4em;
            font-weight: 100;
            text-transform: uppercase;
            vertical-align: super
        }

        #pricing-section .plan.recommended {
            box-shadow: 0 5px 20px 1px rgba(80, 193, 233, .15);
            border-color: transparent
        }

        #pricing-section .plan.recommended .price {
            background: var(--color-main);
            color: var(--color-theme-white)
        }

        #pricing-section .plan.recommended .section-title,
        #pricing-section .plan.recommended .title {
            color: var(--color-main)
        }

        #pricing-section .plan.recommended li p::before {
            background: var(--color-main)
        }

        #pricing-section .plan.recommended li a[class*=btn] {
            border: 0
        }

        #pricing-section .plan:hover {
            filter: drop-shadow(0 20px 10px rgba(180, 180, 180, .4))
        }

        #pricing-section .plan:hover .section-title,
        #pricing-section .plan:hover .title {
            color: #212121
        }

        #pricing-section .packages.style-2 .plan {
            margin: 0 auto 30px auto
        }

        #pricing-section .packages.style-2 .plan:not(.recommended) {
            background: var(--color-theme-white-dark)
        }

        #pricing-section .packages.style-2 .plan:not(.recommended) .price {
            background: var(--color-theme-white)
        }

        #pricing-section .packages.style-2 .plan.recommended {
            z-index: 2;
            position: relative
        }

        #fqa-section {
            background: var(--color-theme-white-dark)
        }

        #fqa-section .app-screen {
            max-width: 400px
        }

        #fqa-section #accordion .card {
            margin: .7rem 0;
            border-radius: 40px;
            overflow: hidden;
            padding: 20px 30px
        }

        #fqa-section #accordion .card:hover {
            filter: none;
            box-shadow: 0 5px 20px 1px rgba(80, 193, 233, .15)
        }

        #fqa-section #accordion .card .card-header {
            padding: 0;
            position: relative;
            color: #212121;
            cursor: pointer;
            overflow: hidden;
            text-transform: capitalize;
            background: 0 0;
            border: 0
        }

        #fqa-section #accordion .card .card-header h6 {
            margin: 0;
            transition: all .5s ease;
            max-width: 95%
        }

        #fqa-section #accordion .card .card-header h6::before {
            content: '\f078';
            position: absolute;
            right: 0;
            color: var(--color-main);
            font-family: 'Font Awesome 5 Free' !important;
            font-weight: 900 !important
        }

        #fqa-section #accordion .card .card-header h6[aria-expanded=true] {
            padding-top: 10px
        }

        #fqa-section #accordion .card .card-header h6[aria-expanded=true]::before {
            transform: rotate(180deg)
        }

        #fqa-section #accordion .card .card-body {
            position: relative;
            padding: 20px 0 10px 0
        }

        #fqa-section #accordion .card .card-body p {
            font-size: 14px;
            color: #637282;
            margin: 0
        }

        #achievements-section {
            background: url(assets/images/bg-1.jpg) center center no-repeat;
            background-size: cover
        }

        #achievements-section:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--color-main);
            opacity: .9
        }

        #achievements-section .statistic {
            color: var(--color-theme-white);
            margin-bottom: 13px
        }

        #achievements-section .statistic p {
            margin-bottom: 0;
            text-transform: capitalize;
            font-size: 22px
        }

        #achievements-section .statistic p,
        #achievements-section .statistic p * {
            line-height: 1.6
        }

        #achievements-section .statistic p i {
            display: block;
            font-size: 30px
        }

        #achievements-section .statistic p.count {
            display: block
        }

        #achievements-section .statistic p.count span {
            font-size: 30px;
            padding: 1px;
            font-weight: 100
        }

        #achievements-section .statistic.style-2 {
            background-color: var(--color-theme-white);
            color: #212121;
            border-radius: 10px;
            padding: 20px;
            text-align: center
        }

        #achievements-section .statistic.style-2 i {
            color: var(--color-main);
            display: inline-block;
            padding: 0 14px
        }

        #achievements-section .statistic.style-2 p.count * {
            font-weight: 600;
            display: inline-block
        }

        #download-section {
            background: var(--color-gradient);
            overflow: hidden
        }

        #download-section .section-title {
            color: var(--color-theme-white);
            margin-bottom: 30px
        }

        #download-section .app-screen {
            width: 225px;
            position: absolute;
            top: 30px;
            right: -50%;
            transform: rotate(-30deg)
        }

        #download-section.show .app-screen {
            right: 0
        }

        #download-section.style-2 .section-title p {
            color: var(--color-theme-white)
        }

        #download-section.style-2 .app-screen {
            position: relative;
            transform: none;
            width: 265px;
            right: 0;
            top: 0;
            opacity: 0
        }

        #download-section.style-2.show .app-screen {
            -webkit-animation-name: bounceIn;
            -moz-animation-name: bounceIn;
            -ms-animation-name: bounceIn;
            -o-animation-name: bounceIn;
            animation-name: bounceIn;
            -webkit-animation-iteration-count: 1;
            -moz-animation-iteration-count: 1;
            -ms-animation-iteration-count: 1;
            -o-animation-iteration-count: 1;
            animation-iteration-count: 1;
            -webkit-animation-duration: 1s;
            -moz-animation-duration: 1s;
            -ms-animation-duration: 1s;
            -o-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -ms-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s;
            -webkit-animation-timing-function: ease;
            -moz-animation-timing-function: ease;
            -ms-animation-timing-function: ease;
            -o-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -ms-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden;
            opacity: 1
        }

        .download-btns [class*=btn] {
            margin: 5px 20px;
            font-size: 16px;
            width: 189px
        }

        .download-btns [class*=btn] i {
            font-size: 19px
        }

        #contact-section .row {
            align-items: flex-start
        }

        #contact-section .section-title {
            margin-bottom: 30px
        }

        #contact-section .contact-form {
            position: relative
        }

        #contact-section .contact-form button {
            width: 100%
        }

        #contact-section .contact-form .form-group {
            position: relative
        }

        #contact-section .contact-form .form-group .invalid-tooltip,
        #contact-section .contact-form .form-group .valid-tooltip {
            right: 0
        }

        #contact-section .contacts-info {
            background-position-x: left;
            width: fit-content;
            width: -moz-fit-content;
            padding: 0 0 30px 0;
            overflow: visible
        }

        #contact-section .contacts-info .info li {
            margin: 10px 0;
            font-size: 16px
        }

        #contact-section .contacts-info .info li i {
            display: inline-block;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            box-shadow: 0 5px 20px 1px rgba(80, 193, 233, .15);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            background: var(--color-theme-white)
        }

        #contact-section .contacts-info .info li span {
            padding: 0 12px;
            font-weight: 500
        }

        #contact-section .contacts-info .socialMediaLinks {
            margin: 30px 0
        }

        #contact-section .contacts-info .socialMediaLinks li {
            margin: 0 5px
        }

        #contact-section.style-2 .contact-form {
            width: 920px;
            margin: auto;
            border-radius: 20px;
            background: linear-gradient(45deg, #f6f6f6, transparent);
            padding: 40px 60px;
            z-index: 5;
            box-shadow: 0 5px 20px 1px rgba(61, 61, 61, .2)
        }

        #sidebar {
            padding: 0 20px
        }

        #sidebar>div {
            margin-bottom: 30px;
            padding-top: 30px
        }

        #sidebar .list-group-item {
            border: 0
        }

        #sidebar .search .form .input-group input.form-control {
            border-radius: 30px;
            padding: 15px 20px;
            font-size: 14px;
            background: var(--color-theme-white-dark);
            border: 0
        }

        #sidebar .search .form .input-group .input-group-append {
            position: absolute;
            right: 0;
            z-index: 14
        }

        #pricing-section .plan.recommended li #sidebar .search .form .input-group .input-group-append a[class*=btn],
        #sidebar .search .form .input-group .input-group-append #pricing-section .plan.recommended li a[class*=btn],
        #sidebar .search .form .input-group .input-group-append .btn,
        #sidebar .search .form .input-group .input-group-append .btn-black,
        #sidebar .search .form .input-group .input-group-append .btn-gradient,
        #sidebar .search .form .input-group .input-group-append .btn-gray,
        #sidebar .search .form .input-group .input-group-append .btn-main,
        #sidebar .search .form .input-group .input-group-append .btn-secondary,
        #sidebar .search .form .input-group .input-group-append .btn-white-black,
        #sidebar .search .form .input-group .input-group-append .btn-white-gradient,
        #sidebar .search .form .input-group .input-group-append .btn-white-main,
        #sidebar .search .form .input-group .input-group-append .btn-white-secondary {
            box-shadow: none;
            background: 0 0;
            border: 1px solid #ccc;
            border-left: 0;
            border: 0;
            color: #637282
        }

        #pricing-section .plan.recommended li #sidebar .search .form .input-group .input-group-append a:focus[class*=btn],
        #pricing-section .plan.recommended li #sidebar .search .form .input-group .input-group-append a:hover[class*=btn],
        #sidebar .search .form .input-group .input-group-append #pricing-section .plan.recommended li a:focus[class*=btn],
        #sidebar .search .form .input-group .input-group-append #pricing-section .plan.recommended li a:hover[class*=btn],
        #sidebar .search .form .input-group .input-group-append .btn-black:focus,
        #sidebar .search .form .input-group .input-group-append .btn-black:hover,
        #sidebar .search .form .input-group .input-group-append .btn-gradient:focus,
        #sidebar .search .form .input-group .input-group-append .btn-gradient:hover,
        #sidebar .search .form .input-group .input-group-append .btn-gray:focus,
        #sidebar .search .form .input-group .input-group-append .btn-gray:hover,
        #sidebar .search .form .input-group .input-group-append .btn-main:focus,
        #sidebar .search .form .input-group .input-group-append .btn-main:hover,
        #sidebar .search .form .input-group .input-group-append .btn-secondary:focus,
        #sidebar .search .form .input-group .input-group-append .btn-secondary:hover,
        #sidebar .search .form .input-group .input-group-append .btn-white-black:focus,
        #sidebar .search .form .input-group .input-group-append .btn-white-black:hover,
        #sidebar .search .form .input-group .input-group-append .btn-white-gradient:focus,
        #sidebar .search .form .input-group .input-group-append .btn-white-gradient:hover,
        #sidebar .search .form .input-group .input-group-append .btn-white-main:focus,
        #sidebar .search .form .input-group .input-group-append .btn-white-main:hover,
        #sidebar .search .form .input-group .input-group-append .btn-white-secondary:focus,
        #sidebar .search .form .input-group .input-group-append .btn-white-secondary:hover,
        #sidebar .search .form .input-group .input-group-append .btn:focus,
        #sidebar .search .form .input-group .input-group-append .btn:hover {
            color: var(--color-main)
        }

        #sidebar .categories li {
            position: relative;
            padding: 5px 0;
            text-transform: capitalize
        }

        #sidebar .categories li:after,
        #sidebar .categories li:before {
            content: '';
            position: absolute;
            background: var(--color-main);
            left: 0;
            border-radius: 50%;
            z-index: 3
        }

        #sidebar .categories li:after {
            height: 15px;
            width: 15px;
            opacity: .4;
            top: 8px
        }

        #sidebar .categories li:before {
            height: 7px;
            width: 7px;
            top: 12px;
            left: 4px
        }

        #sidebar .categories p a {
            display: flex;
            justify-content: space-between;
            color: #637282;
            z-index: 2;
            position: relative
        }

        #sidebar .categories p a>* {
            background: var(--color-theme-white);
            position: relative
        }

        #sidebar .categories p a .cat_name {
            padding: 0 25px
        }

        #sidebar .categories p a .badge {
            background: var(--color-theme-white);
            padding: 0 8px;
            color: #637282;
            font-size: 15px;
            font-weight: 300
        }

        #sidebar .categories p:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            top: 14px;
            border-bottom: 1px dotted #bbb;
            z-index: 1
        }

        #sidebar .categories a[data-toggle=collapse] .cat_name:before {
            content: '+';
            position: absolute;
            right: 10px;
            font-size: 16px;
            font-weight: 200
        }

        #sidebar .categories a[data-toggle=collapse][aria-expanded=true] .cat_name::before {
            content: '-'
        }

        #sidebar .categories [id*=subCategory] {
            width: 100%;
            padding: 5px 30px;
            margin: 11px 0
        }

        #sidebar .latestPosts .post {
            margin-bottom: 20px;
            display: flex;
            justify-content: space-around;
            align-items: center
        }

        #sidebar .latestPosts .post a {
            text-decoration: none
        }

        #sidebar .latestPosts .post .post-img {
            height: 90px;
            width: 90px;
            border-radius: 10px;
            overflow: hidden
        }

        #sidebar .latestPosts .post .post-details {
            width: fit-content;
            width: -moz-fit-content;
            margin: 0 20px;
            padding: 0
        }

        #sidebar .latestPosts .post .post-details .section-title,
        #sidebar .latestPosts .post .post-details .title {
            font-size: 14px;
            font-weight: 500;
            color: #212121
        }

        #sidebar .latestPosts .post .post-details p {
            text-transform: capitalize;
            font-style: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            line-height: 1.4;
            font-size: 11px;
            color: #637282;
            font-weight: 400
        }

        #sidebar .latestPosts .post .post-details p span {
            margin: 0 2px
        }

        #sidebar .latestPosts .post .post-details .section-title,
        #sidebar .latestPosts .post .post-details .title,
        #sidebar .latestPosts .post .post-details p {
            margin-bottom: 5px
        }

        #sidebar .latestPosts .post:hover h6.section-title,
        #sidebar .latestPosts .post:hover h6.title {
            color: var(--color-secondary)
        }

        #sidebar .archives p,
        #sidebar .categories p {
            margin-bottom: 0;
            position: relative
        }

        #sidebar .tags a {
            text-decoration: none;
            background: var(--color-theme-white-dark);
            margin: 2px;
            padding: 8px 17px;
            border-radius: 20px;
            display: inline-block;
            font-size: 13px;
            color: #637282;
            font-weight: 500;
            text-transform: capitalize
        }

        #sidebar .tags a .active,
        #sidebar .tags a:focus,
        #sidebar .tags a:hover {
            background: var(--color-main);
            color: #fff
        }

        #subscribe {
            background: 0 0;
            color: var(--color-theme-white)
        }

        #subscribe .input-group {
            margin: auto
        }

        #subscribe .input-group .form-control {
            border-top-left-radius: 25px;
            border-bottom-left-radius: 25px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            padding: 0 25px;
            font-weight: 500;
            width: 70%;
            border: 0;
            font-size: 14px
        }

        #subscribe #mc_embed_signup {
            font-weight: 500;
            width: 100%
        }

        #subscribe #mc_embed_signup div.mce_inline_error {
            display: block;
            position: relative;
            padding: 10px;
            margin: auto
        }

        #comingSoon #subscribe,
        #errorPage #subscribe {
            background: 0 0;
            margin: 30px 0;
            color: #637282
        }

        #comingSoon #subscribe p,
        #errorPage #subscribe p {
            text-transform: capitalize
        }

        #comingSoon #subscribe .input-group,
        #errorPage #subscribe .input-group {
            width: 90%;
            box-shadow: 0 5px 20px 1px rgba(61, 61, 61, .2);
            border-radius: 25px;
            background: rgba(255, 255, 255, .04)
        }

        #comingSoon #subscribe .input-group .form-control,
        #errorPage #subscribe .input-group .form-control {
            background: 0 0;
            border: 0;
            font-weight: 500
        }

        #comingSoon #subscribe .input-group .form-control:focus,
        #errorPage #subscribe .input-group .form-control:focus {
            border-width: 1px 0 1px 1px;
            background: var(--color-theme-white);
            border-color: #ccc;
            outline: 0
        }

        #comingSoon #subscribe #mc_embed_signup .response,
        #errorPage #subscribe #mc_embed_signup .response {
            border: 1px solid #ccc;
            padding: 12px 26px;
            background: #f7f6f6f0;
            width: auto;
            margin: auto;
            color: #212121
        }

        #comingSoon #subscribe #mc_embed_signup div.mce_inline_error,
        #errorPage #subscribe #mc_embed_signup div.mce_inline_error {
            padding: 0;
            top: 50px;
            width: 80%;
            margin: auto;
            left: 0;
            right: 0
        }

        .blog {
            position: relative;
            overflow: hidden;
            padding: 0;
            border-radius: 10px;
            box-shadow: 0 5px 20px 1px rgba(80, 193, 233, .15);
            border: 0;
            max-width: 349px;
            margin: 30px auto 0
        }

        .blog [class*=card-img],
        .blog [class*=card-img] img {
            height: 400px
        }

        .blog .card-body {
            background-color: #fff;
            position: relative
        }

        .blog .card-body .card-title .blog-title {
            color: #212121;
            margin-bottom: 5px
        }

        .blog .card-body .card-title .blog-title a {
            color: inherit
        }

        .blog .card-body .card-title .blog-title a:focus,
        .blog .card-body .card-title .blog-title a:hover {
            color: inherit
        }

        .blog .card-body .card-title .blog-info {
            text-transform: capitalize;
            font-size: 13px;
            margin: 0;
            padding: 0
        }

        .blog .card-body .card-title .blog-info i,
        .blog .card-body .card-title .blog-info span {
            padding: 0 2px;
            display: inline-block
        }

        .blog .card-body .card-title .blog-info li:first-child {
            color: var(--color-secondary)
        }

        .blog .card-body .card-text {
            color: #637282;
            font-size: 14px;
            margin-bottom: .75rem;
            padding: 0;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 90%
        }

        .blog .card-body [class*=btn] {
            position: absolute;
            right: 10px;
            bottom: 10px;
            width: 35px;
            height: 35px;
            box-shadow: none;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .blog .card-body [class*=btn]:focus,
        .blog .card-body [class*=btn]:hover {
            box-shadow: 0 5px 20px 1px rgba(61, 61, 61, .2)
        }

        .blog:focus,
        .blog:hover {
            box-shadow: 0 5px 20px 1px rgba(61, 61, 61, .2)
        }

        #blog-section {
            overflow: hidden
        }

        #blog-section [class*=col-xl-4]:nth-child(2) {
            z-index: 2
        }

        .blog-list.masonry-view .card-columns .blog,
        .blog-list.masonry-view .card-columns .card {
            display: inline-block
        }

        .blog-list.masonry-view .card-columns .blog [class*=card-img],
        .blog-list.masonry-view .card-columns .blog [class*=card-img] img,
        .blog-list.masonry-view .card-columns .card [class*=card-img],
        .blog-list.masonry-view .card-columns .card [class*=card-img] img {
            height: inherit;
            max-height: inherit
        }

        .col-lg-8>.blog-list.masonry-view .card-columns {
            column-count: 2
        }

        .blog-list .load-more {
            display: block;
            margin: 60px auto 0;
            padding: 10px 40px
        }

        #single-blog .media .section-title,
        #single-blog .media .title {
            margin-bottom: 10px
        }

        #single-blog .userImage {
            height: 90px;
            width: 90px;
            border-radius: 10px;
            margin: 0 20px;
            overflow: hidden
        }

        #single-blog .post {
            margin-bottom: 40px
        }

        #single-blog .post i {
            padding: 0 5px
        }

        #single-blog .post .info {
            text-transform: capitalize;
            display: flex;
            justify-content: space-between;
            font-weight: 500;
            color: #212121
        }

        #single-blog .post .info a {
            color: #212121
        }

        #single-blog .post .info a:focus,
        #single-blog .post .info a:hover {
            color: var(--color-main)
        }

        #single-blog .post .info * {
            font-size: 13px
        }

        #single-blog .post .info .tags ul::before {
            content: '\f02b';
            display: inline-block;
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            margin-right: 10px
        }

        #single-blog .post .info .tags ul li {
            margin: 0
        }

        #single-blog .post .info .tags ul li:not(:last-child):after {
            content: ',';
            margin-right: .5rem
        }

        #single-blog .post .post-details {
            padding: 40px 0 20px
        }

        #single-blog .post .post-details .section-title,
        #single-blog .post .post-details .title {
            color: #212121;
            margin-bottom: 10px
        }

        #single-blog .post .post-details .section-title,
        #single-blog .post .post-details .section-title *,
        #single-blog .post .post-details .title,
        #single-blog .post .post-details .title * {
            font-weight: 500
        }

        #single-blog .post .post-details .info {
            color: #637282
        }

        #single-blog .post .post-details .info a {
            color: #637282
        }

        #single-blog .post .post-details .info a:focus,
        #single-blog .post .post-details .info a:hover {
            color: var(--color-main)
        }

        #single-blog .post .post-image img {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px
        }

        #single-blog .post .post-content {
            padding: 0;
            color: #637282;
            font-size: 15px;
            line-height: 1.8
        }

        #single-blog .post .post-content p {
            line-height: 1.8
        }

        #single-blog .post .post-content .blockquote {
            position: relative;
            padding: 25px 30px;
            color: #637282;
            background: var(--color-theme-white-dark);
            font-size: 17px;
            line-height: 1.8;
            text-align: center;
            border-radius: 10px
        }

        #single-blog .post .post-content .blockquote p i {
            color: var(--color-main);
            display: block;
            font-size: 50px;
            margin-bottom: 9px
        }

        #single-blog .post .post-content .blockquote .blockquote-footer {
            margin-top: 9px
        }

        #single-blog .post .post-content .subTitle {
            color: #212121;
            margin: 20px 0
        }

        #single-blog .post .post-content ul:not(.list-inline) li {
            position: relative;
            list-style-type: none
        }

        #single-blog .post .post-content ul:not(.list-inline) li:before {
            content: "\f192";
            font-family: "Font Awesome 5 Free";
            color: var(--color-main);
            margin-right: 10px
        }

        #single-blog #aboutAuthor {
            padding-top: 80px
        }

        #single-blog #aboutAuthor .media {
            background-color: var(--color-theme-white-dark);
            border-radius: 10px;
            padding: 30px 20px
        }

        #single-blog #aboutAuthor .media .media-heading .authorName {
            padding: 5px 0 0 0;
            text-transform: capitalize;
            font-weight: 500
        }

        #single-blog #aboutAuthor .media .media-heading small {
            color: #212121;
            font-size: 80%;
            text-transform: capitalize;
            margin: 0 6px;
            font-weight: 400
        }

        #single-blog #aboutAuthor .media .authorAbout {
            font-size: 14px;
            line-height: 1.7;
            font-weight: 400;
            color: #637282
        }

        #single-blog #aboutAuthor .socialLinks {
            margin-bottom: 0
        }

        #single-blog #aboutAuthor .socialLinks a {
            color: #99a5b2;
            padding: 0 3px
        }

        #single-blog #aboutAuthor .socialLinks a i {
            padding: 0
        }

        #single-blog #aboutAuthor .socialLinks a:focus,
        #single-blog #aboutAuthor .socialLinks a:hover {
            text-decoration: none;
            color: var(--color-main)
        }

        #single-blog #comments {
            padding-top: 90px
        }

        #single-blog #comments>.section-title span,
        #single-blog #comments>.title span {
            color: var(--color-main);
            font-weight: 500
        }

        #single-blog #comments>div {
            margin: 30px 0
        }

        #single-blog #comments .comment {
            margin: 20px 0;
            background-color: var(--color-theme-white-dark);
            border-radius: 10px;
            padding: 30px 20px
        }

        #single-blog #comments .comment .media {
            position: relative
        }

        #single-blog #comments .comment .media .media-heading {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 500;
            margin-bottom: 0
        }

        #single-blog #comments .comment .media .media-heading small {
            color: #99a5b2;
            font-size: 80%;
            font-weight: 400;
            padding: 0 5px
        }

        #single-blog #comments .comment .media .media-heading .userName {
            font-weight: 500
        }

        #single-blog #comments .comment .media .media-heading p {
            color: #99a5b2;
            font-size: 11px;
            font-weight: 400
        }

        #single-blog #comments .comment .media .media-heading p i {
            padding: 0 5px
        }

        #single-blog #comments .comment .media .userComment {
            font-size: 14px;
            line-height: 1.7;
            font-weight: 400;
            color: #637282;
            max-width: 90%;
            margin: 0
        }

        #single-blog #comments .comment .commentActions {
            position: absolute;
            right: 0;
            bottom: 0;
            margin: 0
        }

        #single-blog #comments .comment .commentActions a {
            color: #99a5b2;
            padding: 0 3px
        }

        #single-blog #comments .comment .commentActions a i {
            padding: 0
        }

        #single-blog #comments .comment .commentActions a:focus,
        #single-blog #comments .comment .commentActions a:hover {
            text-decoration: none;
            color: var(--color-main)
        }

        #single-blog #comments .comment.replay {
            background-color: #ececec
        }

        #single-blog #comments .comment.replay .media {
            border-width: 1px 0 0 0;
            border-radius: 0;
            padding-left: 0;
            padding-right: 0
        }

        #single-blog #addComment {
            margin-bottom: 50px;
            padding-top: 100px
        }

        #single-blog #addComment form .form-control {
            border-radius: 10px !important;
            border-color: var(--color-theme-white-dark);
            background: var(--color-theme-white-dark)
        }

        #single-blog #addComment form .form-control:focus {
            border-color: var(--color-main)
        }

        #single-blog #sidebar>div:first-child {
            padding-top: 0
        }

        #error-page {
            position: relative
        }

        #error-page header {
            position: relative;
            background: var(--color-gradient);
            min-height: 210px
        }

        #error-page header:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            bottom: 0;
            background-position-y: bottom;
            display: block;
            background-color: transparent
        }

        #error-page main {
            background: var(--color-theme-white);
            min-height: 300px;
            height: fit-content;
            height: -moz-fit-content;
            display: flex;
            flex-flow: column;
            justify-content: center;
            align-items: center
        }

        #error-page main section .error-icon {
            color: #212121;
            font-size: 100px;
            text-align: center;
            font-weight: 900;
            height: 82px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 0 40px
        }

        #error-page main section p {
            font-weight: 400;
            display: block;
            text-transform: capitalize;
            color: #637282;
            font-size: 20px
        }

        #error-page footer {
            padding: 150px 0 10px 0;
            min-height: 160px
        }

        #comingSoon-page {
            position: relative
        }

        #comingSoon-page main {
            background: var(--color-theme-white);
            min-height: 300px;
            height: fit-content;
            height: -moz-fit-content;
            display: flex;
            flex-flow: column;
            justify-content: center;
            align-items: center;
            position: fixed;
            height: 100%;
            width: 100%;
            overflow-y: auto;
            overflow-x: hidden
        }

        #comingSoon-page main section {
            width: 100%;
            height: 100%;
            background: url(assets/images/bg-2.jpg) center center no-repeat;
            background-size: cover
        }

        #comingSoon-page main section:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: linear-gradient(to bottom, #fff, rgba(225, 225, 225, .9), #fff);
            z-index: 1
        }

        #comingSoon-page main section .container {
            position: relative;
            z-index: 2
        }

        #comingSoon-page main .logo {
            margin: 0 auto 20px
        }

        #comingSoon-page main p {
            display: block;
            font-weight: 400;
            font-size: 15px;
            color: #637282;
            text-transform: capitalize
        }

        #comingSoon-page main p b {
            font-weight: 500;
            font-size: 18px;
            display: block
        }

        #comingSoon-page main #countDown {
            margin: 20px auto;
            padding: 0
        }

        #comingSoon-page main #countDown li>div {
            display: flex;
            flex-flow: column;
            align-items: center;
            justify-content: center;
            margin: 10px;
            font-weight: 900;
            text-transform: uppercase;
            text-align: center;
            border-radius: 50%;
            width: 110px;
            height: 110px;
            background: var(--color-theme-white);
            box-shadow: 0 5px 20px 1px rgba(61, 61, 61, .2);
            color: var(--color-main)
        }

        #comingSoon-page main #countDown li>div p {
            font-size: 42px;
            margin: 0;
            color: var(--color-main)
        }

        #comingSoon-page main #countDown li p {
            padding: 12px 0;
            font-weight: 900;
            margin: 0;
            font-size: 15px;
            color: #212121;
            text-transform: capitalize
        }

        #comingSoon-page main #subscribe {
            width: 40%;
            margin: 30px auto
        }

        #comingSoon-page.style-1 main {
            position: relative;
            background: var(--color-gradient);
            min-height: 800px;
            padding: 100px 0 !important
        }

        #comingSoon-page.style-1 main:after,
        #comingSoon-page.style-1 main:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 202px;
            display: block;
            background-color: transparent;
            background-position-y: bottom
        }

        #comingSoon-page.style-1 main:before {
            top: 0
        }

        #comingSoon-page.style-1 main:after {
            bottom: 0;
            transform: rotate(180deg)
        }

        #comingSoon-page.style-2 main section:before {
            background: linear-gradient(to right, #fff 40%, var(--color-main), var(--color-secondary));
            opacity: .9
        }

        #comingSoon-page.style-2 main #subscribe {
            width: 60%
        }

        #comingSoon-page.style-3 main {
            position: relative;
            background: #fff;
            min-height: 800px;
            padding: 59px 0
        }

        #comingSoon-page.style-3 main:after,
        #comingSoon-page.style-3 main:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 180px;
            display: block;
            background-color: transparent;
            background-position-y: top;
            z-index: 5
        }

        #comingSoon-page.style-3 main:before {
            top: 0;
            background-position: top;
            z-index: 5;
            transform: rotate(180deg)
        }

        #comingSoon-page.style-3 main:after {
            bottom: 0
        }

        #comingSoon-page.style-3 main section {
            padding: 180px 0
        }

        #comingSoon-page.style-3 main section:before {
            background: var(--color-gradient);
            opacity: .8
        }

        #comingSoon-page.style-3 main section p {
            color: #212121
        }

        .demo-1 #innerPageTitle:before,
        .demo-1 #intro-section:before,
        .demo-1#comingSoon-page.style-1 main:after,
        .demo-1#comingSoon-page.style-1 main:before,
        .demo-1#comingSoon-page.style-3 main:after,
        .demo-1#comingSoon-page.style-3 main:before,
        .demo-1#error-page header:before,
        .demo-1>footer:before {
            background-image: url(../../assets/images/demos-patterns/1.png);
            background-size: contain;
            background-repeat: repeat no-repeat;
            background-position-x: center;
            height: 100px
        }

        .demo-1#error-page header,
        .demo-1#error-page>footer {
            min-height: 210px
        }

        .demo-1#error-page>footer {
            padding-top: 100px
        }

        .demo-1 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/1.png) center center no-repeat;
            background-size: contain;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-1 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-1#comingSoon-page.style-1 main,
        .demo-1#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-1#comingSoon-page.style-1 main:after,
        .demo-1#comingSoon-page.style-1 main:before,
        .demo-1#comingSoon-page.style-3 main:after,
        .demo-1#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: contain
        }

        .demo-2 #innerPageTitle:before,
        .demo-2 #intro-section:before,
        .demo-2#comingSoon-page.style-1 main:after,
        .demo-2#comingSoon-page.style-1 main:before,
        .demo-2#comingSoon-page.style-3 main:after,
        .demo-2#comingSoon-page.style-3 main:before,
        .demo-2#error-page header:before,
        .demo-2>footer:before {
            background-image: url(../../assets/images/demos-patterns/2.png);
            background-size: contain;
            background-repeat: repeat no-repeat;
            background-position-x: center;
            height: 100px
        }

        .demo-2#error-page header,
        .demo-2#error-page>footer {
            min-height: 210px
        }

        .demo-2#error-page>footer {
            padding-top: 100px
        }

        .demo-2 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/2.png) center center no-repeat;
            background-size: contain;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-2 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-2#comingSoon-page.style-1 main,
        .demo-2#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-2#comingSoon-page.style-1 main:after,
        .demo-2#comingSoon-page.style-1 main:before,
        .demo-2#comingSoon-page.style-3 main:after,
        .demo-2#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: contain
        }

        .demo-3 #innerPageTitle:before,
        .demo-3 #intro-section:before,
        .demo-3#comingSoon-page.style-1 main:after,
        .demo-3#comingSoon-page.style-1 main:before,
        .demo-3#comingSoon-page.style-3 main:after,
        .demo-3#comingSoon-page.style-3 main:before,
        .demo-3#error-page header:before,
        .demo-3>footer:before {
            background-image: url(../../assets/images/demos-patterns/3.png);
            background-size: contain;
            background-repeat: repeat no-repeat;
            background-position-x: center;
            height: 100px
        }

        .demo-3#error-page header,
        .demo-3#error-page>footer {
            min-height: 210px
        }

        .demo-3#error-page>footer {
            padding-top: 100px
        }

        .demo-3 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/3.png) center center no-repeat;
            background-size: contain;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-3 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-3#comingSoon-page.style-1 main,
        .demo-3#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-3#comingSoon-page.style-1 main:after,
        .demo-3#comingSoon-page.style-1 main:before,
        .demo-3#comingSoon-page.style-3 main:after,
        .demo-3#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: contain
        }

        .demo-4 #innerPageTitle:before,
        .demo-4 #intro-section:before,
        .demo-4#comingSoon-page.style-1 main:after,
        .demo-4#comingSoon-page.style-1 main:before,
        .demo-4#comingSoon-page.style-3 main:after,
        .demo-4#comingSoon-page.style-3 main:before,
        .demo-4#error-page header:before,
        .demo-4>footer:before {
            background-image: url(../../assets/images/demos-patterns/4.png);
            background-size: contain;
            background-repeat: repeat no-repeat;
            background-position-x: center;
            height: 100px
        }

        .demo-4#error-page header,
        .demo-4#error-page>footer {
            min-height: 210px
        }

        .demo-4#error-page>footer {
            padding-top: 100px
        }

        .demo-4 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/4.png) center center no-repeat;
            background-size: contain;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-4 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-4#comingSoon-page.style-1 main,
        .demo-4#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-4#comingSoon-page.style-1 main:after,
        .demo-4#comingSoon-page.style-1 main:before,
        .demo-4#comingSoon-page.style-3 main:after,
        .demo-4#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: contain
        }

        .demo-5 #innerPageTitle:before,
        .demo-5 #intro-section:before,
        .demo-5#comingSoon-page.style-1 main:after,
        .demo-5#comingSoon-page.style-1 main:before,
        .demo-5#comingSoon-page.style-3 main:after,
        .demo-5#comingSoon-page.style-3 main:before,
        .demo-5#error-page header:before,
        .demo-5>footer:before {
            background-image: url(../../assets/images/demos-patterns/5.png);
            background-size: contain;
            background-repeat: repeat no-repeat;
            background-position-x: center;
            height: 100px
        }

        .demo-5#error-page header,
        .demo-5#error-page>footer {
            min-height: 210px
        }

        .demo-5#error-page>footer {
            padding-top: 100px
        }

        .demo-5 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/5.png) center center no-repeat;
            background-size: contain;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-5 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-5#comingSoon-page.style-1 main,
        .demo-5#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-5#comingSoon-page.style-1 main:after,
        .demo-5#comingSoon-page.style-1 main:before,
        .demo-5#comingSoon-page.style-3 main:after,
        .demo-5#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: contain
        }

        .demo-6 #innerPageTitle:before,
        .demo-6 #intro-section:before,
        .demo-6#comingSoon-page.style-1 main:after,
        .demo-6#comingSoon-page.style-1 main:before,
        .demo-6#comingSoon-page.style-3 main:after,
        .demo-6#comingSoon-page.style-3 main:before,
        .demo-6#error-page header:before,
        .demo-6>footer:before {
            background-image: url(../../assets/images/demos-patterns/6.png);
            background-size: contain;
            background-repeat: repeat no-repeat;
            background-position-x: center;
            height: 100px
        }

        .demo-6#error-page header,
        .demo-6#error-page>footer {
            min-height: 210px
        }

        .demo-6#error-page>footer {
            padding-top: 100px
        }

        .demo-6 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/6.png) center center no-repeat;
            background-size: contain;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-6 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-6#comingSoon-page.style-1 main,
        .demo-6#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-6#comingSoon-page.style-1 main:after,
        .demo-6#comingSoon-page.style-1 main:before,
        .demo-6#comingSoon-page.style-3 main:after,
        .demo-6#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: contain
        }

        .demo-7 #innerPageTitle:before,
        .demo-7 #intro-section:before,
        .demo-7#comingSoon-page.style-1 main:after,
        .demo-7#comingSoon-page.style-1 main:before,
        .demo-7#comingSoon-page.style-3 main:after,
        .demo-7#comingSoon-page.style-3 main:before,
        .demo-7#error-page header:before,
        .demo-7>footer:before {
            background-image: url(../assets/images/demos-patterns/7.png);
            background-size: contain;
            background-repeat: repeat no-repeat;
            background-position-x: center;
            height: 100px
        }

        .demo-7#error-page header,
        .demo-7#error-page>footer {
            min-height: 210px
        }

        .demo-7#error-page>footer {
            padding-top: 100px
        }

        .demo-7 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/7.png) center center no-repeat;
            background-size: contain;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-7 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-7#comingSoon-page.style-1 main,
        .demo-7#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-7#comingSoon-page.style-1 main:after,
        .demo-7#comingSoon-page.style-1 main:before,
        .demo-7#comingSoon-page.style-3 main:after,
        .demo-7#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: contain
        }

        .demo-8 #innerPageTitle:before,
        .demo-8 #intro-section:before,
        .demo-8#comingSoon-page.style-1 main:after,
        .demo-8#comingSoon-page.style-1 main:before,
        .demo-8#comingSoon-page.style-3 main:after,
        .demo-8#comingSoon-page.style-3 main:before,
        .demo-8#error-page header:before,
        .demo-8>footer:before {
            background-image: url(../../assets/images/demos-patterns/8.png);
            background-size: contain;
            background-repeat: repeat no-repeat;
            background-position-x: center;
            height: 100px
        }

        .demo-8#error-page header,
        .demo-8#error-page>footer {
            min-height: 210px
        }

        .demo-8#error-page>footer {
            padding-top: 100px
        }

        .demo-8 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/8.png) center center no-repeat;
            background-size: contain;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-8 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-8#comingSoon-page.style-1 main,
        .demo-8#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-8#comingSoon-page.style-1 main:after,
        .demo-8#comingSoon-page.style-1 main:before,
        .demo-8#comingSoon-page.style-3 main:after,
        .demo-8#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: contain
        }

        .demo-9 #innerPageTitle:before,
        .demo-9 #intro-section:before,
        .demo-9#comingSoon-page.style-1 main:after,
        .demo-9#comingSoon-page.style-1 main:before,
        .demo-9#comingSoon-page.style-3 main:after,
        .demo-9#comingSoon-page.style-3 main:before,
        .demo-9#error-page header:before,
        .demo-9>footer:before {
            background-image: url(../../assets/images/demos-patterns/9.png);
            background-size: contain;
            background-repeat: repeat no-repeat;
            background-position-x: center;
            height: 100px
        }

        .demo-9#error-page header,
        .demo-9#error-page>footer {
            min-height: 210px
        }

        .demo-9#error-page>footer {
            padding-top: 100px
        }

        .demo-9 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/9.png) center center no-repeat;
            background-size: contain;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-9 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-9#comingSoon-page.style-1 main,
        .demo-9#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-9#comingSoon-page.style-1 main:after,
        .demo-9#comingSoon-page.style-1 main:before,
        .demo-9#comingSoon-page.style-3 main:after,
        .demo-9#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: contain
        }

        .demo-10 #innerPageTitle:before,
        .demo-10 #intro-section:before,
        .demo-10#comingSoon-page.style-1 main:after,
        .demo-10#comingSoon-page.style-1 main:before,
        .demo-10#comingSoon-page.style-3 main:after,
        .demo-10#comingSoon-page.style-3 main:before,
        .demo-10#error-page header:before,
        .demo-10>footer:before {
            background-image: url(../../assets/images/demos-patterns/10.png);
            background-size: contain;
            background-repeat: repeat no-repeat;
            background-position-x: center;
            height: 100px
        }

        .demo-10#error-page header,
        .demo-10#error-page>footer {
            min-height: 210px
        }

        .demo-10#error-page>footer {
            padding-top: 100px
        }

        .demo-10 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/10.png) center center no-repeat;
            background-size: contain;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-10 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-10#comingSoon-page.style-1 main,
        .demo-10#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-10#comingSoon-page.style-1 main:after,
        .demo-10#comingSoon-page.style-1 main:before,
        .demo-10#comingSoon-page.style-3 main:after,
        .demo-10#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: contain
        }

        .demo-11 #innerPageTitle:before,
        .demo-11 #intro-section:before,
        .demo-11#comingSoon-page.style-1 main:after,
        .demo-11#comingSoon-page.style-1 main:before,
        .demo-11#comingSoon-page.style-3 main:after,
        .demo-11#comingSoon-page.style-3 main:before,
        .demo-11#error-page header:before,
        .demo-11>footer:before {
            background-image: url(../../assets/images/demos-patterns/11.png);
            background-size: contain;
            background-repeat: repeat no-repeat;
            background-position-x: center;
            height: 100px
        }

        .demo-11#error-page header,
        .demo-11#error-page>footer {
            min-height: 210px
        }

        .demo-11#error-page>footer {
            padding-top: 100px
        }

        .demo-11 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/11.png) center center no-repeat;
            background-size: contain;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-11 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-11#comingSoon-page.style-1 main,
        .demo-11#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-11#comingSoon-page.style-1 main:after,
        .demo-11#comingSoon-page.style-1 main:before,
        .demo-11#comingSoon-page.style-3 main:after,
        .demo-11#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: contain
        }

        .demo-12 #innerPageTitle:before,
        .demo-12 #intro-section:before,
        .demo-12#comingSoon-page.style-1 main:after,
        .demo-12#comingSoon-page.style-1 main:before,
        .demo-12#comingSoon-page.style-3 main:after,
        .demo-12#comingSoon-page.style-3 main:before,
        .demo-12#error-page header:before,
        .demo-12>footer:before {
            background-image: url(../../assets/images/demos-patterns/12.png);
            background-size: contain;
            background-repeat: repeat no-repeat;
            background-position-x: center;
            height: 100px
        }

        .demo-12#error-page header,
        .demo-12#error-page>footer {
            min-height: 210px
        }

        .demo-12#error-page>footer {
            padding-top: 100px
        }

        .demo-12 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/12.png) center center no-repeat;
            background-size: contain;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-12 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-12#comingSoon-page.style-1 main,
        .demo-12#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-12#comingSoon-page.style-1 main:after,
        .demo-12#comingSoon-page.style-1 main:before,
        .demo-12#comingSoon-page.style-3 main:after,
        .demo-12#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: contain
        }

        .demo-13 #innerPageTitle:before,
        .demo-13 #intro-section:before,
        .demo-13#comingSoon-page.style-1 main:after,
        .demo-13#comingSoon-page.style-1 main:before,
        .demo-13#comingSoon-page.style-3 main:after,
        .demo-13#comingSoon-page.style-3 main:before,
        .demo-13#error-page header:before,
        .demo-13>footer:before {
            background-image: url(../../assets/images/demos-patterns/13.png);
            background-size: contain;
            background-repeat: repeat no-repeat;
            background-position-x: center;
            height: 100px
        }

        .demo-13#error-page header,
        .demo-13#error-page>footer {
            min-height: 210px
        }

        .demo-13#error-page>footer {
            padding-top: 100px
        }

        .demo-13 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/13.png) center center no-repeat;
            background-size: contain;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-13 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-13#comingSoon-page.style-1 main,
        .demo-13#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-13#comingSoon-page.style-1 main:after,
        .demo-13#comingSoon-page.style-1 main:before,
        .demo-13#comingSoon-page.style-3 main:after,
        .demo-13#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: contain
        }

        .demo-14 #innerPageTitle:before,
        .demo-14 #intro-section:before,
        .demo-14#comingSoon-page.style-1 main:after,
        .demo-14#comingSoon-page.style-1 main:before,
        .demo-14#comingSoon-page.style-3 main:after,
        .demo-14#comingSoon-page.style-3 main:before,
        .demo-14#error-page header:before,
        .demo-14>footer:before {
            background-image: url(../../assets/images/demos-patterns/14.png);
            background-size: contain;
            background-repeat: repeat no-repeat;
            background-position-x: center;
            height: 100px
        }

        .demo-14#error-page header,
        .demo-14#error-page>footer {
            min-height: 210px
        }

        .demo-14#error-page>footer {
            padding-top: 100px
        }

        .demo-14 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/14.png) center center no-repeat;
            background-size: contain;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-14 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-14#comingSoon-page.style-1 main,
        .demo-14#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-14#comingSoon-page.style-1 main:after,
        .demo-14#comingSoon-page.style-1 main:before,
        .demo-14#comingSoon-page.style-3 main:after,
        .demo-14#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: contain
        }

        .demo-15 #innerPageTitle:before,
        .demo-15 #intro-section:before,
        .demo-15#comingSoon-page.style-1 main:after,
        .demo-15#comingSoon-page.style-1 main:before,
        .demo-15#comingSoon-page.style-3 main:after,
        .demo-15#comingSoon-page.style-3 main:before,
        .demo-15#error-page header:before,
        .demo-15>footer:before {
            background-image: url(../../assets/images/demos-patterns/15.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position-x: center;
            height: 100%
        }

        .demo-15#error-page header,
        .demo-15#error-page>footer {
            min-height: 260px
        }

        .demo-15#error-page>footer {
            padding-top: 100px
        }

        .demo-15 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/15.png) center center no-repeat;
            background-size: 100%;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-15 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-15#comingSoon-page.style-1 main,
        .demo-15#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-15#comingSoon-page.style-1 main:after,
        .demo-15#comingSoon-page.style-1 main:before,
        .demo-15#comingSoon-page.style-3 main:after,
        .demo-15#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: cover
        }

        .demo-16 #innerPageTitle:before,
        .demo-16 #intro-section:before,
        .demo-16#comingSoon-page.style-1 main:after,
        .demo-16#comingSoon-page.style-1 main:before,
        .demo-16#comingSoon-page.style-3 main:after,
        .demo-16#comingSoon-page.style-3 main:before,
        .demo-16#error-page header:before,
        .demo-16>footer:before {
            background-image: url(../../assets/images/demos-patterns/16.png);
            background-size: contain;
            background-repeat: repeat no-repeat;
            background-position-x: center;
            height: 100px
        }

        .demo-16#error-page header,
        .demo-16#error-page>footer {
            min-height: 210px
        }

        .demo-16#error-page>footer {
            padding-top: 100px
        }

        .demo-16 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/16.png) center center no-repeat;
            background-size: contain;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-16 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-16#comingSoon-page.style-1 main,
        .demo-16#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-16#comingSoon-page.style-1 main:after,
        .demo-16#comingSoon-page.style-1 main:before,
        .demo-16#comingSoon-page.style-3 main:after,
        .demo-16#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: contain
        }

        .demo-17 #innerPageTitle:before,
        .demo-17 #intro-section:before,
        .demo-17#comingSoon-page.style-1 main:after,
        .demo-17#comingSoon-page.style-1 main:before,
        .demo-17#comingSoon-page.style-3 main:after,
        .demo-17#comingSoon-page.style-3 main:before,
        .demo-17#error-page header:before,
        .demo-17>footer:before {
            background-image: url(../../assets/images/demos-patterns/17.png);
            background-size: contain;
            background-repeat: repeat no-repeat;
            background-position-x: center;
            height: 100px
        }

        .demo-17#error-page header,
        .demo-17#error-page>footer {
            min-height: 210px
        }

        .demo-17#error-page>footer {
            padding-top: 100px
        }

        .demo-17 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/17.png) center center no-repeat;
            background-size: contain;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-17 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-17#comingSoon-page.style-1 main,
        .demo-17#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-17#comingSoon-page.style-1 main:after,
        .demo-17#comingSoon-page.style-1 main:before,
        .demo-17#comingSoon-page.style-3 main:after,
        .demo-17#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: contain
        }

        .demo-18 #innerPageTitle:before,
        .demo-18 #intro-section:before,
        .demo-18#comingSoon-page.style-1 main:after,
        .demo-18#comingSoon-page.style-1 main:before,
        .demo-18#comingSoon-page.style-3 main:after,
        .demo-18#comingSoon-page.style-3 main:before,
        .demo-18#error-page header:before,
        .demo-18>footer:before {
            background-image: url(../../assets/images/demos-patterns/18.png);
            background-size: contain;
            background-repeat: repeat no-repeat;
            background-position-x: center;
            height: 100px
        }

        .demo-18#error-page header,
        .demo-18#error-page>footer {
            min-height: 210px
        }

        .demo-18#error-page>footer {
            padding-top: 100px
        }

        .demo-18 #team-section .card [class*=card-img]::before {
            height: 40px;
            top: inherit;
            background: url(../../assets/images/demos-patterns/18.png) center center no-repeat;
            background-size: contain;
            background-position: center 101%;
            background-repeat: repeat no-repeat
        }

        .demo-18 #team-section .card .card-title {
            padding-top: 10px
        }

        .demo-18#comingSoon-page.style-1 main,
        .demo-18#comingSoon-page.style-3 main {
            padding: 0
        }

        .demo-18#comingSoon-page.style-1 main:after,
        .demo-18#comingSoon-page.style-1 main:before,
        .demo-18#comingSoon-page.style-3 main:after,
        .demo-18#comingSoon-page.style-3 main:before {
            height: 100px;
            background-size: contain
        }

        @media (min-width:3000px) and (max-width:4420px) {
            #intro-section {
                padding-bottom: 250px
            }

            body>footer {
                padding: 380px 0 60px 0
            }
        }

        @media (min-width:1600px) and (max-width:2999px) {
            body>footer {
                padding: 220px 0 60px 0
            }
        }

        @media (min-width:1200px) {
            body>#header #navbar .navbar-nav .nav-item .nav-link {
                padding: 22px 15px 0
            }
        }

        @media (min-width:769px) and (max-width:1024px) {
            #download-section .app-screen {
                top: 40px;
                height: auto;
                width: 165px;
                transform: rotate(-25deg);
                right: -40%
            }

            #download-section.show .app-screen {
                right: -20px
            }

            #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage .card .card-body .clients-images img {
                width: 190px
            }
        }

        @media (min-width:992px) {
            body>#header #navbar .navbar-nav .nav-item .nav-link {
                padding: 22px 10px 0
            }

            #pricing-section .packages.style-2 [class*=col] {
                padding: 0
            }

            #pricing-section .packages.style-2 .plan {
                width: 100%
            }

            #pricing-section .packages.style-2 .plan.recommended {
                transform: scale(1.1)
            }

            #download-section.style-2 .download-btns [class*=btn] {
                margin-left: 0
            }
        }

        @media (max-width:991.98px) {

            .section-title,
            .section-title+p {
                text-align: center
            }

            .app-screen {
                max-width: 290px
            }

            body>#header #navbar #navbar-collapse {
                background: rgba(255, 255, 255, .9);
                position: fixed;
                height: 100%;
                width: 100%;
                top: 0;
                left: 100%;
                right: 0;
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center
            }

            body>#header #navbar #navbar-collapse .navbar-nav {
                padding: 0;
                margin: 0
            }

            body>#header #navbar #navbar-collapse .navbar-nav .nav-item .nav-link {
                color: #637282
            }

            body>#header #navbar #navbar-collapse .navbar-nav .nav-item .nav-link.active {
                color: var(--color-main)
            }

            body>#header #navbar #navbar-collapse .navbar-nav .nav-item:focus .nav-link:not(.active),
            body>#header #navbar #navbar-collapse .navbar-nav .nav-item:hover .nav-link:not(.active) {
                color: var(--color-main)
            }

            body>#header #navbar #navbar-collapse.show {
                left: 0
            }

            #innerPageTitle {
                min-height: 400px
            }

            #intro-section .jumbotron {
                text-align: center;
                padding-top: 100px
            }

            #intro-section .jumbotron h1 {
                font-size: 3rem
            }

            #intro-section .jumbotron img {
                max-width: 290px;
                margin-right: auto;
                height: auto;
                min-height: auto
            }

            #intro-section .jumbotron #pricing-section .plan.recommended li a[class*=btn],
            #intro-section .jumbotron .btn,
            #intro-section .jumbotron .btn-black,
            #intro-section .jumbotron .btn-gradient,
            #intro-section .jumbotron .btn-gray,
            #intro-section .jumbotron .btn-main,
            #intro-section .jumbotron .btn-secondary,
            #intro-section .jumbotron .btn-white-black,
            #intro-section .jumbotron .btn-white-gradient,
            #intro-section .jumbotron .btn-white-main,
            #intro-section .jumbotron .btn-white-secondary,
            #pricing-section .plan.recommended li #intro-section .jumbotron a[class*=btn] {
                margin-bottom: 5px
            }

            #testimonials-section.pb-0 {
                padding-bottom: 100px !important
            }

            #testimonials-section .section-title {
                margin-bottom: 20px
            }

            #testimonials-section #testimonials-carousel {
                flex-flow: column-reverse
            }

            #testimonials-section #testimonials-carousel .carousel {
                width: 60%
            }

            #testimonials-section #testimonials-carousel .carousel .owl-nav {
                right: 0;
                left: 0;
                margin-right: auto;
                margin-left: auto
            }

            #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage {
                height: 540px
            }

            #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage .card .card-body {
                padding: 0 35px 30px
            }

            #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage .card .card-body .feedback {
                text-align: center;
                margin-top: 10px
            }

            .blog-list.masonry-view .card-columns {
                column-count: 2
            }

            .col-lg-8>.blog-list.masonry-view .card-columns {
                column-count: 1
            }

            .col-lg-8>.blog-list.masonry-view .blog,
            .col-lg-8>.blog-list.masonry-view .card {
                display: block
            }

            #pricing-section .plan {
                margin-bottom: 30px
            }

            #download-section .app-screen {
                display: none
            }

            #contact-section .contacts-info {
                margin: auto;
                text-align: center
            }

            #contact-section.style-2 .contact-form {
                width: 90%;
                padding: 40px 30px
            }

            #comingSoon-page.style-2 main section::before {
                background: linear-gradient(to bottom, #fff 40%, var(--color-main), var(--color-secondary))
            }

            #comingSoon-page main {
                position: relative;
                overflow: visible
            }

            #comingSoon-page main #subscribe {
                width: 50%
            }

            #error-page header {
                min-height: 160px
            }

            #error-page footer {
                padding: 90px 0 10px 0
            }
        }

        @media (max-width:767.98px) {
            body>#header #navbar .navbar-nav .nav-item .nav-link {
                padding: 5px 10px
            }

            body>footer {
                padding: 140px 0 60px 0
            }

            #about-section .card {
                width: 80%;
                margin-right: auto;
                margin-left: auto
            }

            #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage {
                min-height: 570px
            }

            #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage .card .card-body {
                width: 100%;
                padding: 0 5px 30px
            }

            #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage .card .card-body .clients-images img {
                margin-top: 30px
            }

            #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-nav {
                width: fit-content;
                width: -moz-fit-content;
                top: inherit;
                bottom: 30px
            }

            #testimonials-section #testimonials-carousel .carousel {
                width: 100%
            }

            #testimonials-section #testimonials-carousel .carousel .card {
                width: 100%
            }

            #testimonials-section #testimonials-carousel .clients-images {
                margin: 20px auto
            }

            #testimonials-section #testimonials-carousel .clients-images.style-1 img {
                right: 50px;
                width: 210px;
                height: auto
            }

            #testimonials-section #testimonials-carousel .clients-images.style-1:after {
                bottom: 115px;
                width: 190px
            }

            #screenshots-section #screenshots-carousel .owl-carousel .owl-item {
                transform: scale(.6)
            }

            #screenshots-section #screenshots-carousel .owl-carousel .owl-item.center {
                transform: scale(.8)
            }

            #screenshots-section #screenshots-carousel .owl-carousel .owl-item img {
                min-height: 340px
            }

            #pricing-section,
            #team-section {
                overflow-x: hidden
            }

            .blog-list.masonry-view .card-columns {
                column-count: 1
            }

            .blog-list.masonry-view .card-columns .blog,
            .blog-list.masonry-view .card-columns .card {
                display: block
            }

            .col-lg-8>.blog-list.masonry-view .card-columns {
                column-count: 1
            }

            .col-lg-8>.blog-list.masonry-view .card-columns .blog,
            .col-lg-8>.blog-list.masonry-view .card-columns .card {
                display: block
            }

            .blog [class*=card-img],
            .blog [class*=card-img] img {
                height: auto
            }

            #single-blog .post .info {
                flex-flow: column
            }

            #single-blog #aboutAuthor .media .media-heading small {
                display: block;
                margin: 5px 0 12px
            }

            #single-blog #comments .comment .media .media-heading {
                align-items: flex-start;
                flex-flow: column;
                margin-bottom: 0
            }

            #single-blog .userImage {
                height: 70px;
                width: 70px
            }

            #image-modal .modal-dialog .modal-content .close,
            #video-modal .modal-dialog .modal-content .close {
                right: 0
            }

            #error-page header {
                min-height: 130px
            }

            #error-page footer {
                padding: 80px 0 10px 0
            }

            #comingSoon-page main #subscribe {
                width: 80%
            }

            #download-section .download-btns [class*=btn] {
                margin: 15px auto;
                display: block
            }
        }

        @media (max-width:320px) {
            #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage .card .card-body .clients-images img {
                width: 100%
            }
        }

        @media screen and (-webkit-min-device-pixel-ratio:0) {

            .mask,
            ::i-block-chrome {
                opacity: .9
            }
        }

        @media (min-height:650px) {
            #error-page {
                position: static
            }

            #error-page footer {
                position: absolute;
                bottom: 0;
                width: 100%;
                padding: 170px 0 10px 0
            }

            #error-page main {
                position: absolute;
                width: 100%;
                top: 0;
                bottom: 0;
                margin: auto
            }
        }

        body[dir=rtl] {
            font-family: var(--font-rtl);
            direction: rtl;
            text-align: right
        }

        body[dir=rtl] .list-inline {
            padding-right: 0
        }

        body[dir=rtl] .list-inline-item:not(:first-child) {
            margin-right: .5rem
        }

        body[dir=rtl] .list-inline-item:first-child {
            margin-right: 0
        }

        body[dir=rtl]>#header #navbar .navbar-nav {
            margin-left: inherit;
            margin-right: auto
        }

        body[dir=rtl] .section-title :not(i):not(p):not(small),
        body[dir=rtl] .title :not(i):not(p):not(small) {
            letter-spacing: -1px
        }

        body[dir=rtl] .style-2.section-title:before,
        body[dir=rtl] .title.style-2:before {
            left: inherit;
            right: 0
        }

        body[dir=rtl] section .container::before {
            transform: scale(-1, 1)
        }

        .owl-carousel body[dir=rtl] .owl-nav>div::before,
        body[dir=rtl] .carousel-navigation>div::before,
        body[dir=rtl] .owl-carousel .owl-nav>div::before {
            transform: scale(-1, 1);
            display: block
        }

        body[dir=rtl] #intro-section .jumbotron img {
            margin-right: auto;
            margin-left: 0
        }

        body[dir=rtl] #subscribe i {
            transform: scale(-1, 1)
        }

        body[dir=rtl] #subscribe .input-group .form-control {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border-top-right-radius: 25px;
            border-bottom-right-radius: 25px
        }

        body[dir=rtl] #subscribe #mc_embed_signup_scroll {
            position: relative;
            overflow: hidden
        }

        #pricing-section .plan.recommended li body[dir=rtl] .input-group-btn:not(:first-child) a[class*=btn],
        #pricing-section .plan.recommended li body[dir=rtl] .input-group-btn:not(:last-child) a[class*=btn],
        body[dir=rtl] .input-group-btn:not(:first-child) #pricing-section .plan.recommended li a[class*=btn],
        body[dir=rtl] .input-group-btn:not(:first-child) .btn,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-black,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-gradient,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-gray,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-main,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-secondary,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-white-black,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-white-gradient,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-white-main,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-white-secondary,
        body[dir=rtl] .input-group-btn:not(:last-child) #pricing-section .plan.recommended li a[class*=btn],
        body[dir=rtl] .input-group-btn:not(:last-child) .btn,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-black,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-gradient,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-gray,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-main,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-secondary,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-white-black,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-white-gradient,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-white-main,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-white-secondary {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-top-left-radius: 25px;
            border-bottom-left-radius: 25px
        }

        #pricing-section .plan.recommended li body[dir=rtl] .input-group-btn:not(:first-child) a:focus[class*=btn],
        #pricing-section .plan.recommended li body[dir=rtl] .input-group-btn:not(:first-child) a:hover[class*=btn],
        #pricing-section .plan.recommended li body[dir=rtl] .input-group-btn:not(:last-child) a:focus[class*=btn],
        #pricing-section .plan.recommended li body[dir=rtl] .input-group-btn:not(:last-child) a:hover[class*=btn],
        body[dir=rtl] .input-group-btn:not(:first-child) #pricing-section .plan.recommended li a:focus[class*=btn],
        body[dir=rtl] .input-group-btn:not(:first-child) #pricing-section .plan.recommended li a:hover[class*=btn],
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-black:focus,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-black:hover,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-gradient:focus,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-gradient:hover,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-gray:focus,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-gray:hover,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-main:focus,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-main:hover,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-secondary:focus,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-secondary:hover,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-white-black:focus,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-white-black:hover,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-white-gradient:focus,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-white-gradient:hover,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-white-main:focus,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-white-main:hover,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-white-secondary:focus,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn-white-secondary:hover,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn:focus,
        body[dir=rtl] .input-group-btn:not(:first-child) .btn:hover,
        body[dir=rtl] .input-group-btn:not(:last-child) #pricing-section .plan.recommended li a:focus[class*=btn],
        body[dir=rtl] .input-group-btn:not(:last-child) #pricing-section .plan.recommended li a:hover[class*=btn],
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-black:focus,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-black:hover,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-gradient:focus,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-gradient:hover,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-gray:focus,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-gray:hover,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-main:focus,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-main:hover,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-secondary:focus,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-secondary:hover,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-white-black:focus,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-white-black:hover,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-white-gradient:focus,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-white-gradient:hover,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-white-main:focus,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-white-main:hover,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-white-secondary:focus,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn-white-secondary:hover,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn:focus,
        body[dir=rtl] .input-group-btn:not(:last-child) .btn:hover {
            border-top-left-radius: 25px;
            border-bottom-left-radius: 25px
        }

        body[dir=rtl] .form .form-group .invalid-tooltip,
        body[dir=rtl] .form .form-group .valid-tooltip,
        body[dir=rtl] form .form-group .invalid-tooltip,
        body[dir=rtl] form .form-group .valid-tooltip {
            right: inherit;
            left: 0
        }

        body[dir=rtl] .form .input-group-prepend,
        body[dir=rtl] form .input-group-prepend {
            margin-left: 0
        }

        body[dir=rtl] .form .input-group .input-group-append,
        body[dir=rtl] form .input-group .input-group-append {
            right: inherit;
            left: 20px
        }

        body[dir=rtl] .form.was-validated .form-control,
        body[dir=rtl] form.was-validated .form-control {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 50px
        }

        body[dir=rtl] #contact-section .contact-form .form-group .invalid-tooltip,
        body[dir=rtl] #contact-section .contact-form .form-group .valid-tooltip {
            right: inherit;
            left: 0
        }

        body[dir=rtl] #fqa-section #accordion .card .card-header h6::before {
            right: inherit;
            left: 0
        }

        body[dir=rtl] .blog .card-body [class*=btn] {
            right: inherit;
            left: 10px
        }

        body[dir=rtl] .blog .card-body [class*=btn] i {
            transform: scaleX(-1)
        }

        body[dir=rtl] #sidebar .list-group {
            padding-right: 0
        }

        body[dir=rtl] #sidebar .search .form .input-group .input-group-append {
            right: inherit;
            left: 0
        }

        body[dir=rtl] #sidebar .categories li:after,
        body[dir=rtl] #sidebar .categories li:before {
            left: inherit;
            right: 0
        }

        body[dir=rtl] #sidebar .categories li:before {
            right: 4px
        }

        body[dir=rtl] #sidebar .categories li a[data-toggle=collapse] .cat_name:before {
            left: 10px;
            right: inherit
        }

        body[dir=rtl] #single-blog .post .info .tags ul::before {
            margin-right: 0;
            margin-left: 10px
        }

        body[dir=rtl] #single-blog #comments .comment .commentActions {
            right: inherit;
            left: 0
        }

        body[dir=rtl] #single-blog #comments .comment .commentActions i {
            transform: scaleX(-1)
        }

        body[dir=rtl] #testimonials-section #testimonials-carousel.style-2 .carousel .owl-carousel .owl-stage-outer .owl-stage .card .card-body .quote {
            left: 30px;
            right: inherit
        }

        body[dir=rtl] #testimonials-section .carousel .owl-nav {
            left: 18px;
            margin-left: 0;
            right: inherit;
            margin-right: auto;
            direction: ltr
        }

        body[dir=rtl]#comingSoon-page.style-2 main section::before {
            transform: scaleX(-1)
        }

        @media (max-width:991.98px) {
            body[dir=rtl] #intro-section .jumbotron img {
                margin: 0 auto 80px
            }

            body[dir=rtl]>#header #navbar #navbar-collapse {
                left: 0;
                right: 100%
            }

            body[dir=rtl]>#header #navbar #navbar-collapse.show {
                right: 0
            }
        }