@import url(https://fonts.googleapis.com/css2?family=Niramit:wght@200;300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Khula:wght@300;400;600;700;800&display=swap);

        .col,
        legend {
            max-width: 100%
        }

        .badge,
        .btn,
        .input-group-text,
        .navbar-brand {
            white-space: nowrap
        }

        .input-group-text input[type=radio],
        dl,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        input[type=checkbox],
        ol,
        p,
        ul {
            margin-top: 0
        }

        .blockquote,
        .form-group,
        address,
        dl,
        hr,
        ol,
        p,
        pre,
        ul {
            margin-bottom: 1rem
        }

        body,
        caption {
            text-align: left
        }

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

        pre,
        textarea {
            overflow: auto
        }

        html,
        pre {
            -ms-overflow-style: scrollbar;
        }

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

        address,
        legend {
            line-height: inherit
        }

        progress,
        sub,
        sup {
            vertical-align: baseline
        }

        button,
        hr,
        input {
            overflow: visible
        }

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

        .btn,
        .custom-control-label::before {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none
        }

        .breadcrumb-item+.breadcrumb-item:hover::before,
        .btn:focus,
        .btn:hover,
        .card-link:hover,
        .nav-link:focus,
        .nav-link:hover,
        .navbar-brand:focus,
        .navbar-brand:hover,
        .navbar-toggler:focus,
        .navbar-toggler:hover,
        a {
            text-decoration: none
        }

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

        .btn:not(:disabled):not(.disabled),
        .close:not(:disabled):not(.disabled),
        .intl-tel-input.allow-dropdown .flag-container:hover,
        .intl-tel-input.iti-container:hover,
        .navbar-toggler:not(:disabled):not(.disabled),
        .page-link:not(:disabled):not(.disabled),
        summary {
            cursor: pointer
        }

        .btn-outline-danger,
        .btn-outline-dark,
        .btn-outline-info,
        .btn-outline-light,
        .btn-outline-primary,
        .btn-outline-secondary,
        .btn-outline-success,
        .btn-outline-warning,
        .btn:not(:disabled):not(.disabled).active,
        .btn:not(:disabled):not(.disabled):active {
            background-image: none
        }

        .dropdown-menu,
        .nav,
        .navbar-nav {
            list-style: none
        }

        .slick-slider,
        html {
            -webkit-tap-highlight-color: transparent
        }

        *,
        .intl-tel-input *,
        .slick-slider,
        ::after,
        ::before {
            box-sizing: border-box
        }

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

        html {
            font-family: sans-serif;
            line-height: 1.15;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%
        }

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

        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;
            background-color: #fff
        }

        .alert-link,
        dt,
        kbd kbd {
            font-weight: 700
        }

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

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

        address {
            font-style: normal
        }

        .btn-group-toggle>.btn,
        .btn-group-toggle>.btn-group>.btn,
        .card-text:last-child,
        .custom-control-label,
        .form-check-label,
        .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden,
        .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden,
        .modal-title,
        ol ol,
        ol ul,
        ul ol,
        ul ul {
            margin-bottom: 0
        }

        .btn-group>.btn:first-child,
        .dropdown-toggle-split::after,
        .dropdown-toggle:empty::after,
        .dropleft .dropdown-toggle:empty::after,
        .dropright .dropdown-toggle:empty::after,
        .dropup .dropdown-toggle:empty::after,
        .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden,
        dd {
            margin-left: 0
        }

        blockquote,
        figure {
            margin: 0 0 1rem
        }

        dfn {
            font-style: italic
        }

        b,
        strong {
            font-weight: bolder
        }

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

        .btn,
        .intl-tel-input .country-list .country-name,
        .intl-tel-input .country-list .dial-code,
        .intl-tel-input .country-list .flag-box,
        img {
            vertical-align: middle
        }

        sub {
            bottom: -.25em
        }

        sup {
            top: -.5em
        }

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

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

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

        .btn.focus,
        .btn:focus,
        .slick-dots li button:focus,
        .slick-dots li button:hover,
        .slick-list:focus,
        a:not([href]):not([tabindex]):focus {
            outline: 0
        }

        code,
        kbd,
        pre,
        samp {
            font-size: 1em
        }

        img {
            border-style: none
        }

        .collapsing,
        .modal,
        .modal-open,
        .progress,
        svg:not(:root) {
            overflow: hidden
        }

        table {
            border-collapse: collapse
        }

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

        th {
            text-align: inherit
        }

        .figure,
        .list-inline-item,
        label,
        output {
            display: inline-block
        }

        button {
            border-radius: 0
        }

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

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

        button,
        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 {
            resize: vertical
        }

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

        .figure-img,
        legend {
            margin-bottom: .5rem
        }

        legend {
            width: 100%;
            padding: 0;
            font-size: 1.5rem;
            color: inherit;
            white-space: normal
        }

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

        .display-1,
        .display-2,
        .display-3,
        .display-4 {
            line-height: 1.2
        }

        summary {
            display: list-item
        }

        .badge:empty,
        .collapse,
        .intl-tel-input .hide,
        .navbar-expand .navbar-toggler,
        .popover-header:empty,
        .slick-arrow.slick-hidden,
        .slick-slide.slick-loading img,
        .tab-content>.tab-pane,
        template {
            display: none
        }

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

        .display-1,
        .display-2,
        .display-3,
        .display-4,
        .lead {
            font-weight: 300
        }

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

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

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

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

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

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

        .display-1 {
            font-size: 6rem
        }

        .display-2 {
            font-size: 5.5rem
        }

        .display-3 {
            font-size: 4.5rem
        }

        .display-4 {
            font-size: 3.5rem
        }

        .btn,
        .btn-link,
        .dropdown-item,
        .small,
        small {
            font-weight: 400
        }

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

        .small,
        small {
            font-size: 80%
        }

        code,
        kbd,
        pre {
            font-size: 87.5%
        }

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

        .carousel-indicators .active,
        .img-thumbnail,
        .table .table {
            background-color: #fff
        }

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

        .bs-popover-auto[x-placement^=left],
        .bs-popover-left,
        .list-inline-item:not(:last-child) {
            margin-right: .5rem
        }

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

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

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

        .img-thumbnail {
            padding: .25rem;
            border: 1px solid #dee2e6;
            border-radius: .25rem
        }

        .figure-img {
            line-height: 1
        }

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

        .alert-heading,
        a>code,
        pre code {
            color: inherit
        }

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

        code {
            color: #e83e8c;
            word-break: break-word
        }

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

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

        pre {
            margin-top: 0;
            display: block;
            color: #212529
        }

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

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

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

        .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: -15px;
            margin-left: -15px
        }

        .top-info-list li:nth-child(3) a {
            color: #25d366
        }

        .card>hr,
        .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden,
        .no-gutters {
            margin-right: 0;
            margin-left: 0
        }

        .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.input-group-text,
        .input-group-lg>.input-group-prepend>.form-control-plaintext.btn,
        .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.input-group-text,
        .input-group-sm>.input-group-prepend>.form-control-plaintext.btn,
        .input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text,
        .navbar-nav .nav-link,
        .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 {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1
        }

        .col-1,
        .col-10,
        .col-11,
        .col-2,
        .col-3,
        .col-4,
        .col-5,
        .col-6,
        .col-7,
        .col-8,
        .col-9,
        .col-auto {
            -webkit-box-flex: 0
        }

        .col-auto {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: none
        }

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

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

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

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

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

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

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

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

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

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

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

        .col-12,
        .table {
            max-width: 100%
        }

        .col-12 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%
        }

        .order-first {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1
        }

        .order-last {
            -webkit-box-ordinal-group: 14;
            -ms-flex-order: 13;
            order: 13
        }

        .order-0 {
            -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
            order: 0
        }

        .order-1 {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .order-2 {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

        .order-3 {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3
        }

        .order-4 {
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4
        }

        .order-5 {
            -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
            order: 5
        }

        .order-6 {
            -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
            order: 6
        }

        .order-7 {
            -webkit-box-ordinal-group: 8;
            -ms-flex-order: 7;
            order: 7
        }

        .order-8 {
            -webkit-box-ordinal-group: 9;
            -ms-flex-order: 8;
            order: 8
        }

        .order-9 {
            -webkit-box-ordinal-group: 10;
            -ms-flex-order: 9;
            order: 9
        }

        .order-10 {
            -webkit-box-ordinal-group: 11;
            -ms-flex-order: 10;
            order: 10
        }

        .order-11 {
            -webkit-box-ordinal-group: 12;
            -ms-flex-order: 11;
            order: 11
        }

        .order-12 {
            -webkit-box-ordinal-group: 13;
            -ms-flex-order: 12;
            order: 12
        }

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

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

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

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

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

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

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

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

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

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

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

        .table {
            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-sm td,
        .table-sm th {
            padding: .3rem
        }

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

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

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

        .intl-tel-input .country-list .country.highlight,
        .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag,
        .table-striped tbody tr:nth-of-type(odd) {
            background-color: rgba(0, 0, 0, .05)
        }

        .table-active,
        .table-active>td,
        .table-active>th,
        .table-hover .table-active:hover,
        .table-hover .table-active:hover>td,
        .table-hover .table-active:hover>th,
        .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,
        .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,
        .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,
        .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,
        .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,
        .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,
        .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,
        .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 .thead-dark th,
        .table-dark {
            color: #fff;
            background-color: #212529
        }

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

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

        .table-dark.table-bordered,
        .table-responsive>.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)
        }

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

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

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

        .form-control:focus {
            color: #495057;
            background-color: #fff;
            border-color: #80bdff;
            outline: 0
        }

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

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

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

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

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

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

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

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

        .btn-block,
        .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;
            background-color: transparent;
            border: solid transparent;
            border-width: 1px 0
        }

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

        .input-group-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: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)
        }

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

        .input-group-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: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-text {
            display: block;
            margin-top: .25rem
        }

        .form-row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            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
        }

        .breadcrumb-item.active,
        .btn-link.disabled,
        .btn-link:disabled,
        .custom-control-input:disabled~.custom-control-label,
        .form-check-input:disabled~.form-check-label,
        .nav-link.disabled {
            color: #6c757d
        }

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

        .invalid-tooltip,
        .valid-tooltip {
            position: absolute;
            z-index: 5;
            display: none;
            max-width: 100%;
            padding: .5rem;
            line-height: 1;
            border-radius: .2rem;
            top: 100%
        }

        .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 {
            margin-top: .1rem;
            font-size: .875rem;
            color: #fff;
            background-color: rgba(40, 167, 69, .8)
        }

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

        .alert,
        .btn .badge,
        .card,
        .carousel,
        .collapsing,
        .dropdown,
        .dropup,
        .list-group-item,
        .navbar,
        .page-link {
            position: relative
        }

        .breadcrumb,
        .btn-toolbar,
        .card,
        .card-deck,
        .card-group,
        .form-inline,
        .input-group,
        .input-group>.custom-file,
        .list-group,
        .media,
        .modal-content,
        .modal-dialog-centered,
        .modal-header,
        .navbar-nav,
        .pagination,
        .progress,
        .progress-bar {
            display: -webkit-box;
            display: -ms-flexbox
        }

        .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-checkbox .custom-control-input:disabled:checked~.custom-control-label::before,
        .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
            background-color: rgba(0, 123, 255, .5)
        }

        .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;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .btn-group-vertical,
        .card,
        .card-deck,
        .card-group,
        .list-group,
        .modal-content,
        .navbar-nav,
        .progress-bar {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal
        }

        .navbar-expand,
        .navbar-expand .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal
        }

        .btn-group-vertical .btn,
        .btn-group-vertical .btn-group,
        .form-inline .form-check,
        .intl-tel-input,
        .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
        .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
        input[type=button].btn-block,
        input[type=reset].btn-block,
        input[type=submit].btn-block {
            width: 100%
        }

        .btn {
            display: inline-block;
            text-align: center;
            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
        }

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

        .slick-slide.dragging img,
        a.btn.disabled,
        fieldset:disabled a.btn {
            pointer-events: none
        }

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

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

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

        .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-outline-secondary:hover,
        .btn-outline-secondary:not(:disabled):not(.disabled).active,
        .btn-outline-secondary:not(:disabled):not(.disabled):active,
        .btn-secondary,
        .btn-secondary.disabled,
        .btn-secondary:disabled,
        .show>.btn-outline-secondary.dropdown-toggle {
            color: #fff;
            background-color: #6c757d;
            border-color: #6c757d
        }

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

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

        .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-outline-success:hover,
        .btn-outline-success:not(:disabled):not(.disabled).active,
        .btn-outline-success:not(:disabled):not(.disabled):active,
        .btn-success,
        .btn-success.disabled,
        .btn-success:disabled,
        .show>.btn-outline-success.dropdown-toggle {
            color: #fff;
            background-color: #28a745;
            border-color: #28a745
        }

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

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

        .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-info,
        .btn-info.disabled,
        .btn-info:disabled,
        .btn-outline-info:hover,
        .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-info:hover {
            color: #fff;
            background-color: #138496;
            border-color: #117a8b
        }

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

        .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-outline-warning:hover,
        .btn-outline-warning:not(:disabled):not(.disabled).active,
        .btn-outline-warning:not(:disabled):not(.disabled):active,
        .btn-warning,
        .btn-warning.disabled,
        .btn-warning:disabled,
        .show>.btn-outline-warning.dropdown-toggle {
            color: #212529;
            background-color: #ffc107;
            border-color: #ffc107
        }

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

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

        .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-danger,
        .btn-danger.disabled,
        .btn-danger:disabled,
        .btn-outline-danger:hover,
        .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-danger:hover {
            color: #fff;
            background-color: #c82333;
            border-color: #bd2130
        }

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

        .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-light,
        .btn-light.disabled,
        .btn-light:disabled,
        .btn-outline-light:hover,
        .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-light:hover {
            color: #212529;
            background-color: #e2e6ea;
            border-color: #dae0e5
        }

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

        .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-dark,
        .btn-dark.disabled,
        .btn-dark:disabled,
        .btn-outline-dark:hover,
        .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-dark:hover {
            color: #fff;
            background-color: #23272b;
            border-color: #1d2124
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .btn-link:hover {
            color: #0056b3;
            background-color: transparent
        }

        .btn-link.focus,
        .btn-link:focus {
            box-shadow: none
        }

        .dropdown-toggle::after,
        .dropup .dropdown-toggle::after {
            width: 0;
            height: 0;
            vertical-align: .255em;
            content: "";
            border-right: .3em solid transparent;
            border-left: .3em solid transparent
        }

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

        .fade {
            opacity: 0;
            transition: opacity .15s linear
        }

        .fade.show,
        .slick-dots li button:focus:before,
        .slick-dots li button:hover:before,
        .slick-next:focus:before,
        .slick-next:hover:before,
        .slick-prev:focus:before,
        .slick-prev:hover:before {
            opacity: 1
        }

        .carousel-item-next,
        .carousel-item-prev,
        .carousel-item.active,
        .collapse.show,
        .dropdown-menu.show,
        .nav-link,
        .slick-initialized .slick-slide,
        .slick-slide img,
        .tab-content>.active {
            display: block
        }

        tr.collapse.show {
            display: table-row
        }

        tbody.collapse.show {
            display: table-row-group
        }

        .collapsing {
            height: 0;
            transition: height .35s
        }

        .dropdown-toggle::after {
            display: inline-block;
            margin-left: .255em;
            border-top: .3em solid;
            border-bottom: 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;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid rgba(0, 0, 0, .15);
            border-radius: .25rem
        }

        .dropdown-header,
        .dropdown-item {
            display: block;
            white-space: nowrap
        }

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

        .dropup .dropdown-toggle::after {
            display: inline-block;
            margin-left: .255em;
            border-top: 0;
            border-bottom: .3em solid
        }

        .dropleft .dropdown-toggle::before,
        .dropright .dropdown-toggle::after {
            width: 0;
            border-top: .3em solid transparent;
            border-bottom: .3em solid transparent;
            height: 0;
            content: ""
        }

        .dropright .dropdown-menu {
            margin-top: 0;
            margin-left: .125rem
        }

        .dropright .dropdown-toggle::after {
            display: inline-block;
            margin-left: .255em;
            border-left: .3em solid;
            vertical-align: 0
        }

        .dropleft .dropdown-menu {
            margin-top: 0;
            margin-right: .125rem
        }

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

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

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

        .custom-file-input:focus~.custom-file-control::before,
        .custom-select:focus {
            border-color: #80bdff
        }

        .dropdown-item {
            width: 100%;
            padding: .25rem 1.5rem;
            clear: both;
            color: #212529;
            text-align: inherit;
            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-header {
            padding: .5rem 1.5rem;
            margin-bottom: 0;
            font-size: .875rem;
            color: #6c757d
        }

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

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

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

        .btn-group .btn+.btn,
        .btn-group .btn+.btn-group,
        .btn-group .btn-group+.btn,
        .btn-group .btn-group+.btn-group,
        .btn-group-vertical .btn+.btn,
        .btn-group-vertical .btn+.btn-group,
        .btn-group-vertical .btn-group+.btn,
        .btn-group-vertical .btn-group+.btn-group,
        .input-group-append,
        .input-group-append .btn+.btn,
        .input-group-append .btn+.input-group-text,
        .input-group-append .input-group-text+.btn,
        .input-group-append .input-group-text+.input-group-text,
        .input-group-prepend .btn+.btn,
        .input-group-prepend .btn+.input-group-text,
        .input-group-prepend .input-group-text+.btn,
        .input-group-prepend .input-group-text+.input-group-text,
        .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
        }

        .btn-toolbar {
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

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

        .btn-group>.btn-group:not(:last-child)>.btn,
        .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
        .input-group>.custom-file:not(:last-child) .custom-file-label,
        .input-group>.custom-file:not(:last-child) .custom-file-label::before,
        .input-group>.custom-select:not(:last-child),
        .input-group>.form-control:not(:last-child),
        .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
        .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
        .input-group>.input-group-append:not(:last-child)>.btn,
        .input-group>.input-group-append:not(:last-child)>.input-group-text,
        .input-group>.input-group-prepend>.btn,
        .input-group>.input-group-prepend>.input-group-text {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .btn-group>.btn-group:not(:first-child)>.btn,
        .btn-group>.btn:not(:first-child),
        .input-group>.custom-file:not(:first-child) .custom-file-label,
        .input-group>.custom-file:not(:first-child) .custom-file-label::before,
        .input-group>.custom-select:not(:first-child),
        .input-group>.form-control:not(:first-child),
        .input-group>.input-group-append>.btn,
        .input-group>.input-group-append>.input-group-text,
        .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
        .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
        .input-group>.input-group-prepend:not(:first-child)>.btn,
        .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

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

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

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

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

        .btn-group-vertical>.btn+.btn,
        .btn-group-vertical>.btn+.btn-group,
        .btn-group-vertical>.btn-group+.btn,
        .btn-group-vertical>.btn-group+.btn-group {
            margin-top: -1px;
            margin-left: 0
        }

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

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

        .custom-select,
        .input-group-text {
            line-height: 1.5;
            border: 1px solid #ced4da
        }

        .custom-checkbox .custom-control-label::before,
        .custom-select,
        .input-group-text,
        .nav-pills .nav-link {
            border-radius: .25rem
        }

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

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

        .input-group>.custom-file,
        .input-group>.custom-select,
        .input-group>.form-control {
            position: relative;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            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 {
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .input-group-append,
        .input-group-prepend {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .input-group-text,
        .nav {
            display: -webkit-box;
            display: -ms-flexbox;
            margin-bottom: 0
        }

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

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

        .input-group-text {
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: .375rem .75rem;
            font-size: 1rem;
            font-weight: 400;
            color: #495057;
            text-align: center;
            background-color: #e9ecef
        }

        .nav,
        .navbar {
            -ms-flex-wrap: wrap
        }

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

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

        .custom-control-inline {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            margin-right: 1rem
        }

        .custom-file,
        .custom-select {
            display: inline-block;
            width: 100%
        }

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

        .badge-primary,
        .custom-control-input:checked~.custom-control-label::before,
        .nav-pills .nav-link.active,
        .nav-pills .show>.nav-link {
            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::before {
            background-color: #e9ecef
        }

        .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-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:indeterminate~.custom-control-label::before {
            background-color: rgba(0, 123, 255, .5)
        }

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

        .custom-radio .custom-control-input:checked~.custom-control-label::after {
            background-image: url("data:image/svg+xml;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-select {
            height: calc(2.25rem + 2px);
            padding: .375rem 1.75rem .375rem .75rem;
            color: #495057;
            vertical-align: middle;
            background: 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") right .75rem center/8px 10px no-repeat #fff;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        .custom-select-lg,
        .custom-select-sm {
            padding-top: .375rem;
            padding-bottom: .375rem
        }

        .custom-select:focus {
            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);
            font-size: 75%
        }

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

        .custom-file-label,
        .custom-file-label::after {
            padding: .375rem .75rem;
            color: #495057;
            top: 0;
            line-height: 1.5;
            right: 0
        }

        .custom-file {
            position: relative;
            margin-bottom: 0
        }

        .custom-file-input {
            position: relative;
            z-index: 2;
            width: 100%;
            margin: 0;
            opacity: 0
        }

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

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

        .custom-file-label {
            position: absolute;
            left: 0;
            z-index: 1;
            background-color: #fff;
            border: 1px solid #ced4da;
            border-radius: .25rem
        }

        .intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,
        .intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag,
        .iti-flag.np,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
        .nav-tabs .nav-link.disabled,
        .navbar-toggler,
        button.close {
            background-color: transparent
        }

        .custom-file-label::after {
            position: absolute;
            bottom: 0;
            z-index: 3;
            display: block;
            height: calc(calc(2.25rem + 2px) - 1px * 2);
            content: "Browse";
            background-color: #e9ecef;
            border-left: 1px solid #ced4da;
            border-radius: 0 .25rem .25rem 0
        }

        .nav {
            display: flex;
            flex-wrap: wrap;
            padding-left: 0
        }

        .nav-link,
        .navbar {
            padding: .5rem 1rem
        }

        .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;
            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-fill .nav-item {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            text-align: center
        }

        .nav-justified .nav-item {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            text-align: center
        }

        .navbar {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .navbar>.container,
        .navbar>.container-fluid {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            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
        }

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

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

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

        .card-img-overlay,
        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .close,
        [dir=rtl] .slick-slide {
            float: right
        }

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

        .navbar-collapse {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

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

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

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

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

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

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

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

        .navbar-expand {
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

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

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

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

        .navbar-expand>.container,
        .navbar-expand>.container-fluid {
            padding-right: 0;
            padding-left: 0;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }

        .navbar-light .navbar-brand,
        .navbar-light .navbar-brand:focus,
        .navbar-light .navbar-brand:hover,
        .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,
        .navbar-light .navbar-text a,
        .navbar-light .navbar-text a:focus,
        .navbar-light .navbar-text a:hover {
            color: rgba(0, 0, 0, .9)
        }

        .navbar-light .navbar-nav .nav-link,
        .navbar-light .navbar-text {
            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-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-dark .navbar-brand,
        .navbar-dark .navbar-brand:focus,
        .navbar-dark .navbar-brand:hover,
        .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,
        .navbar-dark .navbar-text a,
        .navbar-dark .navbar-text a:focus,
        .navbar-dark .navbar-text a:hover {
            color: #fff
        }

        .navbar-dark .navbar-nav .nav-link,
        .navbar-dark .navbar-text {
            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-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")
        }

        .card {
            display: flex;
            -ms-flex-direction: column;
            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
        }

        .modal-content,
        .popover {
            background-clip: padding-box
        }

        .card>.list-group:first-child .list-group-item: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 {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            padding: 1.25rem
        }

        .card-footer,
        .card-header {
            padding: .75rem 1.25rem;
            background-color: rgba(0, 0, 0, .03)
        }

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

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

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

        .card-header {
            margin-bottom: 0;
            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,
        .list-group-flush:first-child .list-group-item:first-child {
            border-top: 0
        }

        .card-footer {
            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-bottom: -.75rem;
            border-bottom: 0
        }

        .card-img-overlay {
            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)
        }

        .breadcrumb,
        .pagination {
            border-radius: .25rem;
            list-style: none
        }

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

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

        .breadcrumb {
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: .75rem 1rem;
            margin-bottom: 1rem;
            background-color: #e9ecef
        }

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

        .pagination {
            display: flex;
            padding-left: 0
        }

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

        .badge,
        .close {
            font-weight: 700;
            line-height: 1
        }

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

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

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

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

        .page-item.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%;
            text-align: center;
            vertical-align: baseline;
            border-radius: .25rem
        }

        .btn .badge {
            top: -1px
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            to {
                background-position: 0 0
            }
        }

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

            to {
                background-position: 0 0
            }
        }

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

        .progress-bar {
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            color: #fff;
            text-align: center;
            background-color: #007bff;
            transition: width .6s
        }

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

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

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

        .media-body {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .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 {
            display: block;
            padding: .75rem 1.25rem;
            margin-bottom: -1px;
            background-color: #fff;
            border: 1px solid rgba(0, 0, 0, .125)
        }

        .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: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 {
            font-size: 1.5rem;
            color: #000;
            text-shadow: 0 1px 0 #fff;
            opacity: .5
        }

        .popover,
        .tooltip {
            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;
            text-transform: none;
            letter-spacing: normal;
            word-break: normal;
            word-spacing: normal;
            line-break: auto;
            font-size: .875rem;
            word-wrap: break-word;
            text-decoration: none;
            white-space: normal
        }

        .modal-title,
        .popover,
        .tooltip {
            line-height: 1.5
        }

        .popover,
        .text-hide,
        .tooltip {
            text-shadow: none
        }

        .close:focus,
        .close:hover {
            color: #000;
            text-decoration: none;
            opacity: .75
        }

        .modal-backdrop.fade,
        .tooltip {
            opacity: 0
        }

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

        .modal {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1050;
            display: none;
            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;
            transition: transform .3s ease-out, -webkit-transform .3s ease-out;
            -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%)
        }

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

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

        .modal-content {
            position: relative;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            width: 100%;
            pointer-events: auto;
            background-color: #fff;
            border: 1px solid rgba(0, 0, 0, .2);
            border-radius: .3rem;
            outline: 0
        }

        .flex-column,
        .flex-row {
            -webkit-box-direction: normal !important
        }

        .modal-backdrop {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1040;
            background-color: #000
        }

        .modal-backdrop.show {
            opacity: .5
        }

        .modal-header {
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            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-body {
            position: relative;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            padding: 1rem
        }

        .modal-footer {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            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
        }

        .tooltip {
            position: absolute;
            z-index: 1070;
            display: block;
            margin: 0;
            text-align: left;
            text-align: start
        }

        .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^=bottom],
        .bs-tooltip-auto[x-placement^=top],
        .bs-tooltip-bottom,
        .bs-tooltip-top {
            padding: .4rem 0
        }

        .bs-tooltip-auto[x-placement^=top] .arrow,
        .bs-tooltip-top .arrow,
        .fixed-bottom,
        .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
            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^=left],
        .bs-tooltip-auto[x-placement^=right],
        .bs-tooltip-left,
        .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] .arrow,
        .bs-tooltip-bottom .arrow,
        .fixed-top {
            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] .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;
            text-align: left;
            text-align: start;
            background-color: #fff;
            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] .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] .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
        }

        .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] .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-body {
            padding: .5rem .75rem;
            color: #212529
        }

        .carousel-inner {
            position: relative;
            width: 100%;
            overflow: hidden
        }

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

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

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

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

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

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

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

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

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

        .carousel-control-next,
        .carousel-control-prev {
            position: absolute;
            top: 0;
            bottom: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: 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,
        .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
        .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
            left: 0
        }

        .carousel-control-next,
        .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
        .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
        .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
            right: 0
        }

        .carousel-control-next-icon,
        .carousel-control-prev-icon {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: center center/100% 100% no-repeat
        }

        .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: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding-left: 0;
            margin-right: 15%;
            margin-left: 15%;
            list-style: none
        }

        .carousel-indicators li {
            position: relative;
            -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
            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-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
        }

        .rounded-right,
        .rounded-top {
            border-top-right-radius: .25rem !important
        }

        .rounded-bottom,
        .rounded-right {
            border-bottom-right-radius: .25rem !important
        }

        .rounded-left,
        .rounded-top {
            border-top-left-radius: .25rem !important
        }

        .rounded-bottom,
        .rounded-left {
            border-bottom-left-radius: .25rem !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-circle {
            border-radius: 50% !important
        }

        .rounded-0 {
            border-radius: 0 !important
        }

        .clearfix::after {
            display: block;
            clear: both;
            content: ""
        }

        .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: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important
        }

        .d-inline-flex {
            display: -webkit-inline-box !important;
            display: -ms-inline-flexbox !important;
            display: inline-flex !important
        }

        .embed-responsive {
            position: relative;
            display: block;
            width: 100%;
            padding: 0;
            overflow: hidden
        }

        .embed-responsive::before {
            display: block;
            content: ""
        }

        .embed-responsive .embed-responsive-item,
        .embed-responsive embed,
        .embed-responsive iframe,
        .embed-responsive object,
        .embed-responsive video {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0
        }

        .embed-responsive-21by9::before {
            padding-top: 42.857143%
        }

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

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

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

        .flex-row {
            -webkit-box-orient: horizontal !important;
            -ms-flex-direction: row !important;
            flex-direction: row !important
        }

        .flex-column {
            -webkit-box-orient: vertical !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important
        }

        .flex-column-reverse,
        .flex-row-reverse {
            -webkit-box-direction: reverse !important
        }

        .flex-row-reverse {
            -webkit-box-orient: horizontal !important;
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important
        }

        .flex-column-reverse {
            -webkit-box-orient: vertical !important;
            -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important
        }

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

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

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

        .justify-content-start {
            -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
            justify-content: flex-start !important
        }

        .justify-content-end {
            -webkit-box-pack: end !important;
            -ms-flex-pack: end !important;
            justify-content: flex-end !important
        }

        .justify-content-center {
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important
        }

        .justify-content-between {
            -webkit-box-pack: justify !important;
            -ms-flex-pack: justify !important;
            justify-content: space-between !important
        }

        .justify-content-around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around !important
        }

        .align-items-start {
            -webkit-box-align: start !important;
            -ms-flex-align: start !important;
            align-items: flex-start !important
        }

        .align-items-end {
            -webkit-box-align: end !important;
            -ms-flex-align: end !important;
            align-items: flex-end !important
        }

        .align-items-center {
            -webkit-box-align: center !important;
            -ms-flex-align: center !important;
            align-items: center !important
        }

        .align-items-baseline {
            -webkit-box-align: baseline !important;
            -ms-flex-align: baseline !important;
            align-items: baseline !important
        }

        .align-items-stretch {
            -webkit-box-align: stretch !important;
            -ms-flex-align: stretch !important;
            align-items: stretch !important
        }

        .align-content-start {
            -ms-flex-line-pack: start !important;
            align-content: flex-start !important
        }

        .align-content-end {
            -ms-flex-line-pack: end !important;
            align-content: flex-end !important
        }

        .align-content-center {
            -ms-flex-line-pack: center !important;
            align-content: center !important
        }

        .align-content-between {
            -ms-flex-line-pack: justify !important;
            align-content: space-between !important
        }

        .align-content-around {
            -ms-flex-line-pack: distribute !important;
            align-content: space-around !important
        }

        .align-content-stretch {
            -ms-flex-line-pack: stretch !important;
            align-content: stretch !important
        }

        .align-self-auto {
            -ms-flex-item-align: auto !important;
            align-self: auto !important
        }

        .align-self-start {
            -ms-flex-item-align: start !important;
            align-self: flex-start !important
        }

        .align-self-end {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important
        }

        .align-self-center {
            -ms-flex-item-align: center !important;
            align-self: center !important
        }

        .align-self-baseline {
            -ms-flex-item-align: baseline !important;
            align-self: baseline !important
        }

        .align-self-stretch {
            -ms-flex-item-align: stretch !important;
            align-self: stretch !important
        }

        .float-left {
            float: left !important
        }

        .float-right {
            float: right !important
        }

        .float-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: -webkit-sticky !important;
            position: sticky !important
        }

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

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

        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
            border: 0
        }

        .p-0,
        .slick-dots li {
            padding: 0 !important
        }

        .sr-only-focusable:active,
        .sr-only-focusable:focus {
            position: static;
            width: auto;
            height: auto;
            overflow: visible;
            clip: auto;
            white-space: normal;
            -webkit-clip-path: none;
            clip-path: none
        }

        .w-25 {
            width: 25% !important
        }

        .w-50 {
            width: 50% !important
        }

        .w-75 {
            width: 75% !important
        }

        .w-100 {
            width: 100% !important
        }

        .h-25 {
            height: 25% !important
        }

        .h-50 {
            height: 50% !important
        }

        .h-75 {
            height: 75% !important
        }

        .h-100 {
            height: 100% !important
        }

        .mw-100 {
            max-width: 100% !important
        }

        .mh-100 {
            max-height: 100% !important
        }

        .m-0 {
            margin: 0 !important
        }

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

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

        .mb-0,
        .mbpx-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
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .m-auto {
            margin: auto !important
        }

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

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

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

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

        .text-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) {

            .card-deck,
            .card-group,
            .form-inline .form-group {
                -webkit-box-orient: horizontal
            }

            .card-deck,
            .card-deck .card,
            .card-group,
            .form-inline .form-group {
                -webkit-box-direction: normal
            }

            .container {
                max-width: 540px
            }

            .col-sm {
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                max-width: 100%
            }

            .col-sm-auto {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: auto;
                max-width: none
            }

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

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

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

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

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

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

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

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

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

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

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

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

            .order-sm-first {
                -webkit-box-ordinal-group: 0;
                -ms-flex-order: -1;
                order: -1
            }

            .order-sm-last {
                -webkit-box-ordinal-group: 14;
                -ms-flex-order: 13;
                order: 13
            }

            .order-sm-0 {
                -webkit-box-ordinal-group: 1;
                -ms-flex-order: 0;
                order: 0
            }

            .order-sm-1 {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1
            }

            .order-sm-2 {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2
            }

            .order-sm-3 {
                -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                order: 3
            }

            .order-sm-4 {
                -webkit-box-ordinal-group: 5;
                -ms-flex-order: 4;
                order: 4
            }

            .order-sm-5 {
                -webkit-box-ordinal-group: 6;
                -ms-flex-order: 5;
                order: 5
            }

            .order-sm-6 {
                -webkit-box-ordinal-group: 7;
                -ms-flex-order: 6;
                order: 6
            }

            .order-sm-7 {
                -webkit-box-ordinal-group: 8;
                -ms-flex-order: 7;
                order: 7
            }

            .order-sm-8 {
                -webkit-box-ordinal-group: 9;
                -ms-flex-order: 8;
                order: 8
            }

            .order-sm-9 {
                -webkit-box-ordinal-group: 10;
                -ms-flex-order: 9;
                order: 9
            }

            .order-sm-10 {
                -webkit-box-ordinal-group: 11;
                -ms-flex-order: 10;
                order: 10
            }

            .order-sm-11 {
                -webkit-box-ordinal-group: 12;
                -ms-flex-order: 11;
                order: 11
            }

            .order-sm-12 {
                -webkit-box-ordinal-group: 13;
                -ms-flex-order: 12;
                order: 12
            }

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

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

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

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

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

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

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

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

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

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

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

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

            .form-inline .form-group,
            .form-inline label {
                display: -webkit-box;
                display: -ms-flexbox;
                margin-bottom: 0
            }

            .form-inline label {
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

            .form-inline .form-group {
                display: flex;
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                -ms-flex-flow: row wrap;
                flex-flow: row wrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

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

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

            .form-inline .input-group {
                width: auto
            }

            .form-inline .form-check {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: 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 {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

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

            .navbar-expand-sm,
            .navbar-expand-sm .navbar-nav {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal
            }

            .navbar-expand-sm {
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start
            }

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

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

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

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

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

            .navbar-expand-sm .navbar-collapse {
                display: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important;
                -ms-flex-preferred-size: auto;
                flex-basis: auto
            }

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

            .navbar-expand-sm .dropup .dropdown-menu {
                top: auto;
                bottom: 100%
            }

            .card-deck {
                -ms-flex-flow: row wrap;
                flex-flow: row wrap;
                margin-right: -15px;
                margin-left: -15px
            }

            .card-deck .card {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-flex: 1;
                -ms-flex: 1 0 0%;
                flex: 1 0 0%;
                -webkit-box-orient: vertical;
                -ms-flex-direction: column;
                flex-direction: column;
                margin-right: 15px;
                margin-bottom: 0;
                margin-left: 15px
            }

            .card-group {
                -ms-flex-flow: row wrap;
                flex-flow: row wrap
            }

            .card-group>.card {
                -webkit-box-flex: 1;
                -ms-flex: 1 0 0%;
                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),
            .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 {
                -webkit-column-count: 3;
                -moz-column-count: 3;
                column-count: 3;
                -webkit-column-gap: 1.25rem;
                -moz-column-gap: 1.25rem;
                column-gap: 1.25rem
            }

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

            .jumbotron {
                padding: 4rem 2rem
            }

            .modal-dialog {
                max-width: 500px;
                margin: 1.75rem auto
            }

            .modal-dialog-centered {
                min-height: calc(100% - (1.75rem * 2))
            }

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

            .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: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important
            }

            .d-sm-inline-flex {
                display: -webkit-inline-box !important;
                display: -ms-inline-flexbox !important;
                display: inline-flex !important
            }

            .flex-sm-column,
            .flex-sm-row {
                -webkit-box-direction: normal !important
            }

            .flex-sm-row {
                -webkit-box-orient: horizontal !important;
                -ms-flex-direction: row !important;
                flex-direction: row !important
            }

            .flex-sm-column {
                -webkit-box-orient: vertical !important;
                -ms-flex-direction: column !important;
                flex-direction: column !important
            }

            .flex-sm-row-reverse {
                -webkit-box-orient: horizontal !important;
                -webkit-box-direction: reverse !important;
                -ms-flex-direction: row-reverse !important;
                flex-direction: row-reverse !important
            }

            .flex-sm-column-reverse {
                -webkit-box-orient: vertical !important;
                -webkit-box-direction: reverse !important;
                -ms-flex-direction: column-reverse !important;
                flex-direction: column-reverse !important
            }

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

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

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

            .justify-content-sm-start {
                -webkit-box-pack: start !important;
                -ms-flex-pack: start !important;
                justify-content: flex-start !important
            }

            .justify-content-sm-end {
                -webkit-box-pack: end !important;
                -ms-flex-pack: end !important;
                justify-content: flex-end !important
            }

            .justify-content-sm-center {
                -webkit-box-pack: center !important;
                -ms-flex-pack: center !important;
                justify-content: center !important
            }

            .justify-content-sm-between {
                -webkit-box-pack: justify !important;
                -ms-flex-pack: justify !important;
                justify-content: space-between !important
            }

            .justify-content-sm-around {
                -ms-flex-pack: distribute !important;
                justify-content: space-around !important
            }

            .align-items-sm-start {
                -webkit-box-align: start !important;
                -ms-flex-align: start !important;
                align-items: flex-start !important
            }

            .align-items-sm-end {
                -webkit-box-align: end !important;
                -ms-flex-align: end !important;
                align-items: flex-end !important
            }

            .align-items-sm-center {
                -webkit-box-align: center !important;
                -ms-flex-align: center !important;
                align-items: center !important
            }

            .align-items-sm-baseline {
                -webkit-box-align: baseline !important;
                -ms-flex-align: baseline !important;
                align-items: baseline !important
            }

            .align-items-sm-stretch {
                -webkit-box-align: stretch !important;
                -ms-flex-align: stretch !important;
                align-items: stretch !important
            }

            .align-content-sm-start {
                -ms-flex-line-pack: start !important;
                align-content: flex-start !important
            }

            .align-content-sm-end {
                -ms-flex-line-pack: end !important;
                align-content: flex-end !important
            }

            .align-content-sm-center {
                -ms-flex-line-pack: center !important;
                align-content: center !important
            }

            .align-content-sm-between {
                -ms-flex-line-pack: justify !important;
                align-content: space-between !important
            }

            .align-content-sm-around {
                -ms-flex-line-pack: distribute !important;
                align-content: space-around !important
            }

            .align-content-sm-stretch {
                -ms-flex-line-pack: stretch !important;
                align-content: stretch !important
            }

            .align-self-sm-auto {
                -ms-flex-item-align: auto !important;
                align-self: auto !important
            }

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

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

            .align-self-sm-center {
                -ms-flex-item-align: center !important;
                align-self: center !important
            }

            .align-self-sm-baseline {
                -ms-flex-item-align: baseline !important;
                align-self: baseline !important
            }

            .align-self-sm-stretch {
                -ms-flex-item-align: stretch !important;
                align-self: stretch !important
            }

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

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

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

            .m-sm-0 {
                margin: 0 !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .col-md {
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                max-width: 100%
            }

            .col-md-auto {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: auto;
                max-width: none
            }

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

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

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

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

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

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

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

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

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

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

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

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

            .order-md-first {
                -webkit-box-ordinal-group: 0;
                -ms-flex-order: -1;
                order: -1
            }

            .order-md-last {
                -webkit-box-ordinal-group: 14;
                -ms-flex-order: 13;
                order: 13
            }

            .order-md-0 {
                -webkit-box-ordinal-group: 1;
                -ms-flex-order: 0;
                order: 0
            }

            .order-md-1 {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1
            }

            .order-md-2 {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2
            }

            .order-md-3 {
                -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                order: 3
            }

            .order-md-4 {
                -webkit-box-ordinal-group: 5;
                -ms-flex-order: 4;
                order: 4
            }

            .order-md-5 {
                -webkit-box-ordinal-group: 6;
                -ms-flex-order: 5;
                order: 5
            }

            .order-md-6 {
                -webkit-box-ordinal-group: 7;
                -ms-flex-order: 6;
                order: 6
            }

            .order-md-7 {
                -webkit-box-ordinal-group: 8;
                -ms-flex-order: 7;
                order: 7
            }

            .order-md-8 {
                -webkit-box-ordinal-group: 9;
                -ms-flex-order: 8;
                order: 8
            }

            .order-md-9 {
                -webkit-box-ordinal-group: 10;
                -ms-flex-order: 9;
                order: 9
            }

            .order-md-10 {
                -webkit-box-ordinal-group: 11;
                -ms-flex-order: 10;
                order: 10
            }

            .order-md-11 {
                -webkit-box-ordinal-group: 12;
                -ms-flex-order: 11;
                order: 11
            }

            .order-md-12 {
                -webkit-box-ordinal-group: 13;
                -ms-flex-order: 12;
                order: 12
            }

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

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

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

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

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

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

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

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

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

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

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

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

            .navbar-expand-md,
            .navbar-expand-md .navbar-nav {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal
            }

            .navbar-expand-md {
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start
            }

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

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

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

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

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

            .navbar-expand-md .navbar-collapse {
                display: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important;
                -ms-flex-preferred-size: auto;
                flex-basis: auto
            }

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

            .navbar-expand-md .dropup .dropdown-menu {
                top: auto;
                bottom: 100%
            }

            .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: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important
            }

            .d-md-inline-flex {
                display: -webkit-inline-box !important;
                display: -ms-inline-flexbox !important;
                display: inline-flex !important
            }

            .flex-md-column,
            .flex-md-row {
                -webkit-box-direction: normal !important
            }

            .flex-md-row {
                -webkit-box-orient: horizontal !important;
                -ms-flex-direction: row !important;
                flex-direction: row !important
            }

            .flex-md-column {
                -webkit-box-orient: vertical !important;
                -ms-flex-direction: column !important;
                flex-direction: column !important
            }

            .flex-md-row-reverse {
                -webkit-box-orient: horizontal !important;
                -webkit-box-direction: reverse !important;
                -ms-flex-direction: row-reverse !important;
                flex-direction: row-reverse !important
            }

            .flex-md-column-reverse {
                -webkit-box-orient: vertical !important;
                -webkit-box-direction: reverse !important;
                -ms-flex-direction: column-reverse !important;
                flex-direction: column-reverse !important
            }

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

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

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

            .justify-content-md-start {
                -webkit-box-pack: start !important;
                -ms-flex-pack: start !important;
                justify-content: flex-start !important
            }

            .justify-content-md-end {
                -webkit-box-pack: end !important;
                -ms-flex-pack: end !important;
                justify-content: flex-end !important
            }

            .justify-content-md-center {
                -webkit-box-pack: center !important;
                -ms-flex-pack: center !important;
                justify-content: center !important
            }

            .justify-content-md-between {
                -webkit-box-pack: justify !important;
                -ms-flex-pack: justify !important;
                justify-content: space-between !important
            }

            .justify-content-md-around {
                -ms-flex-pack: distribute !important;
                justify-content: space-around !important
            }

            .align-items-md-start {
                -webkit-box-align: start !important;
                -ms-flex-align: start !important;
                align-items: flex-start !important
            }

            .align-items-md-end {
                -webkit-box-align: end !important;
                -ms-flex-align: end !important;
                align-items: flex-end !important
            }

            .align-items-md-center {
                -webkit-box-align: center !important;
                -ms-flex-align: center !important;
                align-items: center !important
            }

            .align-items-md-baseline {
                -webkit-box-align: baseline !important;
                -ms-flex-align: baseline !important;
                align-items: baseline !important
            }

            .align-items-md-stretch {
                -webkit-box-align: stretch !important;
                -ms-flex-align: stretch !important;
                align-items: stretch !important
            }

            .align-content-md-start {
                -ms-flex-line-pack: start !important;
                align-content: flex-start !important
            }

            .align-content-md-end {
                -ms-flex-line-pack: end !important;
                align-content: flex-end !important
            }

            .align-content-md-center {
                -ms-flex-line-pack: center !important;
                align-content: center !important
            }

            .align-content-md-between {
                -ms-flex-line-pack: justify !important;
                align-content: space-between !important
            }

            .align-content-md-around {
                -ms-flex-line-pack: distribute !important;
                align-content: space-around !important
            }

            .align-content-md-stretch {
                -ms-flex-line-pack: stretch !important;
                align-content: stretch !important
            }

            .align-self-md-auto {
                -ms-flex-item-align: auto !important;
                align-self: auto !important
            }

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

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

            .align-self-md-center {
                -ms-flex-item-align: center !important;
                align-self: center !important
            }

            .align-self-md-baseline {
                -ms-flex-item-align: baseline !important;
                align-self: baseline !important
            }

            .align-self-md-stretch {
                -ms-flex-item-align: stretch !important;
                align-self: stretch !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .col-lg {
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                max-width: 100%
            }

            .col-lg-auto {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: auto;
                max-width: none
            }

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

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

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

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

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

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

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

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

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

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

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

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

            .order-lg-first {
                -webkit-box-ordinal-group: 0;
                -ms-flex-order: -1;
                order: -1
            }

            .order-lg-last {
                -webkit-box-ordinal-group: 14;
                -ms-flex-order: 13;
                order: 13
            }

            .order-lg-0 {
                -webkit-box-ordinal-group: 1;
                -ms-flex-order: 0;
                order: 0
            }

            .order-lg-1 {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1
            }

            .order-lg-2 {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2
            }

            .order-lg-3 {
                -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                order: 3
            }

            .order-lg-4 {
                -webkit-box-ordinal-group: 5;
                -ms-flex-order: 4;
                order: 4
            }

            .order-lg-5 {
                -webkit-box-ordinal-group: 6;
                -ms-flex-order: 5;
                order: 5
            }

            .order-lg-6 {
                -webkit-box-ordinal-group: 7;
                -ms-flex-order: 6;
                order: 6
            }

            .order-lg-7 {
                -webkit-box-ordinal-group: 8;
                -ms-flex-order: 7;
                order: 7
            }

            .order-lg-8 {
                -webkit-box-ordinal-group: 9;
                -ms-flex-order: 8;
                order: 8
            }

            .order-lg-9 {
                -webkit-box-ordinal-group: 10;
                -ms-flex-order: 9;
                order: 9
            }

            .order-lg-10 {
                -webkit-box-ordinal-group: 11;
                -ms-flex-order: 10;
                order: 10
            }

            .order-lg-11 {
                -webkit-box-ordinal-group: 12;
                -ms-flex-order: 11;
                order: 11
            }

            .order-lg-12 {
                -webkit-box-ordinal-group: 13;
                -ms-flex-order: 12;
                order: 12
            }

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

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

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

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

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

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

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

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

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

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

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

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

            .navbar-expand-lg,
            .navbar-expand-lg .navbar-nav {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal
            }

            .navbar-expand-lg {
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start
            }

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

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

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

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

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

            .navbar-expand-lg .navbar-collapse {
                display: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important;
                -ms-flex-preferred-size: auto;
                flex-basis: auto
            }

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

            .navbar-expand-lg .dropup .dropdown-menu {
                top: auto;
                bottom: 100%
            }

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

            .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: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important
            }

            .d-lg-inline-flex {
                display: -webkit-inline-box !important;
                display: -ms-inline-flexbox !important;
                display: inline-flex !important
            }

            .flex-lg-column,
            .flex-lg-row {
                -webkit-box-direction: normal !important
            }

            .flex-lg-row {
                -webkit-box-orient: horizontal !important;
                -ms-flex-direction: row !important;
                flex-direction: row !important
            }

            .flex-lg-column {
                -webkit-box-orient: vertical !important;
                -ms-flex-direction: column !important;
                flex-direction: column !important
            }

            .flex-lg-row-reverse {
                -webkit-box-orient: horizontal !important;
                -webkit-box-direction: reverse !important;
                -ms-flex-direction: row-reverse !important;
                flex-direction: row-reverse !important
            }

            .flex-lg-column-reverse {
                -webkit-box-orient: vertical !important;
                -webkit-box-direction: reverse !important;
                -ms-flex-direction: column-reverse !important;
                flex-direction: column-reverse !important
            }

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

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

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

            .justify-content-lg-start {
                -webkit-box-pack: start !important;
                -ms-flex-pack: start !important;
                justify-content: flex-start !important
            }

            .justify-content-lg-end {
                -webkit-box-pack: end !important;
                -ms-flex-pack: end !important;
                justify-content: flex-end !important
            }

            .justify-content-lg-center {
                -webkit-box-pack: center !important;
                -ms-flex-pack: center !important;
                justify-content: center !important
            }

            .justify-content-lg-between {
                -webkit-box-pack: justify !important;
                -ms-flex-pack: justify !important;
                justify-content: space-between !important
            }

            .justify-content-lg-around {
                -ms-flex-pack: distribute !important;
                justify-content: space-around !important
            }

            .align-items-lg-start {
                -webkit-box-align: start !important;
                -ms-flex-align: start !important;
                align-items: flex-start !important
            }

            .align-items-lg-end {
                -webkit-box-align: end !important;
                -ms-flex-align: end !important;
                align-items: flex-end !important
            }

            .align-items-lg-center {
                -webkit-box-align: center !important;
                -ms-flex-align: center !important;
                align-items: center !important
            }

            .align-items-lg-baseline {
                -webkit-box-align: baseline !important;
                -ms-flex-align: baseline !important;
                align-items: baseline !important
            }

            .align-items-lg-stretch {
                -webkit-box-align: stretch !important;
                -ms-flex-align: stretch !important;
                align-items: stretch !important
            }

            .align-content-lg-start {
                -ms-flex-line-pack: start !important;
                align-content: flex-start !important
            }

            .align-content-lg-end {
                -ms-flex-line-pack: end !important;
                align-content: flex-end !important
            }

            .align-content-lg-center {
                -ms-flex-line-pack: center !important;
                align-content: center !important
            }

            .align-content-lg-between {
                -ms-flex-line-pack: justify !important;
                align-content: space-between !important
            }

            .align-content-lg-around {
                -ms-flex-line-pack: distribute !important;
                align-content: space-around !important
            }

            .align-content-lg-stretch {
                -ms-flex-line-pack: stretch !important;
                align-content: stretch !important
            }

            .align-self-lg-auto {
                -ms-flex-item-align: auto !important;
                align-self: auto !important
            }

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

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

            .align-self-lg-center {
                -ms-flex-item-align: center !important;
                align-self: center !important
            }

            .align-self-lg-baseline {
                -ms-flex-item-align: baseline !important;
                align-self: baseline !important
            }

            .align-self-lg-stretch {
                -ms-flex-item-align: stretch !important;
                align-self: stretch !important
            }

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

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

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

            .m-lg-0 {
                margin: 0 !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .col-xl {
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                max-width: 100%
            }

            .col-xl-auto {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: auto;
                max-width: none
            }

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

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

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

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

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

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

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

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

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

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

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

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

            .order-xl-first {
                -webkit-box-ordinal-group: 0;
                -ms-flex-order: -1;
                order: -1
            }

            .order-xl-last {
                -webkit-box-ordinal-group: 14;
                -ms-flex-order: 13;
                order: 13
            }

            .order-xl-0 {
                -webkit-box-ordinal-group: 1;
                -ms-flex-order: 0;
                order: 0
            }

            .order-xl-1 {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1
            }

            .order-xl-2 {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2
            }

            .order-xl-3 {
                -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                order: 3
            }

            .order-xl-4 {
                -webkit-box-ordinal-group: 5;
                -ms-flex-order: 4;
                order: 4
            }

            .order-xl-5 {
                -webkit-box-ordinal-group: 6;
                -ms-flex-order: 5;
                order: 5
            }

            .order-xl-6 {
                -webkit-box-ordinal-group: 7;
                -ms-flex-order: 6;
                order: 6
            }

            .order-xl-7 {
                -webkit-box-ordinal-group: 8;
                -ms-flex-order: 7;
                order: 7
            }

            .order-xl-8 {
                -webkit-box-ordinal-group: 9;
                -ms-flex-order: 8;
                order: 8
            }

            .order-xl-9 {
                -webkit-box-ordinal-group: 10;
                -ms-flex-order: 9;
                order: 9
            }

            .order-xl-10 {
                -webkit-box-ordinal-group: 11;
                -ms-flex-order: 10;
                order: 10
            }

            .order-xl-11 {
                -webkit-box-ordinal-group: 12;
                -ms-flex-order: 11;
                order: 11
            }

            .order-xl-12 {
                -webkit-box-ordinal-group: 13;
                -ms-flex-order: 12;
                order: 12
            }

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

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

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

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

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

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

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

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

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

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

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

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

            .navbar-expand-xl,
            .navbar-expand-xl .navbar-nav {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal
            }

            .navbar-expand-xl {
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start
            }

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

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

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

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

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

            .navbar-expand-xl .navbar-collapse {
                display: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important;
                -ms-flex-preferred-size: auto;
                flex-basis: auto
            }

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

            .navbar-expand-xl .dropup .dropdown-menu {
                top: auto;
                bottom: 100%
            }

            .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: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important
            }

            .d-xl-inline-flex {
                display: -webkit-inline-box !important;
                display: -ms-inline-flexbox !important;
                display: inline-flex !important
            }

            .flex-xl-column,
            .flex-xl-row {
                -webkit-box-direction: normal !important
            }

            .flex-xl-row {
                -webkit-box-orient: horizontal !important;
                -ms-flex-direction: row !important;
                flex-direction: row !important
            }

            .flex-xl-column {
                -webkit-box-orient: vertical !important;
                -ms-flex-direction: column !important;
                flex-direction: column !important
            }

            .flex-xl-row-reverse {
                -webkit-box-orient: horizontal !important;
                -webkit-box-direction: reverse !important;
                -ms-flex-direction: row-reverse !important;
                flex-direction: row-reverse !important
            }

            .flex-xl-column-reverse {
                -webkit-box-orient: vertical !important;
                -webkit-box-direction: reverse !important;
                -ms-flex-direction: column-reverse !important;
                flex-direction: column-reverse !important
            }

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

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

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

            .justify-content-xl-start {
                -webkit-box-pack: start !important;
                -ms-flex-pack: start !important;
                justify-content: flex-start !important
            }

            .justify-content-xl-end {
                -webkit-box-pack: end !important;
                -ms-flex-pack: end !important;
                justify-content: flex-end !important
            }

            .justify-content-xl-center {
                -webkit-box-pack: center !important;
                -ms-flex-pack: center !important;
                justify-content: center !important
            }

            .justify-content-xl-between {
                -webkit-box-pack: justify !important;
                -ms-flex-pack: justify !important;
                justify-content: space-between !important
            }

            .justify-content-xl-around {
                -ms-flex-pack: distribute !important;
                justify-content: space-around !important
            }

            .align-items-xl-start {
                -webkit-box-align: start !important;
                -ms-flex-align: start !important;
                align-items: flex-start !important
            }

            .align-items-xl-end {
                -webkit-box-align: end !important;
                -ms-flex-align: end !important;
                align-items: flex-end !important
            }

            .align-items-xl-center {
                -webkit-box-align: center !important;
                -ms-flex-align: center !important;
                align-items: center !important
            }

            .align-items-xl-baseline {
                -webkit-box-align: baseline !important;
                -ms-flex-align: baseline !important;
                align-items: baseline !important
            }

            .align-items-xl-stretch {
                -webkit-box-align: stretch !important;
                -ms-flex-align: stretch !important;
                align-items: stretch !important
            }

            .align-content-xl-start {
                -ms-flex-line-pack: start !important;
                align-content: flex-start !important
            }

            .align-content-xl-end {
                -ms-flex-line-pack: end !important;
                align-content: flex-end !important
            }

            .align-content-xl-center {
                -ms-flex-line-pack: center !important;
                align-content: center !important
            }

            .align-content-xl-between {
                -ms-flex-line-pack: justify !important;
                align-content: space-between !important
            }

            .align-content-xl-around {
                -ms-flex-line-pack: distribute !important;
                align-content: space-around !important
            }

            .align-content-xl-stretch {
                -ms-flex-line-pack: stretch !important;
                align-content: stretch !important
            }

            .align-self-xl-auto {
                -ms-flex-item-align: auto !important;
                align-self: auto !important
            }

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

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

            .align-self-xl-center {
                -ms-flex-item-align: center !important;
                align-self: center !important
            }

            .align-self-xl-baseline {
                -ms-flex-item-align: baseline !important;
                align-self: baseline !important
            }

            .align-self-xl-stretch {
                -ms-flex-item-align: stretch !important;
                align-self: stretch !important
            }

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

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

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

            .m-xl-0 {
                margin: 0 !important
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .text-lowercase {
            text-transform: lowercase !important
        }

        .text-uppercase {
            text-transform: uppercase !important
        }

        .text-capitalize {
            text-transform: capitalize !important
        }

        .font-weight-light {
            font-weight: 300 !important
        }

        .font-weight-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-muted,
        .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-hide {
            font: 0/0 a;
            color: transparent;
            background-color: transparent;
            border: 0
        }

        .slick-dots li button,
        .slick-next,
        .slick-next:focus,
        .slick-next:hover,
        .slick-prev,
        .slick-prev:focus,
        .slick-prev:hover {
            background: 0 0;
            color: transparent;
            outline: 0
        }

        .visible {
            visibility: visible !important
        }

        .invisible {
            visibility: hidden !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: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important
            }

            .d-print-inline-flex {
                display: -webkit-inline-box !important;
                display: -ms-inline-flexbox !important;
                display: inline-flex !important
            }

            blockquote,
            img,
            pre,
            tr {
                page-break-inside: avoid
            }

            *,
            ::after,
            ::before {
                text-shadow: none !important;
                box-shadow: none !important
            }

            a:not(.btn) {
                text-decoration: underline
            }

            abbr[title]::after {
                content: " (" attr(title) ")"
            }

            pre {
                white-space: pre-wrap !important
            }

            blockquote,
            pre {
                border: 1px solid #999
            }

            thead {
                display: table-header-group
            }

            h2,
            h3,
            p {
                orphans: 3;
                widows: 3
            }

            h2,
            h3 {
                page-break-after: avoid
            }

            @page {
                size: a3
            }

            .container,
            body {
                min-width: 992px !important
            }

            .navbar {
                display: none
            }

            .badge {
                border: 1px solid #000
            }

            .table {
                border-collapse: collapse !important
            }

            .table td,
            .table th {
                background-color: #fff !important
            }

            .table-bordered td,
            .table-bordered th {
                border: 1px solid #ddd !important
            }
        }

        .slick-list,
        .slick-slider,
        .slick-track {
            position: relative;
            display: block
        }

        .slick-slider {
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -ms-touch-action: pan-y;
            touch-action: pan-y
        }

        .slick-list {
            overflow: hidden;
            margin: 0;
            padding: 0
        }

        .slick-list.dragging {
            cursor: pointer;
            cursor: hand
        }

        .slick-slider .slick-list,
        .slick-slider .slick-track {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        .slick-track {
            left: 0;
            top: 0
        }

        .slick-track:after,
        .slick-track:before {
            content: "";
            display: table
        }

        .slick-track:after {
            clear: both
        }

        .intl-tel-input .v-hide,
        .slick-loading .slick-slide,
        .slick-loading .slick-track {
            visibility: hidden
        }

        .slick-slide {
            float: left;
            height: 100%;
            min-height: 1px;
            display: none
        }

        .slick-vertical .slick-slide {
            display: block;
            height: auto;
            border: 1px solid transparent
        }

        @font-face {
            font-family: slick;
            src: url(fonts/slick.html);
            src: url(fonts/slickd41dd41dd41d.html?#iefix) format("embedded-opentype"), url(fonts/slick-2.html) format("woff"), url(fonts/slick-3.html) format("truetype"), url(fonts/slick-4.html#slick) format("svg");
            font-weight: 400;
            font-style: normal
        }

        .slick-next,
        .slick-prev {
            position: absolute;
            display: block;
            height: 30px;
            width: 30px;
            line-height: 0;
            font-size: 0;
            cursor: pointer;
            top: 55.5%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            padding: 0;
            border: none
        }

        .slick-next:before,
        .slick-prev:before,
        [class*=" icon-"],
        [class^=icon-] {
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .slick-next.slick-disabled:before,
        .slick-prev.slick-disabled:before {
            opacity: .25
        }

        .slick-next:before,
        .slick-prev:before {
            font-family: slick;
            font-size: 20px;
            color: #fff;
            opacity: 1
        }

        .slick-prev {
            left: -25px
        }

        [dir=rtl] .slick-prev {
            left: auto;
            right: -25px
        }

        .slick-prev:before,
        [dir=rtl] .slick-next:before {
            content: "←"
        }

        .slick-next:before,
        [dir=rtl] .slick-prev:before {
            content: "→"
        }

        .slick-next {
            right: -25px
        }

        [dir=rtl] .slick-next {
            left: -25px;
            right: auto
        }

        .slick-dots {
            z-index: 9;
            position: absolute;
            bottom: -30px;
            list-style: none;
            display: block;
            text-align: center;
            padding: 0;
            margin: 0;
            width: 100%
        }

        .intl-tel-input,
        .slick-dots li {
            position: relative;
            display: inline-block
        }

        .\--big-dot .slick-dots {
            bottom: -40px
        }

        .\--xbig-dot .slick-dots {
            bottom: -60px
        }

        .slick-dots li {
            height: 10px !important;
            width: 10px !important;
            margin: 0 6px;
            cursor: pointer
        }

        .slick-dots li button {
            border: 0;
            display: block;
            height: 10px;
            width: 10px;
            line-height: 0;
            font-size: 0;
            padding: 5px;
            cursor: pointer
        }

        .slick-dots li button:before {
            position: absolute;
            top: 0;
            left: 0;
            content: "";
            background: #48ada0;
            width: 16px;
            border-radius: 50%;
            height: 16px;
            font-family: slick;
            font-size: 12px;
            line-height: 20px;
            text-align: center;
            color: #333;
            opacity: .25;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .slick-dots li.slick-active button:before {
            color: #fb2224;
            opacity: 1
        }

        .intl-tel-input * {
            -moz-box-sizing: border-box
        }

        .intl-tel-input input,
        .intl-tel-input input[type=tel],
        .intl-tel-input input[type=text] {
            position: relative;
            z-index: 0;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-right: 36px;
            margin-right: 0
        }

        .intl-tel-input .flag-container {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            padding: 1px
        }

        .intl-tel-input .selected-flag {
            z-index: 1;
            position: relative;
            width: 36px;
            height: 100%;
            padding: 0 0 0 8px
        }

        .intl-tel-input .selected-flag .iti-flag {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .intl-tel-input .selected-flag .iti-arrow {
            position: absolute;
            top: 50%;
            margin-top: -2px;
            right: 6px;
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 4px solid #555
        }

        .intl-tel-input .selected-flag .iti-arrow.up {
            border-top: none;
            border-bottom: 4px solid #555
        }

        .intl-tel-input .country-list {
            position: absolute;
            z-index: 2;
            list-style: none;
            text-align: left;
            padding: 0;
            margin: 0 0 0 -1px;
            box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
            background-color: #fff;
            border: 1px solid #ccc;
            white-space: nowrap;
            max-height: 200px;
            overflow-y: scroll;
            width: 100%
        }

        .intl-tel-input .country-list.dropup {
            bottom: 100%;
            margin-bottom: -1px
        }

        .intl-tel-input .country-list .flag-box {
            display: inline-block;
            width: 20px
        }

        @media (max-width:500px) {
            .intl-tel-input .country-list {
                white-space: normal
            }
        }

        .intl-tel-input .country-list .divider {
            padding-bottom: 5px;
            margin-bottom: 5px;
            border-bottom: 1px solid #ccc
        }

        .intl-tel-input .country-list .country {
            padding: 5px 10px;
            display: block;
            width: 100%;
            text-align: left
        }

        .intl-tel-input .country-list .country .dial-code {
            color: #999
        }

        .intl-tel-input .country-list .country-name,
        .intl-tel-input .country-list .flag-box {
            margin-right: 6px
        }

        .intl-tel-input.allow-dropdown input,
        .intl-tel-input.allow-dropdown input[type=tel],
        .intl-tel-input.allow-dropdown input[type=text],
        .intl-tel-input.separate-dial-code input,
        .intl-tel-input.separate-dial-code input[type=tel],
        .intl-tel-input.separate-dial-code input[type=text] {
            padding-right: 6px;
            padding-left: 52px;
            margin-left: 0
        }

        .intl-tel-input.allow-dropdown .flag-container,
        .intl-tel-input.separate-dial-code .flag-container {
            right: auto;
            left: 0;
            width: 100%
        }

        .intl-tel-input.allow-dropdown .selected-flag,
        .intl-tel-input.separate-dial-code .selected-flag {
            width: 46px
        }

        .intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,
        .intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
            cursor: default
        }

        .intl-tel-input.separate-dial-code .selected-flag {
            background-color: rgba(0, 0, 0, .05);
            display: table
        }

        .intl-tel-input.separate-dial-code .selected-dial-code {
            font-size: 16px;
            display: table-cell;
            vertical-align: middle;
            padding-left: 28px
        }

        .intl-tel-input.separate-dial-code.iti-sdc-2 input,
        .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel],
        .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
            padding-left: 66px
        }

        .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
            width: 60px
        }

        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
            padding-left: 76px
        }

        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag,
        .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
        .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
            width: 70px
        }

        .intl-tel-input.separate-dial-code.iti-sdc-3 input,
        .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel],
        .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
            padding-left: 74px
        }

        .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
            width: 68px
        }

        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
            padding-left: 84px
        }

        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
            width: 78px
        }

        .intl-tel-input.separate-dial-code.iti-sdc-4 input,
        .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel],
        .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
            padding-left: 82px
        }

        .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
            width: 76px
        }

        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
            padding-left: 92px
        }

        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
            width: 86px
        }

        .intl-tel-input.separate-dial-code.iti-sdc-5 input,
        .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel],
        .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
            padding-left: 90px
        }

        .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
            width: 84px
        }

        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel],
        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
            padding-left: 100px
        }

        .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
            width: 94px
        }

        .intl-tel-input.iti-container {
            position: absolute;
            top: -1000px;
            left: -1000px;
            z-index: 1060;
            padding: 1px
        }

        .iti-mobile .intl-tel-input.iti-container {
            top: 30px;
            bottom: 30px;
            left: 30px;
            right: 30px;
            position: fixed
        }

        .iti-mobile .intl-tel-input .country-list {
            max-height: 100%;
            width: 100%
        }

        .iti-mobile .intl-tel-input .country-list .country {
            padding: 10px;
            line-height: 1.5em
        }

        .iti-flag.be,
        .iti-flag.ne {
            width: 18px
        }

        .iti-flag.ch {
            width: 15px
        }

        .iti-flag.ac {
            height: 10px;
            background-position: 0 0
        }

        .iti-flag.ad {
            height: 14px;
            background-position: -22px 0
        }

        .iti-flag.ae {
            height: 10px;
            background-position: -44px 0
        }

        .iti-flag.af {
            height: 14px;
            background-position: -66px 0
        }

        .iti-flag.ag {
            height: 14px;
            background-position: -88px 0
        }

        .iti-flag.ai {
            height: 10px;
            background-position: -110px 0
        }

        .iti-flag.al {
            height: 15px;
            background-position: -132px 0
        }

        .iti-flag.am {
            height: 10px;
            background-position: -154px 0
        }

        .iti-flag.ao {
            height: 14px;
            background-position: -176px 0
        }

        .iti-flag.aq {
            height: 14px;
            background-position: -198px 0
        }

        .iti-flag.ar {
            height: 13px;
            background-position: -220px 0
        }

        .iti-flag.as {
            height: 10px;
            background-position: -242px 0
        }

        .iti-flag.at {
            height: 14px;
            background-position: -264px 0
        }

        .iti-flag.au {
            height: 10px;
            background-position: -286px 0
        }

        .iti-flag.aw {
            height: 14px;
            background-position: -308px 0
        }

        .iti-flag.ax {
            height: 13px;
            background-position: -330px 0
        }

        .iti-flag.az {
            height: 10px;
            background-position: -352px 0
        }

        .iti-flag.ba {
            height: 10px;
            background-position: -374px 0
        }

        .iti-flag.bb {
            height: 14px;
            background-position: -396px 0
        }

        .iti-flag.bd {
            height: 12px;
            background-position: -418px 0
        }

        .iti-flag.be {
            height: 15px;
            background-position: -440px 0
        }

        .iti-flag.bf {
            height: 14px;
            background-position: -460px 0
        }

        .iti-flag.bg {
            height: 12px;
            background-position: -482px 0
        }

        .iti-flag.bh {
            height: 12px;
            background-position: -504px 0
        }

        .iti-flag.bi {
            height: 12px;
            background-position: -526px 0
        }

        .iti-flag.bj {
            height: 14px;
            background-position: -548px 0
        }

        .iti-flag.bl {
            height: 14px;
            background-position: -570px 0
        }

        .iti-flag.bm {
            height: 10px;
            background-position: -592px 0
        }

        .iti-flag.bn {
            height: 10px;
            background-position: -614px 0
        }

        .iti-flag.bo {
            height: 14px;
            background-position: -636px 0
        }

        .iti-flag.bq {
            height: 14px;
            background-position: -658px 0
        }

        .iti-flag.br {
            height: 14px;
            background-position: -680px 0
        }

        .iti-flag.bs {
            height: 10px;
            background-position: -702px 0
        }

        .iti-flag.bt {
            height: 14px;
            background-position: -724px 0
        }

        .iti-flag.bv {
            height: 15px;
            background-position: -746px 0
        }

        .iti-flag.bw {
            height: 14px;
            background-position: -768px 0
        }

        .iti-flag.by {
            height: 10px;
            background-position: -790px 0
        }

        .iti-flag.bz {
            height: 14px;
            background-position: -812px 0
        }

        .iti-flag.ca {
            height: 10px;
            background-position: -834px 0
        }

        .iti-flag.cc {
            height: 10px;
            background-position: -856px 0
        }

        .iti-flag.cd {
            height: 15px;
            background-position: -878px 0
        }

        .iti-flag.cf {
            height: 14px;
            background-position: -900px 0
        }

        .iti-flag.cg {
            height: 14px;
            background-position: -922px 0
        }

        .iti-flag.ch {
            height: 15px;
            background-position: -944px 0
        }

        .iti-flag.ci {
            height: 14px;
            background-position: -961px 0
        }

        .iti-flag.ck {
            height: 10px;
            background-position: -983px 0
        }

        .iti-flag.cl {
            height: 14px;
            background-position: -1005px 0
        }

        .iti-flag.cm {
            height: 14px;
            background-position: -1027px 0
        }

        .iti-flag.cn {
            height: 14px;
            background-position: -1049px 0
        }

        .iti-flag.co {
            height: 14px;
            background-position: -1071px 0
        }

        .iti-flag.cp {
            height: 14px;
            background-position: -1093px 0
        }

        .iti-flag.cr {
            height: 12px;
            background-position: -1115px 0
        }

        .iti-flag.cu {
            height: 10px;
            background-position: -1137px 0
        }

        .iti-flag.cv {
            height: 12px;
            background-position: -1159px 0
        }

        .iti-flag.cw {
            height: 14px;
            background-position: -1181px 0
        }

        .iti-flag.cx {
            height: 10px;
            background-position: -1203px 0
        }

        .iti-flag.cy {
            height: 13px;
            background-position: -1225px 0
        }

        .iti-flag.cz {
            height: 14px;
            background-position: -1247px 0
        }

        .iti-flag.de {
            height: 12px;
            background-position: -1269px 0
        }

        .iti-flag.dg {
            height: 10px;
            background-position: -1291px 0
        }

        .iti-flag.dj {
            height: 14px;
            background-position: -1313px 0
        }

        .iti-flag.dk {
            height: 15px;
            background-position: -1335px 0
        }

        .iti-flag.dm {
            height: 10px;
            background-position: -1357px 0
        }

        .iti-flag.do {
            height: 13px;
            background-position: -1379px 0
        }

        .iti-flag.dz {
            height: 14px;
            background-position: -1401px 0
        }

        .iti-flag.ea {
            height: 14px;
            background-position: -1423px 0
        }

        .iti-flag.ec {
            height: 14px;
            background-position: -1445px 0
        }

        .iti-flag.ee {
            height: 13px;
            background-position: -1467px 0
        }

        .iti-flag.eg {
            height: 14px;
            background-position: -1489px 0
        }

        .iti-flag.eh {
            height: 10px;
            background-position: -1511px 0
        }

        .iti-flag.er {
            height: 10px;
            background-position: -1533px 0
        }

        .iti-flag.es {
            height: 14px;
            background-position: -1555px 0
        }

        .iti-flag.et {
            height: 10px;
            background-position: -1577px 0
        }

        .iti-flag.eu {
            height: 14px;
            background-position: -1599px 0
        }

        .iti-flag.fi {
            height: 12px;
            background-position: -1621px 0
        }

        .iti-flag.fj {
            height: 10px;
            background-position: -1643px 0
        }

        .iti-flag.fk {
            height: 10px;
            background-position: -1665px 0
        }

        .iti-flag.fm {
            height: 11px;
            background-position: -1687px 0
        }

        .iti-flag.fo {
            height: 15px;
            background-position: -1709px 0
        }

        .iti-flag.fr {
            height: 14px;
            background-position: -1731px 0
        }

        .iti-flag.ga {
            height: 15px;
            background-position: -1753px 0
        }

        .iti-flag.gb {
            height: 10px;
            background-position: -1775px 0
        }

        .iti-flag.gd {
            height: 12px;
            background-position: -1797px 0
        }

        .iti-flag.ge {
            height: 14px;
            background-position: -1819px 0
        }

        .iti-flag.gf {
            height: 14px;
            background-position: -1841px 0
        }

        .iti-flag.gg {
            height: 14px;
            background-position: -1863px 0
        }

        .iti-flag.gh {
            height: 14px;
            background-position: -1885px 0
        }

        .iti-flag.gi {
            height: 10px;
            background-position: -1907px 0
        }

        .iti-flag.gl {
            height: 14px;
            background-position: -1929px 0
        }

        .iti-flag.gm {
            height: 14px;
            background-position: -1951px 0
        }

        .iti-flag.gn {
            height: 14px;
            background-position: -1973px 0
        }

        .iti-flag.gp {
            height: 14px;
            background-position: -1995px 0
        }

        .iti-flag.gq {
            height: 14px;
            background-position: -2017px 0
        }

        .iti-flag.gr {
            height: 14px;
            background-position: -2039px 0
        }

        .iti-flag.gs {
            height: 10px;
            background-position: -2061px 0
        }

        .iti-flag.gt {
            height: 13px;
            background-position: -2083px 0
        }

        .iti-flag.gu {
            height: 11px;
            background-position: -2105px 0
        }

        .iti-flag.gw {
            height: 10px;
            background-position: -2127px 0
        }

        .iti-flag.gy {
            height: 12px;
            background-position: -2149px 0
        }

        .iti-flag.hk {
            height: 14px;
            background-position: -2171px 0
        }

        .iti-flag.hm {
            height: 10px;
            background-position: -2193px 0
        }

        .iti-flag.hn {
            height: 10px;
            background-position: -2215px 0
        }

        .iti-flag.hr {
            height: 10px;
            background-position: -2237px 0
        }

        .iti-flag.ht {
            height: 12px;
            background-position: -2259px 0
        }

        .iti-flag.hu {
            height: 10px;
            background-position: -2281px 0
        }

        .iti-flag.ic {
            height: 14px;
            background-position: -2303px 0
        }

        .iti-flag.id {
            height: 14px;
            background-position: -2325px 0
        }

        .iti-flag.ie {
            height: 10px;
            background-position: -2347px 0
        }

        .iti-flag.il {
            height: 15px;
            background-position: -2369px 0
        }

        .iti-flag.im {
            height: 10px;
            background-position: -2391px 0
        }

        .iti-flag.in {
            height: 14px;
            background-position: -2413px 0
        }

        .iti-flag.io {
            height: 10px;
            background-position: -2435px 0
        }

        .iti-flag.iq {
            height: 14px;
            background-position: -2457px 0
        }

        .iti-flag.ir {
            height: 12px;
            background-position: -2479px 0
        }

        .iti-flag.is {
            height: 15px;
            background-position: -2501px 0
        }

        .iti-flag.it {
            height: 14px;
            background-position: -2523px 0
        }

        .iti-flag.je {
            height: 12px;
            background-position: -2545px 0
        }

        .iti-flag.jm {
            height: 10px;
            background-position: -2567px 0
        }

        .iti-flag.jo {
            height: 10px;
            background-position: -2589px 0
        }

        .iti-flag.jp {
            height: 14px;
            background-position: -2611px 0
        }

        .iti-flag.ke {
            height: 14px;
            background-position: -2633px 0
        }

        .iti-flag.kg {
            height: 12px;
            background-position: -2655px 0
        }

        .iti-flag.kh {
            height: 13px;
            background-position: -2677px 0
        }

        .iti-flag.ki {
            height: 10px;
            background-position: -2699px 0
        }

        .iti-flag.km {
            height: 12px;
            background-position: -2721px 0
        }

        .iti-flag.kn {
            height: 14px;
            background-position: -2743px 0
        }

        .iti-flag.kp {
            height: 10px;
            background-position: -2765px 0
        }

        .iti-flag.kr {
            height: 14px;
            background-position: -2787px 0
        }

        .iti-flag.kw {
            height: 10px;
            background-position: -2809px 0
        }

        .iti-flag.ky {
            height: 10px;
            background-position: -2831px 0
        }

        .iti-flag.kz {
            height: 10px;
            background-position: -2853px 0
        }

        .iti-flag.la {
            height: 14px;
            background-position: -2875px 0
        }

        .iti-flag.lb {
            height: 14px;
            background-position: -2897px 0
        }

        .iti-flag.lc {
            height: 10px;
            background-position: -2919px 0
        }

        .iti-flag.li {
            height: 12px;
            background-position: -2941px 0
        }

        .iti-flag.lk {
            height: 10px;
            background-position: -2963px 0
        }

        .iti-flag.lr {
            height: 11px;
            background-position: -2985px 0
        }

        .iti-flag.ls {
            height: 14px;
            background-position: -3007px 0
        }

        .iti-flag.lt {
            height: 12px;
            background-position: -3029px 0
        }

        .iti-flag.lu {
            height: 12px;
            background-position: -3051px 0
        }

        .iti-flag.lv {
            height: 10px;
            background-position: -3073px 0
        }

        .iti-flag.ly {
            height: 10px;
            background-position: -3095px 0
        }

        .iti-flag.ma {
            height: 14px;
            background-position: -3117px 0
        }

        .iti-flag.mc {
            width: 19px;
            height: 15px;
            background-position: -3139px 0
        }

        .iti-flag.md {
            height: 10px;
            background-position: -3160px 0
        }

        .iti-flag.me {
            height: 10px;
            background-position: -3182px 0
        }

        .iti-flag.mf {
            height: 14px;
            background-position: -3204px 0
        }

        .iti-flag.mg {
            height: 14px;
            background-position: -3226px 0
        }

        .iti-flag.mh {
            height: 11px;
            background-position: -3248px 0
        }

        .iti-flag.mk {
            height: 10px;
            background-position: -3270px 0
        }

        .iti-flag.ml {
            height: 14px;
            background-position: -3292px 0
        }

        .iti-flag.mm {
            height: 14px;
            background-position: -3314px 0
        }

        .iti-flag.mn {
            height: 10px;
            background-position: -3336px 0
        }

        .iti-flag.mo {
            height: 14px;
            background-position: -3358px 0
        }

        .iti-flag.mp {
            height: 10px;
            background-position: -3380px 0
        }

        .iti-flag.mq {
            height: 14px;
            background-position: -3402px 0
        }

        .iti-flag.mr {
            height: 14px;
            background-position: -3424px 0
        }

        .iti-flag.ms {
            height: 10px;
            background-position: -3446px 0
        }

        .iti-flag.mt {
            height: 14px;
            background-position: -3468px 0
        }

        .iti-flag.mu {
            height: 14px;
            background-position: -3490px 0
        }

        .iti-flag.mv {
            height: 14px;
            background-position: -3512px 0
        }

        .iti-flag.mw {
            height: 14px;
            background-position: -3534px 0
        }

        .iti-flag.mx {
            height: 12px;
            background-position: -3556px 0
        }

        .iti-flag.my {
            height: 10px;
            background-position: -3578px 0
        }

        .iti-flag.mz {
            height: 14px;
            background-position: -3600px 0
        }

        .iti-flag.na {
            height: 14px;
            background-position: -3622px 0
        }

        .iti-flag.nc {
            height: 10px;
            background-position: -3644px 0
        }

        .iti-flag.ne {
            height: 15px;
            background-position: -3666px 0
        }

        .iti-flag.nf {
            height: 10px;
            background-position: -3686px 0
        }

        .iti-flag.ng {
            height: 10px;
            background-position: -3708px 0
        }

        .iti-flag.ni {
            height: 12px;
            background-position: -3730px 0
        }

        .iti-flag.nl {
            height: 14px;
            background-position: -3752px 0
        }

        .iti-flag.no {
            height: 15px;
            background-position: -3774px 0
        }

        .iti-flag.np {
            width: 13px;
            height: 15px;
            background-position: -3796px 0
        }

        .iti-flag.nr {
            height: 10px;
            background-position: -3811px 0
        }

        .iti-flag.nu {
            height: 10px;
            background-position: -3833px 0
        }

        .iti-flag.nz {
            height: 10px;
            background-position: -3855px 0
        }

        .iti-flag.om {
            height: 10px;
            background-position: -3877px 0
        }

        .iti-flag.pa {
            height: 14px;
            background-position: -3899px 0
        }

        .iti-flag.pe {
            height: 14px;
            background-position: -3921px 0
        }

        .iti-flag.pf {
            height: 14px;
            background-position: -3943px 0
        }

        .iti-flag.pg {
            height: 15px;
            background-position: -3965px 0
        }

        .iti-flag.ph {
            height: 10px;
            background-position: -3987px 0
        }

        .iti-flag.pk {
            height: 14px;
            background-position: -4009px 0
        }

        .iti-flag.pl {
            height: 13px;
            background-position: -4031px 0
        }

        .iti-flag.pm {
            height: 14px;
            background-position: -4053px 0
        }

        .iti-flag.pn {
            height: 10px;
            background-position: -4075px 0
        }

        .iti-flag.pr {
            height: 14px;
            background-position: -4097px 0
        }

        .iti-flag.ps {
            height: 10px;
            background-position: -4119px 0
        }

        .iti-flag.pt {
            height: 14px;
            background-position: -4141px 0
        }

        .iti-flag.pw {
            height: 13px;
            background-position: -4163px 0
        }

        .iti-flag.py {
            height: 11px;
            background-position: -4185px 0
        }

        .iti-flag.qa {
            height: 8px;
            background-position: -4207px 0
        }

        .iti-flag.re {
            height: 14px;
            background-position: -4229px 0
        }

        .iti-flag.ro {
            height: 14px;
            background-position: -4251px 0
        }

        .iti-flag.rs {
            height: 14px;
            background-position: -4273px 0
        }

        .iti-flag.ru {
            height: 14px;
            background-position: -4295px 0
        }

        .iti-flag.rw {
            height: 14px;
            background-position: -4317px 0
        }

        .iti-flag.sa {
            height: 14px;
            background-position: -4339px 0
        }

        .iti-flag.sb {
            height: 10px;
            background-position: -4361px 0
        }

        .iti-flag.sc {
            height: 10px;
            background-position: -4383px 0
        }

        .iti-flag.sd {
            height: 10px;
            background-position: -4405px 0
        }

        .iti-flag.se {
            height: 13px;
            background-position: -4427px 0
        }

        .iti-flag.sg {
            height: 14px;
            background-position: -4449px 0
        }

        .iti-flag.sh {
            height: 10px;
            background-position: -4471px 0
        }

        .iti-flag.si {
            height: 10px;
            background-position: -4493px 0
        }

        .iti-flag.sj {
            height: 15px;
            background-position: -4515px 0
        }

        .iti-flag.sk {
            height: 14px;
            background-position: -4537px 0
        }

        .iti-flag.sl {
            height: 14px;
            background-position: -4559px 0
        }

        .iti-flag.sm {
            height: 15px;
            background-position: -4581px 0
        }

        .iti-flag.sn {
            height: 14px;
            background-position: -4603px 0
        }

        .iti-flag.so {
            height: 14px;
            background-position: -4625px 0
        }

        .iti-flag.sr {
            height: 14px;
            background-position: -4647px 0
        }

        .iti-flag.ss {
            height: 10px;
            background-position: -4669px 0
        }

        .iti-flag.st {
            height: 10px;
            background-position: -4691px 0
        }

        .iti-flag.sv {
            height: 12px;
            background-position: -4713px 0
        }

        .iti-flag.sx {
            height: 14px;
            background-position: -4735px 0
        }

        .iti-flag.sy {
            height: 14px;
            background-position: -4757px 0
        }

        .iti-flag.sz {
            height: 14px;
            background-position: -4779px 0
        }

        .iti-flag.ta {
            height: 10px;
            background-position: -4801px 0
        }

        .iti-flag.tc {
            height: 10px;
            background-position: -4823px 0
        }

        .iti-flag.td {
            height: 14px;
            background-position: -4845px 0
        }

        .iti-flag.tf {
            height: 14px;
            background-position: -4867px 0
        }

        .iti-flag.tg {
            height: 13px;
            background-position: -4889px 0
        }

        .iti-flag.th {
            height: 14px;
            background-position: -4911px 0
        }

        .iti-flag.tj {
            height: 10px;
            background-position: -4933px 0
        }

        .iti-flag.tk {
            height: 10px;
            background-position: -4955px 0
        }

        .iti-flag.tl {
            height: 10px;
            background-position: -4977px 0
        }

        .iti-flag.tm {
            height: 14px;
            background-position: -4999px 0
        }

        .iti-flag.tn {
            height: 14px;
            background-position: -5021px 0
        }

        .iti-flag.to {
            height: 10px;
            background-position: -5043px 0
        }

        .iti-flag.tr {
            height: 14px;
            background-position: -5065px 0
        }

        .iti-flag.tt {
            height: 12px;
            background-position: -5087px 0
        }

        .iti-flag.tv {
            height: 10px;
            background-position: -5109px 0
        }

        .iti-flag.tw {
            height: 14px;
            background-position: -5131px 0
        }

        .iti-flag.tz {
            height: 14px;
            background-position: -5153px 0
        }

        .iti-flag.ua {
            height: 14px;
            background-position: -5175px 0
        }

        .iti-flag.ug {
            height: 14px;
            background-position: -5197px 0
        }

        .iti-flag.um {
            height: 11px;
            background-position: -5219px 0
        }

        .iti-flag.us {
            height: 11px;
            background-position: -5241px 0
        }

        .iti-flag.uy {
            height: 14px;
            background-position: -5263px 0
        }

        .iti-flag.uz {
            height: 10px;
            background-position: -5285px 0
        }

        .iti-flag.va {
            width: 15px;
            height: 15px;
            background-position: -5307px 0
        }

        .iti-flag.vc {
            height: 14px;
            background-position: -5324px 0
        }

        .iti-flag.ve {
            height: 14px;
            background-position: -5346px 0
        }

        .iti-flag.vg {
            height: 10px;
            background-position: -5368px 0
        }

        .iti-flag.vi {
            height: 14px;
            background-position: -5390px 0
        }

        .iti-flag.vn {
            height: 14px;
            background-position: -5412px 0
        }

        .iti-flag.vu {
            height: 12px;
            background-position: -5434px 0
        }

        .iti-flag.wf {
            height: 14px;
            background-position: -5456px 0
        }

        .iti-flag.ws {
            height: 10px;
            background-position: -5478px 0
        }

        .iti-flag.xk {
            height: 15px;
            background-position: -5500px 0
        }

        .iti-flag.ye {
            height: 14px;
            background-position: -5522px 0
        }

        .iti-flag.yt {
            height: 14px;
            background-position: -5544px 0
        }

        .iti-flag.za {
            height: 14px;
            background-position: -5566px 0
        }

        .iti-flag.zm {
            height: 14px;
            background-position: -5588px 0
        }

        .iti-flag.zw {
            height: 10px;
            background-position: -5610px 0
        }

        .iti-flag {
            width: 20px;
            height: 15px;
            box-shadow: 0 0 1px 0 #888;
            background-image: url(assets/images/flags.png);
            background-repeat: no-repeat;
            background-color: #dbdbdb;
            background-position: 20px 0
        }

        @media only screen and (-webkit-min-device-pixel-ratio:2),
        only screen and (min--moz-device-pixel-ratio:2),
        only screen and (-o-min-device-pixel-ratio:2 / 1),
        only screen and (min-device-pixel-ratio:2),
        only screen and (min-resolution:192dpi),
        only screen and (min-resolution:2dppx) {
            .iti-flag {
                background-size: 5630px 15px;
                background-image: url(assets/images/flags%402x.html)
            }
        }

        .mCustomScrollbar {
            -ms-touch-action: none;
            touch-action: none
        }

        .mCustomScrollbar.mCS_no_scrollbar {
            -ms-touch-action: auto;
            touch-action: auto
        }

        .mCustomScrollBox {
            position: relative;
            overflow: hidden;
            height: 100%;
            max-width: 100%;
            outline: 0;
            padding: 0 10px;
            direction: ltr
        }

        .mCSB_container {
            overflow: hidden;
            width: auto;
            height: auto
        }

        .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
            margin-right: 0
        }

        .mCS-dir-rtl>.mCSB_inside>.mCSB_container,
        .mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
            margin-right: 0;
            margin-left: 30px
        }

        .mCSB_scrollTools {
            position: absolute;
            width: 16px;
            height: auto;
            left: auto;
            top: 0;
            right: 0;
            bottom: 0;
            opacity: .75;
            filter: "alpha(opacity=75)";
            -ms-filter: "alpha(opacity=75)"
        }

        .mCSB_outside+.mCSB_scrollTools {
            right: -26px
        }

        .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
        .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
            right: auto;
            left: 0
        }

        .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
            left: -26px
        }

        .mCSB_scrollTools .mCSB_draggerContainer {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            height: auto
        }

        .mCSB_scrollTools a+.mCSB_draggerContainer {
            margin: 0 -11px 20px 0
        }

        .mCSB_scrollTools .mCSB_draggerRail {
            width: 2px;
            height: 100%;
            margin: 0 auto;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            border-radius: 16px
        }

        .mCSB_scrollTools .mCSB_dragger {
            cursor: pointer;
            width: 100%;
            height: 30px;
            z-index: 1
        }

        .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            position: relative;
            width: 4px;
            height: 100%;
            margin: 0 auto;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            border-radius: 16px;
            text-align: center
        }

        .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
        .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
        .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
        .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
        .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
        .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
            width: 12px
        }

        .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
        .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
            width: 8px
        }

        .mCSB_scrollTools .mCSB_buttonDown,
        .mCSB_scrollTools .mCSB_buttonUp {
            display: block;
            position: absolute;
            height: 20px;
            width: 100%;
            overflow: hidden;
            margin: 0 auto;
            cursor: pointer
        }

        .mCSB_horizontal.mCSB_inside>.mCSB_container {
            margin-right: 0;
            margin-bottom: 30px
        }

        .mCSB_horizontal.mCSB_outside>.mCSB_container {
            min-height: 100%
        }

        .mCSB_scrollTools.mCSB_scrollTools_horizontal {
            width: auto;
            height: 16px;
            top: auto;
            right: 0;
            bottom: 0;
            left: 0
        }

        .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
        .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
            bottom: -26px
        }

        .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
            margin: 0 20px
        }

        .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
            width: 100%;
            height: 2px;
            margin: 7px 0
        }

        .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
            width: 30px;
            height: 100%;
            left: 0
        }

        .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
        .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
        .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
            width: 100%;
            height: 4px;
            margin: 6px auto
        }

        .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
        .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
            height: 12px;
            margin: 2px auto
        }

        .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
        .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
            height: 8px;
            margin: 4px 0
        }

        .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
        .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
            display: block;
            position: absolute;
            width: 20px;
            height: 100%;
            overflow: hidden;
            margin: 0 auto;
            cursor: pointer
        }

        .mCSB_container_wrapper {
            position: absolute;
            height: auto;
            width: auto;
            overflow: hidden;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin-right: 30px;
            margin-bottom: 30px
        }

        .mCSB_container_wrapper>.mCSB_container {
            padding-right: 30px;
            padding-bottom: 30px
        }

        .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
            bottom: 20px
        }

        .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
            right: 20px
        }

        .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
            left: 20px
        }

        .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
            padding-right: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
            padding-bottom: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .mCSB_scrollTools,
        .mCSB_scrollTools .mCSB_buttonDown,
        .mCSB_scrollTools .mCSB_buttonLeft,
        .mCSB_scrollTools .mCSB_buttonRight,
        .mCSB_scrollTools .mCSB_buttonUp,
        .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
            -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
            -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
            transition: opacity .2s ease-in-out, background-color .2s ease-in-out
        }

        .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
        .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
        .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
        .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
            -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
            -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
            -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
            transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
        }

        .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
        .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
            opacity: 0;
            filter: "alpha(opacity=0)";
            -ms-filter: "alpha(opacity=0)"
        }

        .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
        .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
        .mCustomScrollBox:hover>.mCSB_scrollTools,
        .mCustomScrollBox:hover~.mCSB_scrollTools,
        .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
        .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
            opacity: 1;
            filter: "alpha(opacity=100)";
            -ms-filter: "alpha(opacity=100)"
        }

        .mCSB_scrollTools .mCSB_draggerRail {
            background-color: transparent;
            filter: "alpha(opacity=40)";
            -ms-filter: "alpha(opacity=40)"
        }

        .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            background-color: #fff;
            background-color: #99999940;
            filter: "alpha(opacity=75)";
            -ms-filter: "alpha(opacity=75)"
        }

        .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
            background-color: #999;
            filter: "alpha(opacity=85)";
            -ms-filter: "alpha(opacity=85)"
        }

        .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
            background-color: #999;
            filter: "alpha(opacity=90)";
            -ms-filter: "alpha(opacity=90)"
        }

        .mCSB_scrollTools .mCSB_buttonDown,
        .mCSB_scrollTools .mCSB_buttonLeft,
        .mCSB_scrollTools .mCSB_buttonRight,
        .mCSB_scrollTools .mCSB_buttonUp {
            background-repeat: no-repeat;
            opacity: .4;
            filter: "alpha(opacity=40)";
            -ms-filter: "alpha(opacity=40)"
        }

        .mCSB_scrollTools .mCSB_buttonUp {
            background-position: 0 0
        }

        .mCSB_scrollTools .mCSB_buttonDown {
            bottom: 0;
            background-position: 0 -20px
        }

        .mCSB_scrollTools .mCSB_buttonLeft {
            background-position: 0 -40px
        }

        .mCSB_scrollTools .mCSB_buttonRight {
            background-position: 0 -56px
        }

        .mCSB_scrollTools .mCSB_buttonDown:hover,
        .mCSB_scrollTools .mCSB_buttonLeft:hover,
        .mCSB_scrollTools .mCSB_buttonRight:hover,
        .mCSB_scrollTools .mCSB_buttonUp:hover {
            opacity: .75;
            filter: "alpha(opacity=75)";
            -ms-filter: "alpha(opacity=75)"
        }

        .mCSB_scrollTools .mCSB_buttonDown:active,
        .mCSB_scrollTools .mCSB_buttonLeft:active,
        .mCSB_scrollTools .mCSB_buttonRight:active,
        .mCSB_scrollTools .mCSB_buttonUp:active {
            opacity: .9;
            filter: "alpha(opacity=90)";
            -ms-filter: "alpha(opacity=90)"
        }

        .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-dark.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
            background-color: rgba(0, 0, 0, .15)
        }

        .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            background-color: rgba(0, 0, 0, .75)
        }

        .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
        .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
        .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
        .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
        .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
        .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
        .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
        .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
        .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
        .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
        .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
            background-color: rgba(0, 0, 0, .85)
        }

        .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
            background-color: rgba(0, 0, 0, .9)
        }

        .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp,
        .mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
            background-position: -80px 0
        }

        .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown,
        .mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
            background-position: -80px -20px
        }

        .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft,
        .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
            background-position: -80px -40px
        }

        .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight,
        .mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
            background-position: -80px -56px
        }

        .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
            width: 4px;
            background-color: rgba(255, 255, 255, .1);
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            border-radius: 1px
        }

        .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            width: 4px;
            background-color: #ffb446;
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            border-radius: 1px
        }

        .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
        .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
        .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
            background-color: rgba(255, 255, 255, .85)
        }

        .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
            background-color: rgba(255, 255, 255, .9)
        }

        .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
            background-position: -32px 0
        }

        .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
            background-position: -32px -20px
        }

        .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
            background-position: -40px -40px
        }

        .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
            background-position: -40px -56px
        }

        .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
            background-color: rgba(0, 0, 0, .1);
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            border-radius: 1px
        }

        .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            background-color: rgba(0, 0, 0, .75);
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            border-radius: 1px
        }

        .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
            background-position: -112px 0
        }

        .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
            background-position: -112px -20px
        }

        .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
            background-position: -120px -40px
        }

        .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
            background-position: -120px -56px
        }

        .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
            width: 4px;
            background-color: rgba(255, 255, 255, .1);
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px
        }

        .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            width: 6px;
            background-color: #ffb446;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px
        }

        .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
        .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
            width: 100%;
            height: 4px;
            margin: 6px 0
        }

        .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
            width: 100%;
            height: 6px;
            margin: 5px auto
        }

        .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
            background-position: -16px 0
        }

        .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
            background-position: -16px -20px
        }

        .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
            background-position: -20px -40px
        }

        .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
            background-position: -20px -56px
        }

        .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
            background-color: rgba(0, 0, 0, .1);
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px
        }

        .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            background-color: rgba(0, 0, 0, .75);
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px
        }

        .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
            background-position: -96px 0
        }

        .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
            background-position: -96px -20px
        }

        .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
            background-position: -100px -40px
        }

        .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
            background-position: -100px -56px
        }

        .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
            background-color: rgba(255, 255, 255, .1)
        }

        .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            width: 2px
        }

        .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
            width: 100%;
            height: 2px;
            margin: 7px auto
        }

        .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
            background-color: rgba(255, 255, 255, .15)
        }

        .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
        .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
        .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
        .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
            height: 14px
        }

        .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            width: 14px;
            margin: 0 1px
        }

        .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
        .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
        .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
        .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
            width: 14px
        }

        .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
            height: 14px;
            margin: 1px 0
        }

        .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
        .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
        .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
        .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
            width: 16px;
            height: 16px;
            margin: -1px 0
        }

        .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
        .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
        .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
        .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
        .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
        .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
            width: 4px
        }

        .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
        .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
        .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
        .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
            height: 16px;
            width: 16px;
            margin: 0 -1px
        }

        .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
        .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
        .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
        .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
            height: 4px;
            margin: 6px 0
        }

        .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
            background-position: 0 -72px
        }

        .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
            background-position: 0 -92px
        }

        .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
            background-position: 0 -112px
        }

        .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
            background-position: 0 -128px
        }

        .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
            background-position: -80px -72px
        }

        .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
            background-position: -80px -92px
        }

        .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
            background-position: -80px -112px
        }

        .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
            background-position: -80px -128px
        }

        .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
        .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
            background-color: transparent;
            background-position: center
        }

        .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
            background-repeat: repeat-y;
            opacity: .3;
            filter: "alpha(opacity=30)";
            -ms-filter: "alpha(opacity=30)"
        }

        .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
        .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
            height: 4px;
            margin: 6px 0;
            background-repeat: repeat-x
        }

        .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
            background-position: -16px -72px
        }

        .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
            background-position: -16px -92px
        }

        .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
            background-position: -20px -112px
        }

        .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
            background-position: -20px -128px
        }

        .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
        }

        .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
            background-position: -96px -72px
        }

        .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
            background-position: -96px -92px
        }

        .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
            background-position: -100px -112px
        }

        .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
            background-position: -100px -128px
        }

        .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            background-repeat: repeat-y;
            background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
            background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
            background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
            background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
            background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
            background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
        }

        .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
            background-repeat: repeat-x;
            background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
            background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
            background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
            background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
            background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
        }

        .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
        .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
            height: 70px
        }

        .mCS-3d-dark.mCSB_scrollTools,
        .mCS-3d-thick-dark.mCSB_scrollTools,
        .mCS-3d-thick.mCSB_scrollTools,
        .mCS-3d.mCSB_scrollTools {
            opacity: 1;
            filter: "alpha(opacity=30)";
            -ms-filter: "alpha(opacity=30)"
        }

        .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            border-radius: 16px
        }

        .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
            width: 8px;
            background-color: rgba(0, 0, 0, .2);
            box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 147, 43, .2)
        }

        .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
        .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
            background-color: #555
        }

        .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
        .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
            width: 100%;
            height: 8px;
            margin: 4px 0;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 147, 43, .2)
        }

        .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
            width: 100%;
            height: 8px;
            margin: 4px auto
        }

        .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp,
        .mCS-3d.mCSB_scrollTools .mCSB_buttonUp,
        .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
        .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
        .mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
        .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
            background-position: -32px -72px
        }

        .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown,
        .mCS-3d.mCSB_scrollTools .mCSB_buttonDown,
        .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
        .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
        .mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
        .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
            background-position: -32px -92px
        }

        .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft,
        .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft,
        .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
        .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
        .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
        .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
            background-position: -40px -112px
        }

        .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight,
        .mCS-3d.mCSB_scrollTools .mCSB_buttonRight,
        .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
        .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
        .mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
        .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
            background-position: -40px -128px
        }

        .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
            background-color: rgba(0, 0, 0, .1);
            box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
        }

        .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
        }

        .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp,
        .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp,
        .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
        .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
        .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
            background-position: -112px -72px
        }

        .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown,
        .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown,
        .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
        .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
        .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
            background-position: -112px -92px
        }

        .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft,
        .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft,
        .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
        .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
        .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
            background-position: -120px -112px
        }

        .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight,
        .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight,
        .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
        .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
        .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
            background-position: -120px -128px
        }

        .mCS-3d-thick-dark.mCSB_scrollTools,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
        .mCS-3d-thick.mCSB_scrollTools,
        .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px
        }

        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
            width: 12px;
            margin: 2px;
            position: absolute;
            height: auto;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0
        }

        .mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
        .mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
            right: 1px
        }

        .mCS-3d-thick-dark.mCSB_scrollTools_vertical,
        .mCS-3d-thick.mCSB_scrollTools_vertical {
            box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
        }

        .mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
        .mCS-3d-thick.mCSB_scrollTools_horizontal {
            bottom: 1px;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
        }

        .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
            height: 12px;
            width: auto
        }

        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
        .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
            background-color: rgba(0, 0, 0, .05);
            box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
        }

        .mCS-3d-thick-dark.mCSB_scrollTools {
            box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
        }

        .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
        }

        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
        }

        .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
        }

        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
            background-color: #777
        }

        .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
        .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
            right: 0;
            margin: 12px 0
        }

        .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
        .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
        .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
        .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
            bottom: 0;
            margin: 0 12px
        }

        .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
        .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
            left: 0;
            right: auto
        }

        .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
        .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
            height: 50px
        }

        .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
        .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
            width: 50px
        }

        .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            background-color: rgba(255, 147, 43, .2);
            filter: "alpha(opacity=20)";
            -ms-filter: "alpha(opacity=20)"
        }

        .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
            background-color: rgba(255, 255, 255, .5);
            filter: "alpha(opacity=50)";
            -ms-filter: "alpha(opacity=50)"
        }

        .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            background-color: rgba(0, 0, 0, .2);
            filter: "alpha(opacity=20)";
            -ms-filter: "alpha(opacity=20)"
        }

        .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
            background-color: rgba(0, 0, 0, .5);
            filter: "alpha(opacity=50)";
            -ms-filter: "alpha(opacity=50)"
        }

        .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
            width: 6px;
            background-color: rgba(0, 0, 0, .2)
        }

        .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            width: 6px
        }

        .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
        .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
            width: 100%;
            height: 6px;
            margin: 5px 0
        }

        .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
        .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
        .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
        .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
            height: 12px;
            margin: 2px 0
        }

        .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
            background-color: rgba(0, 0, 0, .1)
        }

        .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
            width: 12px;
            background-color: rgba(0, 0, 0, .2)
        }

        .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            width: 6px;
            margin: 3px 5px;
            position: absolute;
            height: auto;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0
        }

        .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
            height: 6px;
            margin: 5px 3px;
            position: absolute;
            width: auto;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0
        }

        .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
        .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
        .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
        .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
        .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
        .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
            width: 100%;
            height: 12px;
            margin: 2px 0
        }

        .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
        .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
            background-color: transparent;
            border: 1px solid rgba(255, 147, 43, .2);
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
            border-color: rgba(0, 0, 0, .2)
        }

        .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
            background-color: rgba(255, 255, 255, .6)
        }

        .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
            background-color: rgba(0, 0, 0, .6)
        }

        .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            background-color: #ffb446
        }

        @font-face {
            font-family: icomoon;
            src: url(fonts/icomoon.html);
            src: url(fonts/icomoon.html) format('embedded-opentype'), url(fonts/icomoon-2.html) format('truetype'), url(fonts/icomoon-3.html) format('woff'), url(fonts/icomoon-4.html) format('svg');
            font-weight: 400;
            font-style: normal
        }

        [class*=" icon-"],
        [class^=icon-] {
            font-family: icomoon !important;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none
        }

        .icon-chat:before {
            content: "\e977"
        }

        .icon-a2new:before {
            content: "\e973"
        }

        .icon-a4new:before {
            content: "\e974"
        }

        .icon-brandingnew:before {
            content: "\e975";
            color: #4c4c4c
        }

        .icon-research:before {
            content: "\e976";
            color: #4c4c4c
        }

        .icon-a1:before {
            content: "\e967"
        }

        .icon-a2:before {
            content: "\e968"
        }

        .icon-a3:before {
            content: "\e969"
        }

        .icon-a4:before {
            content: "\e96a"
        }

        .icon-a5:before {
            content: "\e96b"
        }

        .icon-a6:before {
            content: "\e96c"
        }

        .icon-branding:before {
            content: "\e96d";
            color: #4c4c4c
        }

        .icon-critical:before {
            content: "\e96e";
            color: #4c4c4c
        }

        .icon-formatting:before {
            content: "\e96f";
            color: #4c4c4c
        }

        .icon-genuine:before {
            content: "\e970";
            color: #4c4c4c
        }

        .icon-guarantee:before {
            content: "\e971";
            color: #4c4c4c
        }

        .icon-researching:before {
            content: "\e972";
            color: #4c4c4c
        }

        .icon-pinterest-p:before {
            content: "\e966"
        }

        .icon-instagram:before {
            content: "\e963"
        }

        .icon-vimeo:before {
            content: "\e964"
        }

        .icon-medium:before {
            content: "\e965"
        }

        .icon-check-circle:before {
            content: "\e962"
        }

        .icon-youtube:before {
            content: "\e960"
        }

        .icon-envelope-o:before {
            content: "\e927"
        }

        .icon-star-half-empty:before,
        .icon-star-half-full:before,
        .icon-star-half-o:before {
            content: "\e928"
        }

        .icon-star-o:before {
            content: "\e929"
        }

        .icon-star:before {
            content: "\e92a"
        }

        .icon-home3:before {
            content: "\e92b"
        }

        .icon-user:before {
            content: "\e92c"
        }

        .icon-instagram2:before {
            content: "\e92d"
        }

        .icon-linkedin-square:before {
            content: "\e92e"
        }

        .icon-linkedin:before {
            content: "\e92f"
        }

        .icon-google-plus-square:before {
            content: "\e930"
        }

        .icon-google-plus:before {
            content: "\e931"
        }

        .icon-youtube-play:before {
            content: "\e932"
        }

        .icon-youtube-square:before {
            content: "\e933"
        }

        .icon-twitter-square:before {
            content: "\e934"
        }

        .icon-twitter:before {
            content: "\e935"
        }

        .icon-facebook-square:before {
            content: "\e936"
        }

        .icon-facebook-f:before,
        .icon-facebook:before {
            content: "\e937"
        }

        .icon-commenting-o:before {
            content: "\e938"
        }

        .icon-comment-o:before {
            content: "\e939"
        }

        .icon-caret-right:before {
            content: "\e93a"
        }

        .icon-caret-left:before {
            content: "\e93b"
        }

        .icon-caret-up:before {
            content: "\e93c"
        }

        .icon-caret-down:before {
            content: "\e93d"
        }

        .icon-quote-right:before {
            content: "\e93e"
        }

        .icon-quote-left:before {
            content: "\e93f"
        }

        .icon-arrow-circle-down:before {
            content: "\e940"
        }

        .icon-arrow-circle-up:before {
            content: "\e941"
        }

        .icon-arrow-circle-right:before {
            content: "\e942"
        }

        .icon-arrow-circle-left:before {
            content: "\e943"
        }

        .icon-map-marker3:before {
            content: "\e944"
        }

        .icon-mobile-phone:before,
        .icon-mobile2:before {
            content: "\e945"
        }

        .icon-phone2:before {
            content: "\e946"
        }

        .icon-envelope2:before {
            content: "\e947"
        }

        .icon-globe:before {
            content: "\e948"
        }

        .icon-minus:before {
            content: "\e949"
        }

        .icon-plus:before {
            content: "\e94a"
        }

        .icon-chevron-circle-down:before {
            content: "\e94b"
        }

        .icon-chevron-circle-up:before {
            content: "\e94c"
        }

        .icon-chevron-circle-right:before {
            content: "\e94d"
        }

        .icon-chevron-circle-left:before {
            content: "\e94e"
        }

        .icon-chevron-right:before {
            content: "\e94f"
        }

        .icon-chevron-left:before {
            content: "\e950"
        }

        .icon-chevron-down:before {
            content: "\e951"
        }

        .icon-chevron-up:before {
            content: "\e952"
        }

        .icon-plus-square-o:before {
            content: "\e953"
        }

        .icon-minus-square-o:before {
            content: "\e954"
        }

        .icon-angle-down:before {
            content: "\e955"
        }

        .icon-angle-up:before {
            content: "\e956"
        }

        .icon-angle-right:before {
            content: "\e957"
        }

        .icon-angle-left:before {
            content: "\e958"
        }

        .icon-angle-double-down:before {
            content: "\e959"
        }

        .icon-angle-double-up:before {
            content: "\e95a"
        }

        .icon-angle-double-right:before {
            content: "\e95b"
        }

        .icon-angle-double-left:before {
            content: "\e95c"
        }

        .icon-check-square:before {
            content: "\e95d"
        }

        .icon-minus-square:before {
            content: "\e95e"
        }

        .icon-plus-square:before {
            content: "\e95f"
        }

        .icon-book:before {
            content: "\e961"
        }

        .icon-location:before,
        .icon-map:before {
            content: "\e915"
        }

        .icon-approve:before,
        .icon-checkmark:before,
        .icon-submit:before,
        .icon-tick:before {
            content: "\e916"
        }

        .icon-home:before {
            content: "\e900"
        }

        .icon-person_add:before {
            content: "\e901"
        }

        .icon-person:before {
            content: "\e902"
        }

        .icon-arrow-right-circle:before {
            content: "\e903"
        }

        .icon-arrow-left-circle:before {
            content: "\e904"
        }

        .icon-arrow-down-circle:before {
            content: "\e905"
        }

        .icon-arrow-up-circle:before {
            content: "\e906"
        }

        .icon-minus2:before {
            content: "\e907"
        }

        .icon-plus2:before {
            content: "\e908"
        }

        .icon-x-square:before {
            content: "\e909"
        }

        .icon-check-square2:before {
            content: "\e90a"
        }

        .icon-zoom-out:before {
            content: "\e917"
        }

        .icon-zoom-in:before {
            content: "\e918"
        }

        .icon-envelope:before {
            content: "\e919"
        }

        .icon-checkmark2:before {
            content: "\e91a"
        }

        .icon-minus-solid:before {
            content: "\e91b"
        }

        .icon-minus-outline:before {
            content: "\e91c"
        }

        .icon-add-solid:before {
            content: "\e91d"
        }

        .icon-add-outline:before {
            content: "\e91e"
        }

        .icon-arrow-right:before {
            content: "\e91f"
        }

        .icon-arrow-left:before {
            content: "\e920"
        }

        .icon-arrow-down:before {
            content: "\e921"
        }

        .icon-arrow-up:before {
            content: "\e922"
        }

        .icon-magnifying-glass2:before {
            content: "\e923"
        }

        .icon-squared-plus:before {
            content: "\e924"
        }

        .icon-squared-minus:before {
            content: "\e925"
        }

        .icon-squared-cross:before {
            content: "\e926"
        }

        .icon-quote:before,
        .icon-right-quote:before {
            content: "\e90b"
        }

        .icon-left-quote:before,
        .icon-quote2:before {
            content: "\e90c"
        }

        .icon-magnifier:before,
        .icon-magnifying-glass:before,
        .icon-search:before,
        .icon-zoom:before {
            content: "\e90d"
        }

        .icon-home2:before,
        .icon-house:before {
            content: "\e90e"
        }

        .icon-quotes-right:before,
        .icon-rdquo:before {
            content: "\e90f"
        }

        .icon-ldquo:before,
        .icon-quotes-left:before {
            content: "\e910"
        }

        .icon-location2:before,
        .icon-map-marker:before,
        .icon-pin:before {
            content: "\e911"
        }

        .icon-location3:before,
        .icon-map-marker2:before,
        .icon-pin2:before {
            content: "\e912"
        }

        .icon-cell-phone:before,
        .icon-handheld:before,
        .icon-mobile:before {
            content: "\e913"
        }

        .icon-call:before,
        .icon-contact:before,
        .icon-phone:before,
        .icon-support:before,
        .icon-telephone:before {
            content: "\e914"
        }

        :root {
            --primary-color: #68708745;
            --primary-color-dark: #d3222a;
            --secondary-color: #1f295d;
            --secondary-color-dark: #131c4b;
            --default-color: #666666;
            --theme-dark: #333333;
            --theme-lite: #666666;
            --theme-white: #ffffff;
            --theme-black: #000000;
            --bg-lite: #f5f5f5;
            --bg-dark: #18191a;
            --primary-font-family: 'Titillium Web', sans-serif;
            --secondary-font-family: 'Titillium Web', sans-serif;
            --heading-font-family: 'Niramit', sans-serif;
            --base-font-size: 14px;
            --font-size-h1-home: 45px;
            --font-size-h1-home-vmin: 8vmin;
            --font-size-h1-inner: 40px;
            --font-size-h1-inner-vmin: 7.2vmin;
            --font-size-h2: 35px;
            --font-size-h3: 28px;
            --font-size-h4: 26px;
            --font-size-h5: 24px;
            --font-size-h6: 22px
        }

        .fs-14 {
            font-size: 14px
        }

        .fs-15 {
            font-size: 15px
        }

        .fs-16 {
            font-size: 16px
        }

        .fs-17 {
            font-size: 17px
        }

        .fs-18 {
            font-size: 18px
        }

        .fs-19 {
            font-size: 19px
        }

        .fs-20 {
            font-size: 20px
        }

        .fs-21 {
            font-size: 21px
        }

        .fs-22 {
            font-size: 22px
        }

        .mt-100 {
            margin-top: 100% !important
        }

        .mt-99 {
            margin-top: 99% !important
        }

        .mt-98 {
            margin-top: 98% !important
        }

        .mt-97 {
            margin-top: 97% !important
        }

        .mt-96 {
            margin-top: 96% !important
        }

        .mt-95 {
            margin-top: 95% !important
        }

        .mt-94 {
            margin-top: 94% !important
        }

        .mt-93 {
            margin-top: 93% !important
        }

        .mt-92 {
            margin-top: 92% !important
        }

        .mt-91 {
            margin-top: 91% !important
        }

        .mt-90 {
            margin-top: 90% !important
        }

        .mt-89 {
            margin-top: 89% !important
        }

        .mt-88 {
            margin-top: 88% !important
        }

        .mt-87 {
            margin-top: 87% !important
        }

        .mt-86 {
            margin-top: 86% !important
        }

        .mt-85 {
            margin-top: 85% !important
        }

        .mt-84 {
            margin-top: 84% !important
        }

        .mt-83 {
            margin-top: 83% !important
        }

        .mt-82 {
            margin-top: 82% !important
        }

        .mt-81 {
            margin-top: 81% !important
        }

        .mt-80 {
            margin-top: 80% !important
        }

        .mt-79 {
            margin-top: 79% !important
        }

        .mt-78 {
            margin-top: 78% !important
        }

        .mt-77 {
            margin-top: 77% !important
        }

        .mt-76 {
            margin-top: 76% !important
        }

        .mt-75 {
            margin-top: 75% !important
        }

        .mt-74 {
            margin-top: 74% !important
        }

        .mt-73 {
            margin-top: 73% !important
        }

        .mt-72 {
            margin-top: 72% !important
        }

        .mt-71 {
            margin-top: 71% !important
        }

        .mt-70 {
            margin-top: 70% !important
        }

        .mt-69 {
            margin-top: 69% !important
        }

        .mt-68 {
            margin-top: 68% !important
        }

        .mt-67 {
            margin-top: 67% !important
        }

        .mt-66 {
            margin-top: 66% !important
        }

        .mt-65 {
            margin-top: 65% !important
        }

        .mt-64 {
            margin-top: 64% !important
        }

        .mt-63 {
            margin-top: 63% !important
        }

        .mt-62 {
            margin-top: 62% !important
        }

        .mt-61 {
            margin-top: 61% !important
        }

        .mt-60 {
            margin-top: 60% !important
        }

        .mt-59 {
            margin-top: 59% !important
        }

        .mt-58 {
            margin-top: 58% !important
        }

        .mt-57 {
            margin-top: 57% !important
        }

        .mt-56 {
            margin-top: 56% !important
        }

        .mt-55 {
            margin-top: 55% !important
        }

        .mt-54 {
            margin-top: 54% !important
        }

        .mt-53 {
            margin-top: 53% !important
        }

        .mt-52 {
            margin-top: 52% !important
        }

        .mt-51 {
            margin-top: 51% !important
        }

        .mt-50 {
            margin-top: 50% !important
        }

        .mt-49 {
            margin-top: 49% !important
        }

        .mt-48 {
            margin-top: 48% !important
        }

        .mt-47 {
            margin-top: 47% !important
        }

        .mt-46 {
            margin-top: 46% !important
        }

        .mt-45 {
            margin-top: 45% !important
        }

        .mt-44 {
            margin-top: 44% !important
        }

        .mt-43 {
            margin-top: 43% !important
        }

        .mt-42 {
            margin-top: 42% !important
        }

        .mt-41 {
            margin-top: 41% !important
        }

        .mt-40 {
            margin-top: 40% !important
        }

        .mt-39 {
            margin-top: 39% !important
        }

        .mt-38 {
            margin-top: 38% !important
        }

        .mt-37 {
            margin-top: 37% !important
        }

        .mt-36 {
            margin-top: 36% !important
        }

        .mt-35 {
            margin-top: 35% !important
        }

        .mt-34 {
            margin-top: 34% !important
        }

        .mt-33 {
            margin-top: 33% !important
        }

        .mt-32 {
            margin-top: 32% !important
        }

        .mt-31 {
            margin-top: 31% !important
        }

        .mt-30 {
            margin-top: 30% !important
        }

        .mt-29 {
            margin-top: 29% !important
        }

        .mt-28 {
            margin-top: 28% !important
        }

        .mt-27 {
            margin-top: 27% !important
        }

        .mt-26 {
            margin-top: 26% !important
        }

        .mt-25 {
            margin-top: 25% !important
        }

        .mt-24 {
            margin-top: 24% !important
        }

        .mt-23 {
            margin-top: 23% !important
        }

        .mt-22 {
            margin-top: 22% !important
        }

        .mt-21 {
            margin-top: 21% !important
        }

        .mt-20 {
            margin-top: 20% !important
        }

        .mt-19 {
            margin-top: 19% !important
        }

        .mt-18 {
            margin-top: 18% !important
        }

        .mt-17 {
            margin-top: 17% !important
        }

        .mt-16 {
            margin-top: 16% !important
        }

        .mt-15 {
            margin-top: 15% !important
        }

        .mt-14 {
            margin-top: 14% !important
        }

        .mt-13 {
            margin-top: 13% !important
        }

        .mt-12 {
            margin-top: 12% !important
        }

        .mt-11 {
            margin-top: 11% !important
        }

        .mt-10 {
            margin-top: 10% !important
        }

        .mt-9 {
            margin-top: 9% !important
        }

        .mt-8 {
            margin-top: 8% !important
        }

        .mt-7 {
            margin-top: 7% !important
        }

        .mt-6 {
            margin-top: 6% !important
        }

        .mt-5 {
            margin-top: 5% !important
        }

        .mt-4 {
            margin-top: 4% !important
        }

        .mt-3 {
            margin-top: 3% !important
        }

        .mt-2 {
            margin-top: 2% !important
        }

        .mt-1 {
            margin-top: 1% !important
        }

        .mbpx-100 {
            margin-bottom: 100px !important
        }

        .mbpx-99 {
            margin-bottom: 99px !important
        }

        .mbpx-98 {
            margin-bottom: 98px !important
        }

        .mbpx-97 {
            margin-bottom: 97px !important
        }

        .mbpx-96 {
            margin-bottom: 96px !important
        }

        .mbpx-95 {
            margin-bottom: 95px !important
        }

        .mbpx-94 {
            margin-bottom: 94px !important
        }

        .mbpx-93 {
            margin-bottom: 93px !important
        }

        .mbpx-92 {
            margin-bottom: 92px !important
        }

        .mbpx-91 {
            margin-bottom: 91px !important
        }

        .mbpx-90 {
            margin-bottom: 90px !important
        }

        .mbpx-89 {
            margin-bottom: 89px !important
        }

        .mbpx-88 {
            margin-bottom: 88px !important
        }

        .mbpx-87 {
            margin-bottom: 87px !important
        }

        .mbpx-86 {
            margin-bottom: 86px !important
        }

        .mbpx-85 {
            margin-bottom: 85px !important
        }

        .mbpx-84 {
            margin-bottom: 84px !important
        }

        .mbpx-83 {
            margin-bottom: 83px !important
        }

        .mbpx-82 {
            margin-bottom: 82px !important
        }

        .mbpx-81 {
            margin-bottom: 81px !important
        }

        .mbpx-80 {
            margin-bottom: 80px !important
        }

        .mbpx-79 {
            margin-bottom: 79px !important
        }

        .mbpx-78 {
            margin-bottom: 78px !important
        }

        .mbpx-77 {
            margin-bottom: 77px !important
        }

        .mbpx-76 {
            margin-bottom: 76px !important
        }

        .mbpx-75 {
            margin-bottom: 75px !important
        }

        .mbpx-74 {
            margin-bottom: 74px !important
        }

        .mbpx-73 {
            margin-bottom: 73px !important
        }

        .mbpx-72 {
            margin-bottom: 72px !important
        }

        .mbpx-71 {
            margin-bottom: 71px !important
        }

        .mbpx-70 {
            margin-bottom: 70px !important
        }

        .mbpx-69 {
            margin-bottom: 69px !important
        }

        .mbpx-68 {
            margin-bottom: 68px !important
        }

        .mbpx-67 {
            margin-bottom: 67px !important
        }

        .mbpx-66 {
            margin-bottom: 66px !important
        }

        .mbpx-65 {
            margin-bottom: 65px !important
        }

        .mbpx-64 {
            margin-bottom: 64px !important
        }

        .mbpx-63 {
            margin-bottom: 63px !important
        }

        .mbpx-62 {
            margin-bottom: 62px !important
        }

        .mbpx-61 {
            margin-bottom: 61px !important
        }

        .mbpx-60 {
            margin-bottom: 60px !important
        }

        .mbpx-59 {
            margin-bottom: 59px !important
        }

        .mbpx-58 {
            margin-bottom: 58px !important
        }

        .mbpx-57 {
            margin-bottom: 57px !important
        }

        .mbpx-56 {
            margin-bottom: 56px !important
        }

        .mbpx-55 {
            margin-bottom: 55px !important
        }

        .mbpx-54 {
            margin-bottom: 54px !important
        }

        .mbpx-53 {
            margin-bottom: 53px !important
        }

        .mbpx-52 {
            margin-bottom: 52px !important
        }

        .mbpx-51 {
            margin-bottom: 51px !important
        }

        .mbpx-50 {
            margin-bottom: 50px !important
        }

        .mbpx-49 {
            margin-bottom: 49px !important
        }

        .mbpx-48 {
            margin-bottom: 48px !important
        }

        .mbpx-47 {
            margin-bottom: 47px !important
        }

        .mbpx-46 {
            margin-bottom: 46px !important
        }

        .mbpx-45 {
            margin-bottom: 45px !important
        }

        .mbpx-44 {
            margin-bottom: 44px !important
        }

        .mbpx-43 {
            margin-bottom: 43px !important
        }

        .mbpx-42 {
            margin-bottom: 42px !important
        }

        .mbpx-41 {
            margin-bottom: 41px !important
        }

        .mbpx-40 {
            margin-bottom: 40px !important
        }

        .mbpx-39 {
            margin-bottom: 39px !important
        }

        .mbpx-38 {
            margin-bottom: 38px !important
        }

        .mbpx-37 {
            margin-bottom: 37px !important
        }

        .mbpx-36 {
            margin-bottom: 36px !important
        }

        .mbpx-35 {
            margin-bottom: 35px !important
        }

        .mbpx-34 {
            margin-bottom: 34px !important
        }

        .mbpx-33 {
            margin-bottom: 33px !important
        }

        .mbpx-32 {
            margin-bottom: 32px !important
        }

        .mbpx-31 {
            margin-bottom: 31px !important
        }

        .mbpx-30 {
            margin-bottom: 30px !important
        }

        .mbpx-29 {
            margin-bottom: 29px !important
        }

        .mbpx-28 {
            margin-bottom: 28px !important
        }

        .mbpx-27 {
            margin-bottom: 27px !important
        }

        .mbpx-26 {
            margin-bottom: 26px !important
        }

        .mbpx-25 {
            margin-bottom: 25px !important
        }

        .mbpx-24 {
            margin-bottom: 24px !important
        }

        .mbpx-23 {
            margin-bottom: 23px !important
        }

        .mbpx-22 {
            margin-bottom: 22px !important
        }

        .mbpx-21 {
            margin-bottom: 21px !important
        }

        .mbpx-20 {
            margin-bottom: 20px !important
        }

        .mbpx-19 {
            margin-bottom: 19px !important
        }

        .mbpx-18 {
            margin-bottom: 18px !important
        }

        .mbpx-17 {
            margin-bottom: 17px !important
        }

        .mbpx-16 {
            margin-bottom: 16px !important
        }

        .mbpx-15 {
            margin-bottom: 15px !important
        }

        .mbpx-14 {
            margin-bottom: 14px !important
        }

        .mbpx-13 {
            margin-bottom: 13px !important
        }

        .mbpx-12 {
            margin-bottom: 12px !important
        }

        .mbpx-11 {
            margin-bottom: 11px !important
        }

        .mbpx-10 {
            margin-bottom: 10px !important
        }

        .mbpx-9 {
            margin-bottom: 9px !important
        }

        .mbpx-8 {
            margin-bottom: 8px !important
        }

        .mbpx-7 {
            margin-bottom: 7px !important
        }

        .mbpx-6 {
            margin-bottom: 6px !important
        }

        .mbpx-5 {
            margin-bottom: 5px !important
        }

        .mbpx-4 {
            margin-bottom: 4px !important
        }

        .mbpx-3 {
            margin-bottom: 3px !important
        }

        .mbpx-2 {
            margin-bottom: 2px !important
        }

        .mbpx-1 {
            margin-bottom: 1px !important
        }

        .mtpx-131 {
            margin-top: 131px !important
        }

        .mtpx-99 {
            margin-top: 99px !important
        }

        .mtpx-98 {
            margin-top: 98px !important
        }

        .mtpx-97 {
            margin-top: 97px !important
        }

        .mtpx-96 {
            margin-top: 96px !important
        }

        .mtpx-95 {
            margin-top: 95px !important
        }

        .mtpx-94 {
            margin-top: 94px !important
        }

        .mtpx-93 {
            margin-top: 93px !important
        }

        .mtpx-92 {
            margin-top: 92px !important
        }

        .mtpx-91 {
            margin-top: 91px !important
        }

        .mtpx-90 {
            margin-top: 90px !important
        }

        .mtpx-89 {
            margin-top: 89px !important
        }

        .mtpx-88 {
            margin-top: 88px !important
        }

        .mtpx-87 {
            margin-top: 87px !important
        }

        .mtpx-86 {
            margin-top: 86px !important
        }

        .mtpx-85 {
            margin-top: 85px !important
        }

        .mtpx-84 {
            margin-top: 84px !important
        }

        .mtpx-83 {
            margin-top: 83px !important
        }

        .mtpx-82 {
            margin-top: 82px !important
        }

        .mtpx-81 {
            margin-top: 81px !important
        }

        .mtpx-80 {
            margin-top: 80px !important
        }

        .mtpx-79 {
            margin-top: 79px !important
        }

        .mtpx-78 {
            margin-top: 78px !important
        }

        .mtpx-77 {
            margin-top: 77px !important
        }

        .mtpx-76 {
            margin-top: 76px !important
        }

        .mtpx-75 {
            margin-top: 75px !important
        }

        .mtpx-74 {
            margin-top: 74px !important
        }

        .mtpx-73 {
            margin-top: 73px !important
        }

        .mtpx-72 {
            margin-top: 72px !important
        }

        .mtpx-71 {
            margin-top: 71px !important
        }

        .mtpx-70 {
            margin-top: 70px !important
        }

        .mtpx-69 {
            margin-top: 69px !important
        }

        .mtpx-68 {
            margin-top: 68px !important
        }

        .mtpx-67 {
            margin-top: 67px !important
        }

        .mtpx-66 {
            margin-top: 66px !important
        }

        .mtpx-65 {
            margin-top: 65px !important
        }

        .mtpx-64 {
            margin-top: 64px !important
        }

        .mtpx-63 {
            margin-top: 63px !important
        }

        .mtpx-62 {
            margin-top: 62px !important
        }

        .mtpx-61 {
            margin-top: 61px !important
        }

        .mtpx-60 {
            margin-top: 60px !important
        }

        .mtpx-59 {
            margin-top: 59px !important
        }

        .mtpx-58 {
            margin-top: 58px !important
        }

        .mtpx-57 {
            margin-top: 57px !important
        }

        .mtpx-56 {
            margin-top: 56px !important
        }

        .mtpx-55 {
            margin-top: 55px !important
        }

        .mtpx-54 {
            margin-top: 54px !important
        }

        .mtpx-53 {
            margin-top: 53px !important
        }

        .mtpx-52 {
            margin-top: 52px !important
        }

        .mtpx-51 {
            margin-top: 51px !important
        }

        .mtpx-50 {
            margin-top: 50px !important
        }

        .mtpx-49 {
            margin-top: 49px !important
        }

        .mtpx-48 {
            margin-top: 48px !important
        }

        .mtpx-47 {
            margin-top: 47px !important
        }

        .mtpx-46 {
            margin-top: 46px !important
        }

        .mtpx-45 {
            margin-top: 45px !important
        }

        .mtpx-44 {
            margin-top: 44px !important
        }

        .mtpx-43 {
            margin-top: 43px !important
        }

        .mtpx-42 {
            margin-top: 42px !important
        }

        .mtpx-41 {
            margin-top: 41px !important
        }

        .mtpx-40 {
            margin-top: 40px !important
        }

        .mtpx-39 {
            margin-top: 39px !important
        }

        .mtpx-38 {
            margin-top: 38px !important
        }

        .mtpx-37 {
            margin-top: 37px !important
        }

        .mtpx-36 {
            margin-top: 36px !important
        }

        .mtpx-35 {
            margin-top: 35px !important
        }

        .mtpx-34 {
            margin-top: 34px !important
        }

        .mtpx-33 {
            margin-top: 33px !important
        }

        .mtpx-32 {
            margin-top: 32px !important
        }

        .mtpx-31 {
            margin-top: 31px !important
        }

        .mtpx-30 {
            margin-top: 30px !important
        }

        .mtpx-29 {
            margin-top: 29px !important
        }

        .mtpx-28 {
            margin-top: 28px !important
        }

        .mtpx-27 {
            margin-top: 27px !important
        }

        .mtpx-26 {
            margin-top: 26px !important
        }

        .mtpx-25 {
            margin-top: 25px !important
        }

        .mtpx-24 {
            margin-top: 24px !important
        }

        .mtpx-23 {
            margin-top: 23px !important
        }

        .mtpx-22 {
            margin-top: 22px !important
        }

        .mtpx-21 {
            margin-top: 21px !important
        }

        .mtpx-20 {
            margin-top: 20px !important
        }

        .mtpx-19 {
            margin-top: 19px !important
        }

        .mtpx-18 {
            margin-top: 18px !important
        }

        .mtpx-17 {
            margin-top: 17px !important
        }

        .mtpx-16 {
            margin-top: 16px !important
        }

        .mtpx-15 {
            margin-top: 15px !important
        }

        .mtpx-14 {
            margin-top: 14px !important
        }

        .mtpx-13 {
            margin-top: 13px !important
        }

        .mtpx-12 {
            margin-top: 12px !important
        }

        .mtpx-11 {
            margin-top: 11px !important
        }

        .mtpx-10 {
            margin-top: 10px !important
        }

        .mtpx-9 {
            margin-top: 9px !important
        }

        .mtpx-8 {
            margin-top: 8px !important
        }

        .mtpx-7 {
            margin-top: 7px !important
        }

        .mtpx-6 {
            margin-top: 6px !important
        }

        .mtpx-5 {
            margin-top: 5px !important
        }

        .mtpx-4 {
            margin-top: 4px !important
        }

        .mtpx-3 {
            margin-top: 3px !important
        }

        .mtpx-2 {
            margin-top: 2px !important
        }

        .mtpx-1 {
            margin-top: 1px !important
        }

        .pbpx-100 {
            padding-bottom: 100px !important
        }

        .pbpx-99 {
            padding-bottom: 99px !important
        }

        .pbpx-98 {
            padding-bottom: 98px !important
        }

        .pbpx-97 {
            padding-bottom: 97px !important
        }

        .pbpx-96 {
            padding-bottom: 96px !important
        }

        .pbpx-95 {
            padding-bottom: 95px !important
        }

        .pbpx-94 {
            padding-bottom: 94px !important
        }

        .pbpx-93 {
            padding-bottom: 93px !important
        }

        .pbpx-92 {
            padding-bottom: 92px !important
        }

        .pbpx-91 {
            padding-bottom: 91px !important
        }

        .pbpx-90 {
            padding-bottom: 90px !important
        }

        .pbpx-89 {
            padding-bottom: 89px !important
        }

        .pbpx-88 {
            padding-bottom: 88px !important
        }

        .pbpx-87 {
            padding-bottom: 87px !important
        }

        .pbpx-86 {
            padding-bottom: 86px !important
        }

        .pbpx-85 {
            padding-bottom: 85px !important
        }

        .pbpx-84 {
            padding-bottom: 84px !important
        }

        .pbpx-83 {
            padding-bottom: 83px !important
        }

        .pbpx-82 {
            padding-bottom: 82px !important
        }

        .pbpx-81 {
            padding-bottom: 81px !important
        }

        .pbpx-80 {
            padding-bottom: 80px !important
        }

        .pbpx-79 {
            padding-bottom: 79px !important
        }

        .pbpx-78 {
            padding-bottom: 78px !important
        }

        .pbpx-77 {
            padding-bottom: 77px !important
        }

        .pbpx-76 {
            padding-bottom: 76px !important
        }

        .pbpx-75 {
            padding-bottom: 75px !important
        }

        .pbpx-74 {
            padding-bottom: 74px !important
        }

        .pbpx-73 {
            padding-bottom: 73px !important
        }

        .pbpx-72 {
            padding-bottom: 72px !important
        }

        .pbpx-71 {
            padding-bottom: 71px !important
        }

        .pbpx-70 {
            padding-bottom: 70px !important
        }

        .pbpx-69 {
            padding-bottom: 69px !important
        }

        .pbpx-68 {
            padding-bottom: 68px !important
        }

        .pbpx-67 {
            padding-bottom: 67px !important
        }

        .pbpx-66 {
            padding-bottom: 66px !important
        }

        .pbpx-65 {
            padding-bottom: 65px !important
        }

        .pbpx-64 {
            padding-bottom: 64px !important
        }

        .pbpx-63 {
            padding-bottom: 63px !important
        }

        .pbpx-62 {
            padding-bottom: 62px !important
        }

        .pbpx-61 {
            padding-bottom: 61px !important
        }

        .pbpx-60 {
            padding-bottom: 60px !important
        }

        .pbpx-59 {
            padding-bottom: 59px !important
        }

        .pbpx-58 {
            padding-bottom: 58px !important
        }

        .pbpx-57 {
            padding-bottom: 57px !important
        }

        .pbpx-56 {
            padding-bottom: 56px !important
        }

        .pbpx-55 {
            padding-bottom: 55px !important
        }

        .pbpx-54 {
            padding-bottom: 54px !important
        }

        .pbpx-53 {
            padding-bottom: 53px !important
        }

        .pbpx-52 {
            padding-bottom: 52px !important
        }

        .pbpx-51 {
            padding-bottom: 51px !important
        }

        .pbpx-50 {
            padding-bottom: 50px !important
        }

        .pbpx-49 {
            padding-bottom: 49px !important
        }

        .pbpx-48 {
            padding-bottom: 48px !important
        }

        .pbpx-47 {
            padding-bottom: 47px !important
        }

        .pbpx-46 {
            padding-bottom: 46px !important
        }

        .pbpx-45 {
            padding-bottom: 45px !important
        }

        .pbpx-44 {
            padding-bottom: 44px !important
        }

        .pbpx-43 {
            padding-bottom: 43px !important
        }

        .pbpx-42 {
            padding-bottom: 42px !important
        }

        .pbpx-41 {
            padding-bottom: 41px !important
        }

        .pbpx-40 {
            padding-bottom: 40px !important
        }

        .pbpx-39 {
            padding-bottom: 39px !important
        }

        .pbpx-38 {
            padding-bottom: 38px !important
        }

        .pbpx-37 {
            padding-bottom: 37px !important
        }

        .pbpx-36 {
            padding-bottom: 36px !important
        }

        .pbpx-35 {
            padding-bottom: 35px !important
        }

        .pbpx-34 {
            padding-bottom: 34px !important
        }

        .pbpx-33 {
            padding-bottom: 33px !important
        }

        .pbpx-32 {
            padding-bottom: 32px !important
        }

        .pbpx-31 {
            padding-bottom: 31px !important
        }

        .pbpx-30 {
            padding-bottom: 30px !important
        }

        .pbpx-29 {
            padding-bottom: 29px !important
        }

        .pbpx-28 {
            padding-bottom: 28px !important
        }

        .pbpx-27 {
            padding-bottom: 27px !important
        }

        .pbpx-26 {
            padding-bottom: 26px !important
        }

        .pbpx-25 {
            padding-bottom: 25px !important
        }

        .pbpx-24 {
            padding-bottom: 24px !important
        }

        .pbpx-23 {
            padding-bottom: 23px !important
        }

        .pbpx-22 {
            padding-bottom: 22px !important
        }

        .pbpx-21 {
            padding-bottom: 21px !important
        }

        .pbpx-20 {
            padding-bottom: 20px !important
        }

        .pbpx-19 {
            padding-bottom: 19px !important
        }

        .pbpx-18 {
            padding-bottom: 18px !important
        }

        .pbpx-17 {
            padding-bottom: 17px !important
        }

        .pbpx-16 {
            padding-bottom: 16px !important
        }

        .pbpx-15 {
            padding-bottom: 15px !important
        }

        .pbpx-14 {
            padding-bottom: 14px !important
        }

        .pbpx-13 {
            padding-bottom: 13px !important
        }

        .pbpx-12 {
            padding-bottom: 12px !important
        }

        .pbpx-11 {
            padding-bottom: 11px !important
        }

        .pbpx-10 {
            padding-bottom: 10px !important
        }

        .pbpx-9 {
            padding-bottom: 9px !important
        }

        .pbpx-8 {
            padding-bottom: 8px !important
        }

        .pbpx-7 {
            padding-bottom: 7px !important
        }

        .pbpx-6 {
            padding-bottom: 6px !important
        }

        .pbpx-5 {
            padding-bottom: 5px !important
        }

        .pbpx-4 {
            padding-bottom: 4px !important
        }

        .pbpx-3 {
            padding-bottom: 3px !important
        }

        .pbpx-2 {
            padding-bottom: 2px !important
        }

        .pbpx-1 {
            padding-bottom: 1px !important
        }

        .ptpx-100 {
            padding-top: 100px !important
        }

        .ptpx-99 {
            padding-top: 99px !important
        }

        .ptpx-98 {
            padding-top: 98px !important
        }

        .ptpx-97 {
            padding-top: 97px !important
        }

        .ptpx-96 {
            padding-top: 96px !important
        }

        .ptpx-95 {
            padding-top: 95px !important
        }

        .ptpx-94 {
            padding-top: 94px !important
        }

        .ptpx-93 {
            padding-top: 93px !important
        }

        .ptpx-92 {
            padding-top: 92px !important
        }

        .ptpx-91 {
            padding-top: 91px !important
        }

        .ptpx-90 {
            padding-top: 90px !important
        }

        .ptpx-89 {
            padding-top: 89px !important
        }

        .ptpx-88 {
            padding-top: 88px !important
        }

        .ptpx-87 {
            padding-top: 87px !important
        }

        .ptpx-86 {
            padding-top: 86px !important
        }

        .ptpx-85 {
            padding-top: 85px !important
        }

        .ptpx-84 {
            padding-top: 84px !important
        }

        .ptpx-83 {
            padding-top: 83px !important
        }

        .ptpx-82 {
            padding-top: 82px !important
        }

        .ptpx-81 {
            padding-top: 81px !important
        }

        .ptpx-80 {
            padding-top: 80px !important
        }

        .ptpx-79 {
            padding-top: 79px !important
        }

        .ptpx-78 {
            padding-top: 78px !important
        }

        .ptpx-77 {
            padding-top: 77px !important
        }

        .ptpx-76 {
            padding-top: 76px !important
        }

        .ptpx-75 {
            padding-top: 75px !important
        }

        .ptpx-74 {
            padding-top: 74px !important
        }

        .ptpx-73 {
            padding-top: 73px !important
        }

        .ptpx-72 {
            padding-top: 72px !important
        }

        .ptpx-71 {
            padding-top: 71px !important
        }

        .ptpx-70 {
            padding-top: 70px !important
        }

        .ptpx-69 {
            padding-top: 69px !important
        }

        .ptpx-68 {
            padding-top: 68px !important
        }

        .ptpx-67 {
            padding-top: 67px !important
        }

        .ptpx-66 {
            padding-top: 66px !important
        }

        .ptpx-65 {
            padding-top: 65px !important
        }

        .ptpx-64 {
            padding-top: 64px !important
        }

        .ptpx-63 {
            padding-top: 63px !important
        }

        .ptpx-62 {
            padding-top: 62px !important
        }

        .ptpx-61 {
            padding-top: 61px !important
        }

        .ptpx-60 {
            padding-top: 60px !important
        }

        .ptpx-59 {
            padding-top: 59px !important
        }

        .ptpx-58 {
            padding-top: 58px !important
        }

        .ptpx-57 {
            padding-top: 57px !important
        }

        .ptpx-56 {
            padding-top: 56px !important
        }

        .ptpx-55 {
            padding-top: 55px !important
        }

        .ptpx-54 {
            padding-top: 54px !important
        }

        .ptpx-53 {
            padding-top: 53px !important
        }

        .ptpx-52 {
            padding-top: 52px !important
        }

        .ptpx-51 {
            padding-top: 51px !important
        }

        .ptpx-50 {
            padding-top: 50px !important
        }

        .ptpx-49 {
            padding-top: 49px !important
        }

        .ptpx-48 {
            padding-top: 48px !important
        }

        .ptpx-47 {
            padding-top: 47px !important
        }

        .ptpx-46 {
            padding-top: 46px !important
        }

        .ptpx-45 {
            padding-top: 45px !important
        }

        .ptpx-44 {
            padding-top: 44px !important
        }

        .ptpx-43 {
            padding-top: 43px !important
        }

        .ptpx-42 {
            padding-top: 42px !important
        }

        .ptpx-41 {
            padding-top: 41px !important
        }

        .ptpx-40 {
            padding-top: 40px !important
        }

        .ptpx-39 {
            padding-top: 39px !important
        }

        .ptpx-38 {
            padding-top: 38px !important
        }

        .ptpx-37 {
            padding-top: 37px !important
        }

        .ptpx-36 {
            padding-top: 36px !important
        }

        .ptpx-35 {
            padding-top: 35px !important
        }

        .ptpx-34 {
            padding-top: 34px !important
        }

        .ptpx-33 {
            padding-top: 33px !important
        }

        .ptpx-32 {
            padding-top: 32px !important
        }

        .ptpx-31 {
            padding-top: 31px !important
        }

        .ptpx-30 {
            padding-top: 30px !important
        }

        .ptpx-29 {
            padding-top: 29px !important
        }

        .ptpx-28 {
            padding-top: 28px !important
        }

        .ptpx-27 {
            padding-top: 27px !important
        }

        .ptpx-26 {
            padding-top: 26px !important
        }

        .ptpx-25 {
            padding-top: 25px !important
        }

        .ptpx-24 {
            padding-top: 24px !important
        }

        .ptpx-23 {
            padding-top: 23px !important
        }

        .ptpx-22 {
            padding-top: 22px !important
        }

        .ptpx-21 {
            padding-top: 21px !important
        }

        .ptpx-20 {
            padding-top: 20px !important
        }

        .ptpx-19 {
            padding-top: 19px !important
        }

        .ptpx-18 {
            padding-top: 18px !important
        }

        .ptpx-17 {
            padding-top: 17px !important
        }

        .ptpx-16 {
            padding-top: 16px !important
        }

        .ptpx-15 {
            padding-top: 15px !important
        }

        .ptpx-14 {
            padding-top: 14px !important
        }

        .ptpx-13 {
            padding-top: 13px !important
        }

        .ptpx-12 {
            padding-top: 12px !important
        }

        .ptpx-11 {
            padding-top: 11px !important
        }

        .ptpx-10 {
            padding-top: 10px !important
        }

        .ptpx-9 {
            padding-top: 9px !important
        }

        .ptpx-8 {
            padding-top: 8px !important
        }

        .ptpx-7 {
            padding-top: 7px !important
        }

        .ptpx-6 {
            padding-top: 6px !important
        }

        .ptpx-5 {
            padding-top: 5px !important
        }

        .ptpx-4 {
            padding-top: 4px !important
        }

        .ptpx-3 {
            padding-top: 3px !important
        }

        .ptpx-2 {
            padding-top: 2px !important
        }

        .ptpx-1 {
            padding-top: 1px !important
        }

        .fa.fa-phone {
            transform: scaleX(-1)
        }
    </style>
    <style type="text/css">
        .baner_bullet,
        .bullet-points,
        .float {
            display: flex
        }

        .footer-top,
        .process-flow .newslides .slick-track,
        .sec-padding-medium {
            padding: 30px 0
        }

        .btn-theme-outline1:hover,
        .btn-theme2:hover,
        .dropdown>ul>li>a,
        .float,
        .quest-title,
        a,
        a:focus,
        a:hover {
            text-decoration: none
        }

        .btn-simplect,
        .copyright a,
        .cta h3 a,
        .footer-top .linkinglist li a:hover,
        .powered-by:hover,
        .team-box1 a.team-lnk:hover,
        .testboxes .btn-wrap p a,
        .thank-hdr a,
        .wrk-up a:hover {
            text-decoration: underline
        }

        .footer-nav2,
        .sticky li,
        li,
        ul {
            list-style-type: none
        }

        .stickyheader,
        .three-testimonials.approach .box p {
            min-height: auto
        }

        .hart-bg,
        .slider-wrapper {
            overflow-x: hidden
        }

        span#mins:before {
            content: "0"
        }

        .hover_btn {
            --color: #ffa260;
            --hover: #e5ff60;
            transition: .2s linear
        }

        .checklist li a,
        .float,
        .float:hover,
        .services-navwrp .btn-one:hover,
        .services-navwrp .mainwrp-second .imgtabs .btn-secnd,
        .servicesecs .boxwrap li.current h6,
        .servicesecs .boxwrap li:hover h6 {
            color: #fff
        }

        .hover_btn:focus,
        .hover_btn:hover {
            box-shadow: 8px 16px 50px 0 rgba(255, 127, 0, .27);
            transform: translateY(-.5em)
        }

        .float {
            font-weight: 600;
            vertical-align: middle;
            position: fixed;
            bottom: 10px;
            left: 10px;
            background-color: #fff;
            border-radius: 50px;
            font-size: 16px;
            z-index: 100;
            width: 45px;
            height: 45px;
            align-items: center;
            justify-content: center
        }

        @keyframes whatsappjump {

            0%,
            80% {
                transform: translateY(-1em)
            }

            100%,
            50% {
                transform: translateY(-1.5em)
            }
        }

        .float i {
            margin-right: 0;
            font-size: 32px;
            position: relative;
            top: 2px;
            color: #25d366
        }

        .analyzeform form .intl-tel-input,
        .analyzepg .analyzeform form .dtf,
        .banner-form .intl-tel-input,
        .bot-form form .intl-tel-input,
        .built-sec figure img,
        .clientele-sec figure img,
        .collaboration-sec figure img,
        .content .img img,
        .floatbutton .banner-form .intl-tel-input,
        .floatbutton2 .banner-form .intl-tel-input,
        .form-box-main form .intl-tel-input,
        .form_wrap .analyzeform form .dtf,
        .gallery-simple img,
        .gallery-slider-main .slick-slide img,
        .header-main.fixed .logo,
        .iti,
        .portfolio-box ul li figure img,
        .smpltxt,
        .stockdetails-main ul,
        .thierd-sec-img img,
        .top-box .hdarea .rt figure img,
        .travel-box-main img {
            width: 100%
        }

        .first_banner_area:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: .7;
            background: #000
        }

        .first_banner_area {
            padding: 140px 0 40px;
            background-image: url(../images/banner-home-2.webp);
            background-position: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            position: relative
        }

        .baner_data_area h5 {
            font-size: 22px;
            font-weight: 600;
            font-family: inherit;
            color: #fff;
            text-align: center;
            margin: 0 0 20px
        }

        .baner_data_area h1,
        .baner_form_area h5 {
            font-weight: 700;
            font-family: inherit;
            text-align: center;
            color: #fff
        }

        .baner_data_area ul li a {
            text-transform: capitalize;
            color: #fff;
            font-size: 14px;
            font-weight: 400;
            line-height: 33px
        }

        .baner_data_area h1 {
            font-size: 50px;
            margin-bottom: 10px
        }

        .baner_form_area input {
            width: 100%;
            height: 42px;
            margin-bottom: 0;
            padding: 0 10px;
            border-radius: 5px;
            border: none
        }

        .baner_click {
            border: none;
            border-radius: 5px;
            background: #017b89;
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            transition: .5s;
            width: 24%;
            height: 42px;
            line-height: 42px;
            margin-top: 0;
            margin-bottom: 0;
            cursor: pointer
        }

        .baner_data_area ul li:before {
            content: "\f138";
            color: #fff;
            font-size: 16px;
            font-weight: 800;
            font-family: "Font Awesome 5 Pro";
            padding-right: 10px
        }

        .baner_data_area ul {
            list-style: none;
            padding-left: 0;
            margin-top: 20px
        }

        .baner_form_area h5 {
            font-size: 23px;
            margin-top: -10px
        }

        .baner_form_area p {
            font-size: 16px;
            font-weight: 500;
            text-align: center;
            margin-top: 1%;
            margin-bottom: -5px;
            color: #fff;
            font-family: inherit
        }

        .baner_form_area {
            border: 2px solid #c1c1c1;
            padding: 20px;
            border-radius: 11px
        }

        .sclaspan {
            font-family: #d26b54;
            background-image: linear-gradient(135deg, #204a8b 0, #53b3eb 100%) !important;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: 90s linear infinite sclaspan
        }

        .ff-primary,
        .header-main .has-submenu.progmenu,
        body {
            font-family: var(--primary-font-family)
        }

        @keyframes sclaspan {
            to {
                background-position: 4500vh
            }
        }

        .first_banner_area .form-banner .custom-input {
            width: 24%
        }

        .first_banner_area .form-banner {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .bullet-points li {
            margin: 0 15px 0 0
        }

        .bullet-points {
            flex-wrap: wrap;
            justify-content: center
        }

        .footer-form-content h3 span,
        .introduction-sec .button-section-for-all {
            padding: 0 !important
        }

        .footer-form-content h3 {
            margin: 0 !important
        }

        .footer-form-content {
            padding: 10px;
            border-radius: 8px;
            display: block;
            background: #017b89;
            margin: 0 0 20px
        }

        .modaL_order2 form .iti,
        .stickyheader .logo,
        .stickyheader .top-info-list ul {
            margin: 5px 0
        }

        #timer-countdown {
            text-align: center;
            margin: 0 0 10px
        }

        .our-testimonial .testi-slider-here .slick-next,
        .our-testimonial .testi-slider-here .slick-prev,
        .servicesecs .boxwrap li.current {
            background: #37b8c7
        }

        #timer-countdown time {
            color: #fff;
            font-size: 24px;
            font-weight: 400;
            background: #017b89;
            padding: 6px;
            border-radius: 10px
        }

        .banner-form h3 span,
        .halloween-popup h3 span {
            padding: 10px;
            border-radius: 8px;
            display: block;
            background: #017b89;
            color: #fff
        }

        .services-navwrp .mainwrp-second .txtwrp h2 {
            color: #000;
            font-size: 30px;
            font-weight: 700;
            padding: 0 0 30px;
            text-align: left
        }

        .services-navwrp .mainwrp-second .txtwrp p {
            color: #666;
            text-align: left
        }

        .border-box-effect>:hover:after,
        .border-box-effect>:hover:before,
        .box-custom-package h4[aria-expanded=false] .icon-plus2,
        .box-custom-package h4[aria-expanded=true] .icon-minus2,
        .chrismas-offers.visible,
        .destination-box-main:hover .destination-content p,
        .dropdown>ul>li.level2:hover>ul,
        .eggoffer .unbroken,
        .header-main .logo img.white,
        .header-main .othermenu li .dropdown-menu a,
        .header-main .othermenu li:hover .dropdown-content,
        .header-main.fixed .logo img.black,
        .inner-pages .header-main .logo img.black,
        .lgonly,
        .logo a,
        .our-teams .our-team-card:hover .our-team-card-img .img2,
        .points-box-main:hover .points-content p,
        .services-navwrp .mainwrp-second .imgtabs,
        .services-navwrp .navwrp,
        .tab-content>.active,
        .tabs-custom .tab-content-panel.selected,
        .tabs.current,
        .ys-container.finished .ys-popup-content,
        .ys-container.visible,
        .ys-layer.visible,
        [class^=box-].showfirst {
            display: block
        }

        .services-navwrp .mainwrp-second .imgtabs ul {
            display: block;
            text-align: center;
            margin: 30px 0 0
        }

        .main-ghst-writng-first-sec ul li,
        .services-navwrp .mainwrp-second .imgtabs ul li {
            display: inline-block;
            width: 23%
        }

        .services-navwrp .mainwrp-second .imgtabs ul li img {
            width: 70px;
            filter: brightness(0)
        }

        .services-navwrp .mainwrp-second .imgtabs ul li p {
            color: #666;
            font-size: 14px;
            margin: 10px 0 0
        }

        .services-navwrp .navwrp ul {
            margin: -130px 0 40px;
            display: block;
            text-align: center
        }

        .services-navwrp .navwrp ul li {
            transition: .5s;
            display: inline-block;
            margin: 0 10px;
            background-color: #fff;
            padding: 40px 32px;
            box-shadow: -2px 1px 20px 6px rgba(0, 0, 0, .11);
            border-radius: 5px;
            cursor: pointer;
            vertical-align: top
        }

        .servicesec .boxwrap li,
        .servicesec .boxwrap li i,
        .servicesecs .boxwrap li,
        .servicesecs .boxwrap li i {
            -moz-transition: .5s;
            -webkit-transition: .5s;
            -o-transition: .5s
        }

        .services-navwrp .navwrp ul li:hover {
            background-color: #f33535
        }

        .header-main.fixed .btn-main,
        .inner-pages .header-main .btn-main,
        .services-navwrp .navwrp ul li:hover .mainwrp h4 {
            color: #fff !important
        }

        .services-navwrp .navwrp ul li .mainwrp img {
            margin-bottom: 12px;
            width: 60%
        }

        .services-navwrp .navwrp ul li .mainwrp h4 {
            font-size: 14px;
            color: #222
        }

        .ourprocesses .processlistdown li.noheight,
        .services-navwrp .imgdiv {
            height: auto
        }

        .services-navwrp .mainwrp-second h2 span {
            color: #fff;
            font-weight: 200
        }

        .designunigue ul li:last-child,
        .form-box-main h2,
        .locsearchpg .inner-banner-content,
        .services-navwrp .mainwrp-second .btnwrp,
        .tablestyle2 {
            text-align: left
        }

        .writing-serviceswrp {
            padding: 70px 0 130px;
            background: #e8e8e829
        }

        .servicesecs {
            width: 100%;
            padding: 60px 0;
            text-align: center;
            background: #1c1203
        }

        .servicesec h4,
        .servicesecs h4 {
            font-size: 36px;
            text-align: center;
            margin-bottom: 15px;
            width: 100%;
            font-weight: 700
        }

        .servicesecs p {
            color: #666 !important
        }

        .servicesecs .boxwrap {
            display: inline-block;
            width: 100%;
            margin-top: 0;
            text-align: center
        }

        .info-test::after,
        .info-test::before {
            background: #37b8c7;
            width: 50px;
            height: 50px;
            border-radius: 6px;
            z-index: -1;
            position: absolute;
            content: ""
        }

        .servicesecs .boxwrap li {
            cursor: pointer;
            transition: .5s;
            margin: 0 10px 20px;
            position: relative;
            border-radius: 10px;
            min-height: 165px;
            padding: 20px;
            float: left;
            background: #fff;
            width: 14.5%
        }

        .modaL_order2 .btn-close,
        .modaL_order2 form button {
            box-shadow: 8px 16px 50px 0 rgba(255, 127, 0, .27);
            outline: 0
        }

        .servicesecs .boxwrap li.current i.two,
        .servicesecs .boxwrap li:hover i.two {
            background-position: -80px -70px;
            filter: brightness(0) invert(1)
        }

        .servicesecs .boxwrap li i {
            background-image: url(../images//services-icons.webp);
            background-repeat: no-repeat;
            width: 75px;
            display: inline-block;
            height: 80px;
            margin: 0 auto 10px;
            transition: .5s
        }

        .servicesecs .boxwrap li i.one {
            background-position: 3px 10px
        }

        .servicesecs .boxwrap li i.two {
            background-position: -80px 10px
        }

        .servicesecs .boxwrap li i.three {
            background-position: -165px 10px
        }

        .servicesec .boxwrap li i.four,
        .servicesecs .boxwrap li i.four {
            background-position: -230px 10px
        }

        .servicesecs .boxwrap li i.seven {
            background-position: -490px 15px
        }

        .servicesecs .boxwrap li i.eight {
            background-position: -570px 15px
        }

        .servicesecs .boxwrap li i.five {
            background-position: -330px 10px
        }

        .servicesecs .boxwrap li h6 {
            -moz-transition: .5s;
            -webkit-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            color: #2c2c2c;
            font-size: 14px
        }

        .servicesecs .boxwrap li:hover {
            box-shadow: 0 0 45px #20cb9817;
            transform: translateY(-.625rem);
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s;
            background: #017b89;
            background: -moz-linear-gradient(-45deg, #2a3db6 0, #1169cd 100%)
        }

        .servicesecs .boxwrap .current i.one,
        .servicesecs .boxwrap li:hover i.one {
            background-position: 3px -70px;
            filter: brightness(0) invert(1)
        }

        .servicesecs .boxwrap .current i.three,
        .servicesecs .boxwrap li:hover i.three {
            background-position: -165px -70px;
            filter: brightness(0) invert(1)
        }

        .servicesec .boxwrap li:hover i.four,
        .servicesecs .boxwrap .current i.four,
        .servicesecs .boxwrap li:hover i.four {
            background-position: -230px -70px
        }

        .servicesecs .boxwrap .current i.five,
        .servicesecs .boxwrap li:hover i.five {
            background-position: -330px -70px;
            filter: brightness(0) invert(1)
        }

        .servicesecs .boxwrap .current i.seven,
        .servicesecs .boxwrap li:hover i.seven {
            background-position: -490px -60px !important;
            filter: brightness(0) invert(1)
        }

        .servicesecs .boxwrap .current i.eight,
        .servicesecs .boxwrap li:hover i.eight {
            background-position: -570px -60px !important;
            filter: brightness(0) invert(1)
        }

        .servicesecs .boxwrap .current i.two {
            background-position: -80px -70px
        }

        .new-intro-sec-img {
            background-image: url(assets/images/book-packages-cta-1.webp) !important
        }

        .info-test {
            margin: 20px 10px;
            background: #017b89;
            box-shadow: 0 5px 10px #0000001a;
            padding: 30px 25px;
            position: relative;
            border-radius: 10px;
            text-align: center;
            height: 289px
        }

        .info-test p {
            font-size: 13px;
            font-weight: 400;
            line-height: 22px;
            margin: 10px 0 0;
            padding: 0
        }

        .info-test h4 {
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 0;
            color: #fff
        }

        .info-test span {
            position: absolute;
            right: 20px;
            bottom: 27px
        }

        .info-test::before {
            left: -8px;
            top: -7px
        }

        .info-test::after {
            right: -8px;
            bottom: -7px
        }

        .info-test img {
            border-radius: 50%;
            width: 75px;
            height: 75px;
            margin: 0 auto 10px;
            object-fit: cover
        }

        .our-testimonial {
            padding: 30px 0;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-color: #f7f9fc
        }

        @keyframes bf-animate-banner {

            0%,
            100% {
                box-shadow: 0 0 1px 2px #017b89, 0 0 1px 2px #017b89 inset;
                border-color: #017b89;
                transform: translateY(-3px)
            }

            50%,
            80% {
                border-radius: 25px;
                box-shadow: 0 0 1px 2px #017b89, 0 0 1px 2px #017b89 inset;
                border-color: #017b89;
                transform: translateY(0)
            }
        }

        .banner-home .form-banner {
            display: flex;
            align-items: center;
            justify-content: space-around;
            margin: 10px 0 35px;
            padding: 20px 0;
            background: #000000a6
        }

        .banner-home .form-banner button {
            border: none;
            border-radius: 5px;
            background: linear-gradient(to left, #5ca6e5 0, #5ca6e5a1 100%) !important;
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            transition: .5s;
            width: 22%;
            height: 45px;
            line-height: 45px
        }

        .banner-home .form-banner button:hover,
        .header-main .othermenu li .dropdown-menu,
        .points-boxes-area {
            background: #000
        }

        .banner-home .form-banner .custom-input {
            display: block;
            width: 22%
        }

        .banner-home .form-banner .custom-input input::placeholder {
            color: #fff
        }

        .ban-form input::placeholder {
            color: #000
        }

        .ban-form textarea::placeholder {
            color: #000
        }

        .banner-home .form-banner .custom-input .iti input,
        .floatbutton .banner-form .ban-form .iti input,
        .floatbutton2 .banner-form .ban-form .iti input {
            padding: 10px 10px 10px 48px
        }

        .floatbutton .banner-form .ban-form input::placeholder {
            color: #fff
        }

        .floatbutton2 .banner-form .ban-form input::placeholder {
            color: #fff
        }

        .banner-home .form-banner .custom-input input {
            width: 100%;
            background: 0 0;
            display: block;
            border: 2px solid #5ca6e5;
            padding: 10px;
            font-size: 16px;
            color: #fff;
            border-radius: 5px
        }

        a {
            cursor: pointer
        }

        .chat-float {
            top: 2%
        }

        .call-float {
            top: 11%
        }

        .button-section-for-all {
            display: flex;
            padding: 15px 0 0
        }

        .button-section-for-all a:hover {
            margin: -15px 15px 0 0
        }

        .introduction-sec .button-section-for-all a:hover {
            background: #fff !important
        }

        .introduction-sec .button-section-for-all a {
            background: #fff !important;
            color: #666
        }

        .button-section-for-all a {
            display: block;
            transition: .4s ease-in-out;
            padding: 0 17px;
            color: #fff;
            font-size: 16px;
            font-weight: 700;
            background: #017b89;
            height: 45px;
            line-height: 45px;
            border-radius: 8px;
            margin: 0 15px 0 0
        }

        .services-navwrp .mainwrp-second {
            display: flex;
            flex-direction: column;
            align-items: start
        }

        .servicesec .boxwrap li.current i.one {
            background-position: 10px -70px
        }

        .servicesec .boxwrap li.current i.two,
        .servicesec .boxwrap li:hover i.two {
            background-position: -70px -70px
        }

        .servicesec .boxwrap li.current i.three {
            background-position: -170px -70px
        }

        .servicesec .boxwrap li.current i.four {
            background-position: -250px -70px
        }

        .servicesec .boxwrap li.current i.five,
        .servicesec .boxwrap li:hover i.five {
            background-position: -320px -70px
        }

        .servicesec .boxwrap li.current i.six {
            background-position: -410px -60px
        }

        .servicesec .boxwrap li.current i.seven {
            background-position: -490px -60px
        }

        .before-bg-layer-set:before {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: .5;
            background: #000;
            z-index: -1
        }

        .before-bg-layer-set,
        .modaL_order2 #countdown #tiles {
            position: relative;
            z-index: 1
        }

        .modaL_order2 .modal-dialog {
            max-width: 800px;
            height: 90vh;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .modaL_order2 .modal-dialog .modal-content:before {
            content: "";
            width: 8px;
            height: 65px;
            background: #017b89;
            background-image: -moz-linear-gradient(top, #555, #444, #444, #555);
            background-image: -ms-linear-gradient(top, #555, #444, #444, #555);
            background-image: -o-linear-gradient(top, #555, #444, #444, #555);
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
            display: block;
            position: absolute;
            top: 50%;
            border: 1px solid #111;
            left: -10px
        }

        .modaL_order2 .modal-dialog .modal-content:after {
            content: "";
            width: 8px;
            height: 65px;
            background: #017b89;
            background-image: -moz-linear-gradient(top, #555, #444, #444, #555);
            background-image: -ms-linear-gradient(top, #555, #444, #444, #555);
            background-image: -o-linear-gradient(top, #555, #444, #444, #555);
            border: 1px solid #111;
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
            display: block;
            position: absolute;
            top: 50%;
            right: -10px
        }

        .modaL_order2 form textarea {
            width: 100%;
            border-radius: 7px;
            padding: 17px;
            font-size: 16px;
            margin: 5px 0;
            resize: none;
            height: 133px
        }

        .modaL_order2 .modal-header {
            padding: 0;
            position: relative;
            border: none;
            z-index: 100000
        }

        .modaL_order2 .btn-close {
            position: absolute;
            right: -20px;
            border: none;
            cursor: pointer;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #017b89;
            color: #ffff;
            top: -20px;
            opacity: 1
        }

        .powered-by,
        .powered-by:hover {
            color: inherit
        }

        .modaL_order2 .modal-dialog .modal-content {
            padding: 0;
            border: none
        }

        .modaL_order2 .modal-body h5 {
            color: #fff;
            font-size: 24px;
            text-transform: capitalize;
            text-align: center;
            margin-bottom: 9px
        }

        .modaL_order2 .modal-body h5 span {
            padding: 10px;
            border-radius: 8px;
            display: block;
            background: #017b89
        }

        .modaL_order2 .modal-body .poppup-css {
            background: hsl(0deg 0% 0% / 80%);
            padding: 15px !important;
            text-align: center;
            border-radius: 10px
        }

        .modaL_order2 .modal-body h2 {
            font-weight: 400;
            font-size: 19px;
            color: #fff;
            text-align: center;
            margin-top: 20px
        }

        .modaL_order2 .modal-body h4 {
            font-size: 26px;
            font-weight: 600;
            text-transform: capitalize;
            color: #c48f3b;
            text-align: center;
            margin: 11px 0
        }

        .modaL_order2 .modal-body h4 span {
            font-size: 17px;
            background: #c48f3b;
            border-radius: 2px;
            padding: 4px;
            color: #fff;
            box-shadow: 2px 1px 27px #c28e3b
        }

        .header-main .othermenu li .dropdown-content {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            background: #000
        }

        .header-main .othermenu li .dropdown-content a {
            padding: 16px;
            background: #000;
            float: left;
            width: 121%;
            font-size: 17px;
            line-height: normal;
            border: 1px solid #916226;
            color: #fff;
            white-space: nowrap
        }

        .header-main .othermenu li {
            position: relative !important
        }

        .modaL_order2 form input {
            width: 100%;
            margin: 5px 0;
            padding: 10px 18px;
            border: none;
            border-radius: 7px;
            outline: 0;
            font-size: 16px
        }

        .modaL_order2 form select {
            width: 100%;
            margin: 10px 0;
            padding: 0 25px;
            border: none;
            border-radius: 7;
            font-size: 13px;
            outline: 0
        }

        .modaL_order2 form input::placeholder,
        .modaL_order2 form textarea::placeholder {
            color: #000
        }

        .modaL_order2 form button {
            border: none;
            width: 100%;
            border-radius: 6px;
            display: block;
            margin: 5px auto 0;
            padding: 9px 0;
            font-size: 16px;
            font-weight: 500;
            background: #017b89;
            color: #fff
        }

        .modaL_order2 #countdown {
            background: #1615156b;
            padding: 9px 13px;
            border-radius: 10px;
            text-align: center;
            background: #c48f3b;
            background-image: -moz-linear-gradient(top, #222, #333, #333, #222);
            background-image: -ms-linear-gradient(top, #222, #333, #333, #222);
            background-image: -o-linear-gradient(top, #222, #333, #333, #222);
            margin: 0 0 20px
        }

        .modaL_order2 #countdown ul {
            display: flex;
            justify-content: center;
            font-family: nunito;
            font-weight: 600
        }

        .modaL_order2 #countdown ul li {
            margin: 0 15px;
            background: #ffc107;
            display: inline-block;
            padding: 7px;
            border-radius: 4px;
            width: 105px;
            box-shadow: 2px 1px 27px #fabd07ab
        }

        .modaL_order2 #countdown ul li span {
            font-size: 19px
        }

        .modaL_order2 #countdown #tiles>span {
            width: 63px;
            max-width: 63px;
            text-align: center;
            color: #111;
            background-color: #ddd;
            background-image: -webkit-linear-gradient(top, #bbb, #eee);
            background-image: -moz-linear-gradient(top, #bbb, #eee);
            background-image: -ms-linear-gradient(top, #bbb, #eee);
            background-image: -o-linear-gradient(top, #bbb, #eee);
            border-top: 1px solid #fff;
            border-radius: 3px;
            box-shadow: 0 0 12px rgba(0, 0, 0, .7);
            margin: 0 7px;
            padding: 12px 0;
            display: inline-block;
            position: relative;
            font-size: 27px;
            font-weight: 600
        }

        .modaL_order2 #countdown #tiles>span:before {
            content: "";
            width: 100%;
            height: 13px;
            background: #111;
            display: block;
            padding: 0 3px;
            position: absolute;
            top: 41%;
            left: -3px;
            z-index: -1
        }

        .modaL_order2 #countdown #tiles>span:after {
            content: "";
            width: 100%;
            height: 1px;
            background: #eee;
            border-top: 1px solid #333;
            display: block;
            position: absolute;
            top: 48%;
            left: 0
        }

        .approach-module h2,
        .cstudy-sec h2,
        .cta2,
        .cta2 .wrap h3,
        .listsec h2,
        .modaL_order2 #countdown .labels,
        .our-teams .our-team-button,
        .tablestyle1,
        .tablestyle3,
        .testboxes .btn-wrap,
        .testboxes .btn-wrap a,
        .testimonial-sec .test-wrap {
            text-align: center
        }

        .modaL_order2 #countdown .labels li {
            color: #fff;
            text-transform: uppercase;
            display: inline-block;
            font-weight: 600;
            margin: 0 16px;
            text-shadow: 2px 1px 27px #97d1ce;
            text-align: center
        }

        @media only screen and (min-width:1200px) and (max-width:1399px) {
            .slick-next {
                right: -1% !important
            }

            .slick-prev {
                left: -1% !important
            }

            .modaL_order2 .modal-body h4 {
                font-size: 20px;
                margin: 12px 0
            }

            .modaL_order2 #countdown .labels li {
                font-size: 11px
            }

            .modaL_order2 .btn-close {
                width: 33px;
                height: 32px;
                top: -22px;
                line-height: 11px
            }

            .modaL_order2 .modal-body h4 span {
                font-size: 15px;
                padding: 4px
            }

            .modaL_order2 form input {
                margin: 5px 0;
                padding: 11px 25px;
                font-size: 13px
            }

            .modaL_order2 .modal-body h2 {
                font-size: 20px;
                margin-top: 7px
            }

            .modaL_order2 .modal-dialog {
                width: 405px
            }

            .modaL_order2 .modal-body h5 {
                font-size: 27px;
                margin-bottom: 19px
            }

            header .logo_area img {
                width: 127px
            }

            .main_banner .banner_form {
                padding: 28px;
                box-shadow: -1px -2px 20px #0009
            }

            .modaL_order2 form button {
                width: 100%;
                margin: 2% auto 0;
                padding: 4px 0;
                font-size: 14px
            }

            .modaL_order2 #countdown {
                padding: 13px 11px 5px
            }

            .modaL_order2 #countdown #tiles span {
                font-size: 18px
            }
        }

        @media only screen and (min-width:520px) and (max-width:768px) {
            .modaL_order2 .modal-body h5 {
                font-size: 17px
            }

            .modaL_order2 .modal-dialog {
                width: 327px;
                margin: 0 auto;
                display: block
            }

            .modaL_order2 form input {
                margin: 5px 0;
                padding: 8px 25px;
                font-size: 13px
            }

            .modaL_order2 #countdown .labels li {
                margin: 0 14px;
                font-size: 11px
            }

            .modaL_order2 .modal-body h4 {
                font-size: 14px;
                margin: 10px 0
            }

            .modaL_order2 form button {
                width: 100%;
                margin: 4% auto 0;
                padding: 2px 0;
                font-size: 15px
            }

            .modaL_order2 #countdown #tiles>span {
                width: 43px;
                max-width: 43px;
                margin: 0 7px;
                padding: 12px 0;
                font-size: 17px
            }

            .modaL_order2 .modal {
                top: 22%
            }

            .modaL_order2 .btn-close {
                right: 13px;
                width: 19px;
                height: 20px;
                top: 11px
            }

            .main_banner .banner_txt ul li a i {
                display: none
            }

            .modaL_order2 .modal-body h2 {
                font-size: 13px
            }
        }

        @media only screen and (min-width:300px) and (max-width:519px) {
            .modaL_order2 .modal-body h5 {
                font-size: 17px
            }

            .modaL_order2 .modal-dialog {
                width: 327px;
                margin: 0 auto;
                display: block
            }

            .modaL_order2 form input {
                margin: 5px 0;
                padding: 8px 25px;
                font-size: 13px
            }

            .modaL_order2 #countdown .labels li {
                margin: 0 14px;
                font-size: 11px
            }

            .modaL_order2 .modal-body h4 {
                font-size: 14px;
                margin: 10px 0
            }

            .modaL_order2 form button {
                width: 100%;
                margin: 4% auto 0;
                padding: 2px 0;
                font-size: 15px
            }

            .modaL_order2 #countdown #tiles>span {
                width: 43px;
                max-width: 43px;
                margin: 0 7px;
                padding: 12px 0;
                font-size: 17px
            }

            .modaL_order2 .modal {
                top: 22%
            }

            .modaL_order2 .btn-close {
                right: 13px;
                width: 19px;
                height: 20px;
                top: 11px
            }

            .modaL_order2 .modal-body h2 {
                font-size: 13px
            }
        }

        .fologo a {
            width: 40%;
            display: block
        }

        .our-testimonial .heading h6 {
            font-size: 16px;
            color: #fff;
            text-transform: uppercase;
            background: #be8636;
            display: initial;
            padding: 0 8px;
            border-radius: 5px
        }

        .our-teams {
            padding: 50px 0;
            position: relative
        }

        .our-teams .our-team-card:hover .our-team-card-img .our-team-card-content p span {
            color: #ffff
        }

        .our-process .our-procard1 .our-process-card-content,
        .our-process .our-procard2 .our-process-card-content {
            height: 160px
        }

        .our-teams::before {
            content: "";
            position: absolute;
            top: 28%;
            right: 0;
            left: 0;
            background-image: url(assets/images/our-team-experts-bg-img.html);
            background-repeat: no-repeat;
            height: 100%;
            z-index: -1;
            width: 100%
        }

        .our-teams .our-team-card {
            position: relative;
            margin: 0 0 300px
        }

        .our-teams .our-teams-heading {
            text-align: center;
            margin: 0 0 55px
        }

        .our-teams .our-teams-heading h3,
        .our-teams-heading h5 {
            margin: 0 0 30px;
            color: #fff;
            font-weight: 700;
            font-size: 36px
        }

        .our-teams .our-teams-heading p {
            font-weight: 400;
            padding: 0 123px;
            color: #fff;
            font-size: 22px;
            line-height: 1.4
        }

        .our-teams .our-team-button a.hvr-grow {
            height: 65px;
            border-radius: 32.5px;
            line-height: 65px;
            width: 240px;
            font-family: rubik, sans-serif;
            font-weight: 500;
            font-size: 18px;
            border: transparent;
            background-color: #231e33;
            color: #fff;
            box-shadow: 0 0 12px 1px #ffa22a
        }

        .our-teams .our-team-card .our-team-card-img .our-team-card-content {
            text-align: center;
            position: absolute;
            top: 22%;
            margin: 0 20px;
            left: 0;
            right: 0
        }

        .our-teams .our-team-card .our-team-card-img .our-team-card-content p {
            font-weight: 700;
            font-size: 14px;
            margin: 0;
            color: #c5913c;
            text-transform: capitalize
        }

        .our-teams .our-team-card .our-team-card-avatar img {
            width: 196px;
            height: 347.6px;
            object-fit: scale-down
        }

        .our-teams .our-team-card:hover .gif-images {
            display: block !important;
            object-fit: unset
        }

        .website-building-pkg .website-building-pkg-card:hover .bsc-heading2 h5,
        .website-building-pkg .website-building-pkg-card:hover .bsc-heading2 sup {
            color: #f49b29
        }

        .website-building-pkg .website-building-pkg-card:hover .bsc-heading2 .striked-out-text p {
            color: #f49b28
        }

        .website-building-pkg .website-building-pkg-card .contact-us a:hover,
        .website-building-pkg .website-building-pkg-card:hover .bsc-heading2 .striked-out-text span {
            color: #f49a28
        }

        .website-building-pkg .website-building-pkg-card .contact-us a:hover:before {
            color: #f49a28 !important
        }

        #mins-text,
        #secs-text,
        .analyzepg .home-banner:after,
        .analyzepg .home-banner:before,
        .approach-sub-module .row:last-child .inner:before,
        .blog-list-slider .slick-dots li button::before,
        .book-icons-box.nosep:before,
        .box-custom-package h4[aria-expanded=false] .icon-minus2,
        .box-custom-package h4[aria-expanded=true] .icon-plus2,
        .dropdown>ul>li.seclvl .seclvldrop,
        .dropdown>ul>li:before,
        .dropdown>ul>li>a:hover:before,
        .dropdown>ul>li>ul,
        .eggoffer .bottom h3:before,
        .eggoffer .broken,
        .firstcs.scndcs:before,
        .footer-nav2 li:first-child:before,
        .gtquote .home-banner:before,
        .hamburger,
        .header-main .logo img.black,
        .header-main.fixed .logo img.white,
        .homwBtmform .home-banner:after,
        .inner-pages .header-main .logo img.white,
        .innerservices .inner-banner .inner-banner-content h1:after,
        .main-menu>ul>li:first-child:before,
        .mob-services,
        .mypopup-wrap .mypopup .right .mypopup-innerwrap h3:before,
        .order-page .home-banner:after,
        .our-teams .our-team-card .our-team-card-avatar .gif-images,
        .our-teams .our-team-card .our-team-card-img .img2,
        .our-teams .our-team-card:hover .normal-img,
        .our-teams .our-team-card:hover .our-team-card-img .img1,
        .packages-sec .pack-wrap .bdarea ul li.heading:before,
        .portfoliolist.portfoliolist-logo .border-box-effect:hover:after,
        .portfoliolist.portfoliolist-logo .border-box-effect:hover:before,
        .portfoliolist.portfoliolist-logo .border-box-effect>:hover:after,
        .portfoliolist.portfoliolist-logo .border-box-effect>:hover:before,
        .prce_box ul li.heading:before,
        .prce_box ul li.pck-heading:before,
        .prce_box-style-2 ul.pck-scrl-style-2 li.pck-heading::before,
        .ser-box2 ul.clients-slider3 li:before,
        .servicepg .inner-banner:before,
        .sliderxs .slick-dots li button:before,
        .tab-content>.tab-pane,
        .tabs,
        .thumbsmain,
        .why-book-area .col-lg-4:nth-child(3n) .book-icons-box:before,
        .xsonly,
        [class^=box-],
        div.error {
            display: none
        }

        .alts-box1,
        .alts-box2,
        .breadcrumbs>ul>li,
        .btn-blue,
        .btn-green,
        .btn-red,
        .btn-style-1,
        .btn-style-4,
        .clientele-sec ul li,
        .clients-slider3,
        .counter ul,
        .cta h3,
        .cta-lef t,
        .cta2 .wrap a,
        .figarea ul li,
        .git-box1,
        .git-box2,
        .hlpwrap li,
        .listsec .wrap ul,
        .myprocess ul,
        .myprocess ul li,
        .packages-sec .pack-wrap .hdarea h4,
        .partners-cta ul,
        .partners-cta ul li,
        .powered-by,
        .process-flow .headingstyle1 .ff-qwitcher,
        .ser-box1,
        .ser-box2,
        .ser-box2 h5,
        .strugglesec ul,
        .tls-sft span,
        p.app-store a {
            display: inline-block
        }

        .our-teams .our-team-card .our-team-card-avatar {
            position: absolute;
            top: 63%;
            left: 0;
            right: 0
        }

        .banner-content-home p,
        .our-teams .our-team-card:hover .our-team-card-img .our-team-card-content p {
            color: #fff;
            text-transform: capitalize
        }

        .our-teams .our-team-card .our-team-card-img .our-team-card-content p span {
            display: block;
            text-transform: capitalize
        }

        #jqcheck {
            background: #fff9d7;
            text-align: center;
            color: #333;
            padding: 10px 0;
            font-size: 13px;
            font-weight: 700;
            position: fixed;
            z-index: 9991;
            width: 100%;
            font-family: Arial, Helvetica, sans-serif
        }

        *,
        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p {
            margin: 0;
            padding: 0
        }

        .powered-by {
            text-decoration: none !important;
            padding: 0 !important;
            margin: 0 !important
        }

        .site-navigation {
            border: 1px solid #ca983f;
            border-left: none;
            border-right: none
        }

        .btn-style-1 {
            background: #017b89;
            border: transparent !important;
            color: #fff;
            padding: 10px 20px;
            border-radius: 6px;
            margin-left: 10px;
            font-weight: 600;
            font-size: 18px;
            text-transform: capitalize
        }

        .btn-style-1:hover {
            background: linear-gradient(135deg, #53b3eb 0, #204a8b 100%);
            border: transparent !important;
            color: #fff
        }

        .btn-style-2 {
            color: #c49102 !important
        }

        .btn-style-2:hover {
            background: linear-gradient(to left, #c49102 0, #dfb10c 100%) !important;
            border: transparent !important;
            color: #fff !important
        }

        .btn-style-4 {
            position: relative;
            color: #fff;
            border: 1px solid #fff;
            font-size: 16px;
            padding: 8px 20px;
            border-radius: 4px;
            margin-top: 15px;
            transition: .4s ease-in-out
        }

        .author-box .author-detail .hire-writer:hover,
        .btn-style-4:hover {
            background-color: #fff;
            color: #000
        }

        .best-selling-books {
            background-repeat: no-repeat;
            background-position: top left;
            background-size: cover;
            padding: 70px 0
        }

        .best-selling-books .heading {
            text-align: center;
            margin-bottom: 3rem
        }

        .best-selling-books .heading h3 {
            font-size: 48px;
            font-weight: 700;
            text-transform: capitalize;
            color: #fff;
            letter-spacing: -1px
        }

        .best-selling-slider li {
            margin-bottom: 30px;
            position: relative
        }

        .best-selling-slider li img,
        .ew-portfolio-box .slide img {
            margin: auto
        }

        .noOneSelling {
            background-color: #bf8839;
            width: 100px;
            position: absolute;
            right: 0;
            bottom: -20px;
            padding: 15px 5px;
            text-align: center;
            color: #fff;
            font-size: 13px;
            border-radius: 10px 0
        }

        .noOneSelling .h3Heading {
            font-size: 26px;
            font-weight: 500;
            color: #fff;
            line-height: normal;
            padding: 0
        }

        .noOneSelling .para {
            font-size: 15px;
            line-height: normal;
            color: #fff
        }

        .help__you {
            padding: 0 0 70px
        }

        .help__you .ul-style-1 {
            font-size: 0;
            margin: 0 0 30px
        }

        .help__you .ul-style-1 li {
            display: inline-block;
            width: 50%;
            font-size: 18px;
            color: #fff;
            margin-bottom: 5px
        }

        .help__you .ul-style-1 li i {
            color: #be8636;
            margin-right: 5px
        }

        .banner-content-home a,
        .help__you .btn-theme,
        .homwBtmform .offset-lg-2,
        .introduction-sec .btn-theme,
        .ml-0 {
            margin-left: 0
        }

        .all-service-popup ul,
        .help__you .writingImages,
        .ticklist li.ralign {
            text-align: right
        }

        .addressnav li,
        .bannerformnew,
        .bid-gallery-nav,
        .blog-post,
        .blog-post-content,
        .checklist li,
        .counter,
        .cta2,
        .cta2 .wrap,
        .custom-popup h4,
        .dropdown>ul>li.seclvl,
        .firstcs,
        .footer-nav li,
        .footer-nav2 li,
        .footer-top h4,
        .forarrowselect,
        .form-box-main form .slct,
        .ftr-social2 li,
        .ftr-social3 li,
        .gallery-nav-main,
        .gclients h5,
        .hart-bg,
        .header-main .secondlogo,
        .hero-slider-wrap,
        .home-banner-content.hme-bner-cntn,
        .homepage-programs,
        .homepage-programs .program-taglines,
        .inner-banner,
        .inner-banner.aboutbg,
        .item.blackfriday,
        .listsec .wrap ul li p,
        .main-navigation .dropdown-nav ul,
        .menuside,
        .menuside2,
        .our-process,
        .overlay__area,
        .product-gallery-nav,
        .relative,
        .single-review-box,
        .sitemap>li,
        .slider-wrapper,
        .team-box1.brdr,
        .tls-sft,
        thumb-slider-main {
            position: relative
        }

        .overLayContent {
            max-width: 400px;
            padding: 20px 25px;
            background-color: #be8636;
            opacity: .8;
            top: 68%;
            left: 17%;
            animation: .5s ease-in-out fadeInLeft
        }

        .overLayContent p {
            color: #fff;
            padding: 0;
            line-height: normal;
            font-size: 16px
        }

        .item.blackfriday:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: rgba(0, 0, 0, .45);
            z-index: 2
        }

        .thankyou-banner {
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            background-position: center;
            background-size: cover
        }

        .thank-hdr {
            background-color: #fff;
            padding: 55px 0
        }

        .thank-hdr h1 {
            font-size: 54px;
            font-weight: 700;
            font-stretch: normal;
            font-style: normal;
            line-height: 57px;
            text-align: center;
            color: #be8636;
            margin-bottom: 13px
        }

        .thank-hdr a,
        .thank-hdr p {
            color: #222;
            font-style: italic;
            font-size: 16px
        }

        .thank-hdr p {
            font-weight: 400;
            font-stretch: normal;
            letter-spacing: normal;
            text-align: center;
            padding: 0;
            margin-bottom: 10px
        }

        .overlay-bg {
            display: none;
            background: rgba(0, 0, 0, .5);
            opacity: .94;
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99999
        }

        .analyzeform form label.error,
        .blog-body .overlay,
        .bot-form form label.error,
        .mypopup-wrap .easter,
        .sale-blckfriday .salecrcle-btn h3:before {
            display: none !important
        }

        @media screen and (-webkit-min-device-pixel-ratio:0) {
            select {
                -webkit-appearance: none !important;
                line-height: 28px !important
            }
        }

        body {
            color: var(--default-color);
            font-size: var(--base-font-size);
            position: relative
        }

        .ff-secondary {
            font-family: var(--secondary-font-family)
        }

        .fc-primary,
        .gallery-nav-main .slick-next:hover:before,
        .gallery-nav-main .slick-prev:hover:before,
        .h2 span,
        .home-slider .slick-next:hover:before,
        .home-slider .slick-prev:hover:before,
        .inner-banner-content h1 span,
        .number-banner-content h1 span,
        h2 span {
            color: var(--primary-color)
        }

        .fc-secondary,
        .list-simple li:before,
        .sidebar-list li a:hover {
            color: var(--secondary-color)
        }

        .fc-dark {
            color: var(--theme-dark)
        }

        .fc-lite {
            color: var(--theme-lite)
        }

        .primary-btn,
        .secondary-btn {
            font-size: 13px;
            font-weight: 400;
            text-transform: capitalize;
            padding: 8px 15px;
            position: relative;
            display: table;
            border-radius: 3px
        }

        .primary-btn:after,
        .secondary-btn:after {
            content: "\e957";
            font-family: icomoon !important;
            font-size: 13px;
            color: #fff;
            padding-left: 10px;
            display: table-cell;
            vertical-align: middle
        }

        .primary-btn {
            background: var(--primary-color);
            color: #fff
        }

        .home-box-main a.more-link:hover,
        .primary-btn:hover {
            background: var(--primary-color-dark);
            color: #fff
        }

        .secondary-btn {
            background: var(--secondary-color);
            color: #fff
        }

        .secondary-btn:hover {
            background: var(--secondary-color-dark);
            color: #fff
        }

        .banner-btn {
            text-transform: capitalize;
            display: inline-block;
            transform: translateY(0);
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s;
            color: #fff !important;
            background-color: transparent;
            padding: 20px 40px;
            font-size: 18px;
            font-weight: 600;
            border-radius: 5px;
            border: 1px solid #fff !important
        }

        .bottom-form,
        .maparea,
        .ourprocesses,
        .sec-padding-100,
        .secpad-100,
        .singletestimonials {
            padding: 100px 0
        }

        .growth h4,
        .sm-btn,
        .travel-content p {
            font-size: 14px
        }

        .box-custom-package h4 .more-less,
        .leftinner .checklist li,
        .md-btn,
        .satisfactionfold .textwrap .satisfylist li p,
        .selected-box2 a {
            font-size: 16px
        }

        .lg-btn,
        .smallfont {
            font-size: 18px
        }

        .ourapproachsec .wrapper .cta h4,
        .ourprocesses .cta h4,
        .xl-btn {
            font-size: 20px
        }

        .h3,
        .h4,
        .h5,
        .h6,
        h4,
        h5,
        h6 {
            padding-bottom: 10px;
            color: var(--theme-dark)
        }

        .h2,
        h2 {
            font-size: 6.7vmin
        }

        .h3,
        h3 {
            font-size: var(--font-size-h3);
            font-weight: 600
        }

        .h4,
        h4 {
            font-size: var(--font-size-h4)
        }

        .h5,
        h5 {
            font-size: var(--font-size-h5)
        }

        .h6,
        h6 {
            font-size: var(--font-size-h6)
        }

        p {
            font-weight: 400;
            line-height: 1.5;
            padding: 0 0 20px;
            margin: 0;
            font-size: 18px;
            color: #ffff
        }

        img {
            max-width: 100%;
            border: 0;
            outline: 0
        }

        .main-wtn-sec {
            margin: 0 auto
        }

        .sec-padding-90,
        .spacing__x {
            padding: 90px 0
        }

        .pricingTable,
        .sec-padding-80 {
            padding: 80px 0
        }

        .sec-padding-70 {
            padding: 70px 0
        }

        #footer>.container>.row,
        .clientele-sec,
        .collaboration-sec,
        .cta2,
        .introduction-sec2,
        .listsec,
        .myprocess,
        .recognitionsec,
        .sec-padding,
        .sec-padding-60,
        .tools-sec {
            padding: 60px 0
        }

        .sec-padding-xlarge {
            padding: 50px 0
        }

        .bookSec,
        .sec-padding-large {
            padding: 40px 0
        }

        .sec-padding-small {
            padding: 25px 0
        }

        .sec-padding-xsmall {
            padding: 10px 0
        }

        .sec-margin-100 {
            margin: 100px 0
        }

        .sec-margin-90 {
            margin: 90px 0
        }

        .sec-margin-80 {
            margin: 80px 0
        }

        .hlpwrap,
        .sec-margin-70 {
            margin: 70px 0
        }

        .sec-margin-60 {
            margin: 60px 0
        }

        .sec-margin-xlarge {
            margin: 50px 0
        }

        .sec-margin-large {
            margin: 40px 0
        }

        .sec-margin-medium {
            margin: 30px 0
        }

        .sec-margin-small {
            margin: 25px 0
        }

        .book-cover-slider .slick-slide,
        .gclients .clientslist li figure,
        .home-box-main,
        .sec-margin-xsmall,
        .side-banner {
            margin: 10px 0
        }

        #footer>.container>.row~.row,
        .crte-prf,
        .cta p,
        .ftr-social li a,
        .leftinner .checklist,
        .main-cntc-form .wrk-up-wrap,
        .nopadd,
        .nopaddding,
        .p-0,
        .portfolioSec h2,
        .tools-sec .tbox-icon figure,
        section.main-sft-sec.sec-padding-60 {
            padding: 0
        }

        .prc_boxess .smallboxes,
        .pt-0 {
            padding-top: 0
        }

        .myprocess.main-ghst-sec p,
        .ourapproachsec .wrapper .cta,
        .pb-0 {
            padding-bottom: 0
        }

        .footer-nav2 li:first-child,
        .form_wrap .analyzeform form .wrap,
        .mytesti .tls-wrap .tls-sft p .mCustomScrollBox,
        .nopadd-left,
        .pl-0,
        .top-info-list li:first-child {
            padding-left: 0
        }

        .main-menu>ul>li:last-child,
        .pr-0,
        .top-info-list li:last-child {
            padding-right: 0
        }

        .top-info-list li:nth-child(3) a i {
            font-weight: 800;
            margin: 0 4px 0 0
        }

        .book-cover-slider,
        .breadcrumbs>ul,
        .form-box-main form select[name=ddlYear],
        .form_wrap .analyzeform,
        .ft-img figure,
        .m-0,
        .main-atls figure,
        .main-navigation ul,
        .menuside2 i,
        .mst-inr ul,
        .per-box1 figure,
        .portfolio-box ul li figure,
        .portfolio-box ul li:last-child {
            margin: 0
        }

        .boxessec .boxeswrap ul li .boxlist,
        .contactpg .oddinner-banner .inner-banner-content,
        .mt-0,
        .myprocess.main-ghst-sec ul,
        .sidebar .accordion {
            margin-top: 0
        }

        .border-box-effect figure,
        .built-sec figure,
        .clientele-sec figure,
        .collaboration-sec figure,
        .counternew .figorelist,
        .counternew .figorelist li figure,
        .flogo figure,
        .footer-nav li:last-child,
        .header-main.showmenu .has-submenu .dropdown>ul,
        .helpsec .imgplace figure,
        .inline-block,
        .innerservices .inner-banner .inner-banner-content a,
        .introduction-sec2 figure,
        .mb-0,
        .ourapproachsec figure,
        .packages-sec .pack-wrap .bdarea ul,
        .partners-cta ul li figure,
        .quest-section,
        .satisfactionfold figure,
        .single-review-slider,
        .top-box .bdarea ul,
        .top-box .hdarea .rt figure {
            margin-bottom: 0
        }

        .address-main ul li:last-child,
        .mr-0,
        .partners-cta ul li:last-child,
        .tab-style-1 ul li:last-child,
        .top-box .bdarea ul li:last-child {
            margin-right: 0
        }

        .tt-uppercase {
            text-transform: uppercase
        }

        .Ghost-book-writing-content h1,
        .banner-form h3,
        .btn-packages,
        .btn-theme,
        .btn-theme-outline,
        .built-sec h2,
        .clientele-sec h2,
        .cntc-form h3,
        .collaboration-sec .wrapper h2,
        .form-box-main h2,
        .fourth-sec-content h3,
        .ghst-writng-content h1,
        .git h3,
        .header-main.fixed .main-menu>ul>li>a,
        .home-banner-content h1,
        .home-box-main a.more-link,
        .info-content h3,
        .inner-pages .header-main .main-menu>ul>li>a,
        .introduction-sec .wrapper h3,
        .introduction-sec2 .wrapper h3,
        .main-ghst-sec h3,
        .main-menu>ul>li>a,
        .mycta h2,
        .myprocess h2,
        .our-team h1,
        .policypg h2,
        .sticky li p,
        .strt-cta h3,
        .team-content h3,
        .thierd-sec-content h3,
        .tools-sec h2,
        .trst-rvw h1,
        .tt-capitalize,
        .works-content h3 {
            text-transform: capitalize
        }

        p strong {
            color: #fff
        }

        p span {
            color: #c9963e
        }

        .form-box-main form input:focus,
        .form-box-main form option:focus,
        .form-box-main form select:focus,
        .form-box-main form textarea:focus,
        .selected-flag,
        .sliderxs .col-lg-2:focus,
        .sliderxs .col-lg-3:focus,
        .sliderxs .col-lg-4:focus,
        .sliderxs .col-lg-6:focus,
        .thumb-slider .thumb-slide:focus,
        a:focus {
            outline: 0
        }

        .absolute,
        .element,
        .inner-banner.aboutbg .circles {
            position: absolute
        }

        .h2,
        h2 {
            color: #fff;
            line-height: 1.2;
            font-weight: 700;
            padding: 0 0 15px;
            position: relative;
            letter-spacing: -1px
        }

        .list-simple,
        .sitemap {
            list-style: none;
            margin: 0 0 15px;
            width: 100%;
            display: inline-block
        }

        .list-simple li {
            color: var(--default-color);
            padding: 0 0 10px 16px;
            line-height: 20px;
            font-size: 14px;
            font-weight: 400;
            position: relative
        }

        .list-simple li:before {
            position: absolute;
            left: 0;
            top: 0;
            font-size: 13px;
            content: "\e93a";
            font-family: icomoon !important
        }

        .moreFull {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            text-indent: -9999px
        }

        .transition {
            -webkit-transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out
        }

        .scale-with-transition {
            -webkit-transition: .2s ease-in;
            -ms-transition: .2s ease-in;
            -moz-transition: .2s ease-in;
            transition: .2s ease-in;
            -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
            -moz-transform: scale(1.05);
            transform: scale(1.05)
        }

        .header-main {
            top: 0;
            z-index: 99;
            width: 100%;
            -ms-transition: .3s ease-out;
            -moz-transition: .3s ease-out;
            -webkit-transition: .3s ease-out;
            -o-transition: .3s ease-out;
            transition: .3s ease-out
        }

        .header-main.fixed {
            box-shadow: 0 5px 20px #00000012;
            -ms-transition: .3s ease-out;
            -moz-transition: .3s ease-out;
            -webkit-transition: .3s ease-out;
            -o-transition: .3s ease-out;
            transition: .3s ease-out;
            position: fixed;
            background: #fff
        }

        .btn-packages,
        .btn-packages:hover,
        .btn-red,
        .btn-theme,
        .btn-theme-outline,
        .btn-theme-outline1,
        .btn-theme-outline1:hover,
        .btn-theme-outline:hover,
        .btn-theme2,
        .btn-theme2:hover,
        .btn-theme:hover,
        .cta2 .wrap a,
        .eggoffer.show,
        .floatbutton,
        .floatbutton.active,
        .floatbutton2,
        .floatbutton2 .clickbutton2 .crossplus,
        .floatbutton2.active,
        .form-box-main form input[type=submit],
        .header-main .emailsec,
        .header-main.showmenu .othermenu,
        .logo,
        .prc_boxess,
        .prce_box,
        .pricing-sec .pricingwrap li .box,
        .sale-blckfriday,
        .sale-blckfriday .sale-box,
        .sale-blckfriday .sale-box.open,
        .sale-blckfriday .sale-box.open a,
        .sale-blckfriday .salecrcle-btn,
        .servicesec .boxwrap li:hover,
        .tabbing-links li,
        .three-testimonials .box,
        .three-testimonials .box:hover,
        .tools-sec .tbox,
        .wow-testimonial .tsbox {
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s
        }

        .fc-black,
        .header-main.fixed .main-menu>ul>li>a,
        .menuside:hover {
            color: #223235
        }

        .top-bar {
            position: relative;
            z-index: 99
        }

        .dropdown,
        .dropdown>ul>li.seclvl:hover .seclvldrop {
            box-shadow: 0 1px 24px rgba(45, 62, 80, .12);
            z-index: 95
        }

        .top-bar.z-index {
            z-index: auto
        }

        .top-info-list {
            margin: 0;
            justify-content: end;
            display: flex;
            align-items: center
        }

        .top-info-list li {
            float: left;
            color: #171717;
            font-size: 14px;
            padding: 0 10px
        }

        .top-info-list li span.icon-phone2 {
            font-size: 15px;
            top: 1px;
            position: relative
        }

        .top-info-list li a {
            color: #000;
            font-size: 16px;
            font-weight: 700
        }

        .top-info-list li a img {
            width: 30px;
            padding-right: 5px
        }

        .top-info-list li a:hover {
            color: #017b89
        }

        .nav-area-full {
            padding: 17px 0 16px;
            display: block
        }

        .cstn-column,
        .footer-top .wrapper,
        .main-menu,
        .top-area {
            display: inline-block;
            width: 100%
        }

        .logo {
            width: 100%;
            margin: 0;
            float: left;
            transition: .4s
        }

        .approach-items .approach-item:nth-child(2n) .approach-inner,
        .main-menu {
            float: right
        }

        .main-menu>ul {
            float: left;
            margin: 0
        }

        .main-menu>ul>li {
            padding: 0;
            float: left;
            position: relative
        }

        .main-menu>ul>li:before {
            position: absolute;
            width: 1px;
            height: 12px;
            background: #71787e;
            left: 0;
            top: 30%
        }

        .main-menu>ul>li>a {
            padding: 16px 12px;
            font-size: 16px;
            color: #fff;
            font-weight: 400;
            border-right: 1px solid #207660
        }

        .main-menu>ul>li.current a {
            background: #500a0a
        }

        .header-main .has-submenu.progmenu {
            font-size: 16px;
            color: #171717;
            font-weight: 400;
            margin: 0;
            padding: 3px 0 4px
        }

        .main-menu>ul>li.active>a,
        .main-menu>ul>li>a.active,
        .main-menu>ul>li>a:focus,
        .main-menu>ul>li>a:hover {
            color: #fff;
            background: #be8636
        }

        .book-covers ul,
        .cstn-column,
        .footer-nav.style-2,
        .popupform form,
        .sale-blckfriday .salecrcle-btn.open h3 span,
        .tabs .portfoliolist {
            font-size: 0
        }

        .dropdown {
            width: 220px;
            position: absolute;
            top: 140%;
            left: 0;
            margin-left: -160px;
            visibility: hidden;
            opacity: 0;
            padding: 0 0 7px;
            background-color: #fff;
            border: 1px solid #cbd6e2;
            border-radius: .1875rem
        }

        .main-menu>ul>li:hover .dropdown {
            visibility: visible;
            opacity: 1;
            left: 18px
        }

        .main-menu>ul>li:hover .progmenu .dropdown {
            left: 0
        }

        .dropdown>ul {
            padding: 10px 0;
            list-style: none
        }

        .dropdown>ul>li>a {
            color: #333 !important;
            font-size: 16px;
            padding: 8px 10px 8px 15px;
            display: block
        }

        .dropdown>ul>li>a:hover {
            color: #c49102;
            background: 0 0
        }

        .double-drop {
            width: 400px !important
        }

        .stickyheader {
            position: fixed;
            z-index: 9999
        }

        .stickyheader .logo img {
            width: 80px
        }

        .grwth,
        .stickyheader .navbar-inverse {
            margin: 10px 0 0
        }

        .sticky-container {
            padding: 0;
            margin: 0;
            position: fixed;
            right: -155px;
            top: 180px;
            width: 200px;
            display: none;
            z-index: 999
        }

        .sticky li {
            border-radius: 5px;
            background-color: #333;
            color: #efefef;
            height: 45px;
            padding: 0;
            margin: 0;
            -webkit-transition: .25s ease-in-out;
            -moz-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
            cursor: pointer
        }

        .sticky li:hover {
            margin-left: -115px
        }

        .sticky li img {
            float: left;
            border-radius: 5px 0 0 5px;
            margin: 0 10px 0 0
        }

        .sticky li p {
            padding: 0;
            margin: 0;
            line-height: 45px;
            color: #fff
        }

        .sticky li a {
            border-radius: 5px;
            color: #fff
        }

        .home-banner {
            width: 100%;
            height: 500px;
            position: relative;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            display: table
        }

        .home-banner:after {
            content: "";
            background-color: #00000096;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            position: absolute
        }

        .home-banner-content {
            position: relative;
            z-index: 9;
            text-align: center;
            margin: 0 auto
        }

        .services-banner {
            padding: 100px;
            background-color: #fff7f7
        }

        .home-banner-content.hme-bner-cntn .analyzeform {
            margin: 0;
            box-shadow: 5px 6px 30px #00000012
        }

        .home-banner-content h1 {
            line-height: 1;
            font-size: 48px;
            margin-bottom: 20px;
            font-weight: 700;
            color: #fff;
            position: relative
        }

        .home-banner-content h1:after {
            position: absolute;
            width: 10px;
            height: 10px;
            background: #fff;
            right: 0;
            bottom: -5px;
            border-radius: 200px
        }

        .home-banner-content .subtitle {
            color: #fff;
            font-size: 22px;
            padding: 0;
            margin-bottom: 40px
        }

        .home-banner-content a.home-banner-link,
        .number-banner-content a.number-banner-link {
            margin: 0;
            font-size: 14px;
            line-height: 18px;
            font-weight: 400;
            text-transform: capitalize;
            padding: 10px 20px;
            background: var(--primary-color);
            color: #fff;
            position: relative;
            display: table;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px 3px 3px 3px;
            border-radius: 3px
        }

        .home-banner-content a.home-banner-link:after,
        .number-banner-content a.number-banner-link:after {
            content: "\e93a";
            font-family: icomoon !important;
            font-size: 13px;
            color: #fff;
            padding-left: 10px;
            display: table-cell;
            vertical-align: middle
        }

        .home-banner-content a.home-banner-link:hover,
        .number-banner-content a.number-banner-link:hover {
            background: var(--primary-color-dark)
        }

        .ratingBr {
            z-index: 99;
            margin: 15px auto 0;
            text-align: center
        }

        .ratingBr p {
            color: #fff;
            font-size: 16px;
            margin: 0;
            padding: 0;
            opacity: 1
        }

        .ban-form input,
        .massage-field textarea {
            margin: 0 0 15px;
            background: 0 0;
            font-size: 14px;
            font-weight: 400;
            outline: 0 !important
        }

        .built-sec h5 a,
        .cta h3 a,
        .cta p a,
        .dropdown>ul>li:hover a,
        .header-main .othermenu li.current h6 a,
        .innerservices .inner-banner .inner-banner-content h5,
        .popupform form p a,
        .prce_box:hover h3:before,
        .pricing-hme-content .smallboxes:hover .more-less,
        .pricing-hme-content .smallboxes:hover h4,
        .pricing-hme-content .smallboxes:hover p,
        .pricing-sec .tabbing-links li.current a,
        .ratingBr p span,
        .servicepg .inner-banner .inner-banner-content h5,
        .servicesec p span,
        .strugglesec ul li a:hover {
            color: #dfb10c
        }

        .home-slider .slick-dots {
            position: absolute;
            bottom: 20px;
            right: 0;
            left: 0;
            display: block;
            padding: 0 15px;
            margin: 0 auto;
            border-radius: 3px;
            list-style: none;
            width: 1140px
        }

        .gallery-nav-main .slick-dots li,
        .home-slider .slick-dots li,
        .sliderxs .slick-dots li {
            position: relative;
            display: inline-block;
            margin: 0 6px 0 0;
            padding: 0;
            cursor: pointer
        }

        .home-slider .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 12px;
            height: 12px;
            padding: 0;
            cursor: pointer;
            color: transparent;
            outline: 0;
            background: #fff;
            border: none;
            border-radius: 200px
        }

        .home-slider .slick-dots li.slick-active button,
        .sliderxs .slick-dots li.slick-active button {
            background: var(--primary-color);
            border: none
        }

        .gallery-nav-main .slick-next,
        .gallery-nav-main .slick-prev,
        .home-slider .slick-next,
        .home-slider .slick-prev {
            font-size: 0;
            line-height: 0;
            position: absolute;
            top: 50%;
            z-index: 100;
            display: block;
            padding: 0;
            cursor: pointer;
            color: transparent;
            border: none;
            outline: 0;
            background: 0 0;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%)
        }

        .home-slider .slick-prev {
            left: 15px
        }

        .home-slider .slick-next {
            right: 15px
        }

        .home-slider .slick-next:before,
        .home-slider .slick-prev:before {
            font-family: icomoon !important;
            color: #fff;
            font-size: 50px;
            line-height: 1
        }

        .gallery-nav-main .slick-prev:before,
        .home-slider .slick-prev:before {
            content: "\e958"
        }

        .gallery-nav-main .slick-next:before,
        .home-slider .slick-next:before {
            content: "\e957"
        }

        .slider-progress {
            width: 100%;
            height: 5px;
            background: 0 0;
            position: absolute;
            left: 0;
            bottom: 0
        }

        .slider-progress .progress {
            width: 0%;
            height: 5px;
            background: var(--primary-color)
        }

        .banner-form {
            background: #fff;
            padding: 30px;
            position: relative;
            z-index: 1;
            top: 0;
            box-shadow: 5px 6px 30px #00000012
        }

        .ban-form input {
            width: 100%;
            border: 3px solid #017b89;
            padding: 10px 15px;
            color: #000;
            border-radius: 3px;
            height: 50px
        }

        .massage-field textarea {
            width: 100%;
            border: 3px solid #017b89;
            padding: 10px 15px;
            color: gray;
            border-radius: 3px;
            resize: none;
            height: 100px;
            margin-top: 15px
        }

        .inner-banner-content h1,
        .number-banner-content h1 {
            border-bottom: 1px solid #fff;
            padding-bottom: 15px;
            letter-spacing: -2px;
            text-shadow: 3px 2px 2px rgba(0, 0, 0, .7);
            line-height: 1.1
        }

        .ban-form input[type=submit] {
            cursor: pointer;
            color: #fff;
            font-weight: 600;
            background: #017b89;
            border-radius: 6px;
            padding: 10px 15px;
            margin: 0;
            border: transparent;
            background: -moz-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%)
        }

        .banner-form h3 {
            color: #fff;
            font-weight: 700;
            font-size: 21px;
            margin: 0 0 10px
        }

        .ban-form input:placeholder {
            color: #000
        }

        .massage-field textarea:placeholder {
            color: #fff
        }

        .inner-banner:before {
            position: absolute;
            width: 100%;
            height: 100%;
            background: #00000054;
            z-index: 0;
            content: ""
        }

        .inner-banner-content h1 {
            font-size: var(--font-size-h1-inner-vmin);
            margin-bottom: 15px;
            font-weight: 700;
            color: #fff;
            position: relative;
            float: left
        }

        .inner-banner-content h1:after,
        .number-banner-content h1:after {
            position: absolute;
            content: "";
            width: 10px;
            height: 10px;
            background: #fff;
            right: 0;
            bottom: -5px;
            border-radius: 200px
        }

        .all-service-popup ul li a,
        .author-box .author-detail ul li,
        .helpsec .wayswrapper ul li p,
        .inner-banner-content .subtitle,
        .number-banner-content .subtitle {
            color: #fff;
            font-size: 16px
        }

        .slider-wrapper-number {
            width: 100%;
            margin-bottom: 20px;
            position: relative
        }

        .number-banner {
            width: 100%;
            height: 438px;
            position: relative;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            display: table
        }

        .number-banner-content h1 {
            font-size: var(--font-size-h1-home-vmin);
            margin-bottom: 15px;
            font-weight: 700;
            color: #fff;
            position: relative
        }

        .number-slider .slick-dots {
            position: absolute;
            bottom: 30px;
            right: 0;
            left: 0;
            display: block;
            padding: 0 15px;
            margin: 0 auto;
            border-radius: 3px;
            list-style: none;
            width: 1140px;
            text-align: left
        }

        .number-slider .slick-dots li {
            position: relative;
            display: inline-block;
            margin: 0 20px 0 0;
            padding: 0;
            cursor: pointer
        }

        .number-slider .slick-dots li a {
            line-height: 35px;
            display: block;
            width: 35px;
            height: 35px;
            padding: 0;
            cursor: pointer;
            color: var(--theme-white);
            outline: 0;
            background-color: var(--secondary-color);
            border: none;
            border-radius: 200px;
            text-align: center;
            border: 1px solid var(--secondary-color-dark);
            transition: .3s ease-in-out
        }

        .destination-content,
        .travel-content {
            -webkit-transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out
        }

        .number-slider .slick-dots li a:hover {
            color: var(--theme-white)
        }

        .number-slider .slick-dots li.slick-active a {
            background: var(--primary-color);
            color: #fff;
            border: 1px solid var(--primary-color)
        }

        .buttons-main {
            position: absolute;
            width: 100%;
            top: 50%;
            z-index: 100
        }

        .prev-btn-main {
            position: absolute;
            left: -50px
        }

        .next-btn-main {
            position: absolute;
            right: -50px
        }

        .next-btn,
        .prev-btn {
            width: 35px;
            height: 35px;
            background-color: var(--primary-color);
            border-radius: 100%;
            position: relative;
            display: inline-block;
            cursor: pointer;
            text-align: center
        }

        .next-btn:hover,
        .prev-btn:hover {
            background-color: var(--primary-color-dark)
        }

        .next-btn:before,
        .prev-btn:before {
            font-family: icomoon !important;
            color: #fff;
            font-size: 13px;
            line-height: 35px
        }

        .prev-btn:before {
            content: "\e920"
        }

        .next-btn:before {
            content: "\e91f"
        }

        .home-box-main figure,
        .satisfactionfold .textwrap .satisfylist li .figg {
            margin-bottom: 15px
        }

        .home-box-main figure img {
            box-shadow: 0 0 13px 0 rgba(0, 0, 0, .5)
        }

        .home-box-main h3 {
            color: #000;
            font-size: 18px;
            line-height: 20px;
            font-weight: 600;
            padding: 0 0 10px
        }

        .home-box-main p {
            padding: 0 0 10px
        }

        .home-box-main a.more-link {
            margin: 0;
            font-size: 13px;
            font-weight: 400;
            padding: 8px 15px;
            background: var(--primary-color);
            color: #fff;
            display: inline-block;
            border-radius: 3px
        }

        .why-book-area {
            background: url("assets/images/why-book-bg.html")
        }

        .book-icons-box img,
        .why-book-area .hd01 {
            margin: 0 auto 15px
        }

        .book-icons-box {
            padding: 20px 60px;
            margin: 0;
            text-align: center;
            font-family: Poppins, sans-serif;
            position: relative
        }

        .book-icons-box:before {
            position: absolute;
            content: "";
            width: 1px;
            height: 178px;
            right: -20px;
            top: 15%;
            background: url("assets/images/icon-box-sep.html") no-repeat
        }

        .book-icons-box h3 {
            color: var(--secondary-color);
            font-size: 18px;
            line-height: 20px;
            font-weight: 500;
            margin: 0;
            padding: 25px 0 10px;
            position: relative
        }

        .book-icons-box h3:before {
            position: absolute;
            content: "";
            width: 48px;
            height: 5px;
            background: var(--primary-color);
            margin: 0 auto;
            display: table;
            top: 0;
            left: 0;
            right: 0
        }

        .book-icons-box p {
            color: #000;
            font-size: 14px;
            line-height: 20px;
            margin: 0;
            padding: 0
        }

        .travel-content h4,
        .travel-content p {
            color: #fff;
            padding: 0 0 10px;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, .5)
        }

        .testimonials-slider-main {
            display: inline-block;
            width: 100%;
            text-align: center;
            margin: 20px 0 0;
            padding-bottom: 40px
        }

        .destination-box-main,
        .points-box-main,
        .travel-box-main {
            margin: 15px 0;
            overflow: hidden
        }

        .testimonials-slider img {
            border-radius: 200px;
            margin: 0 auto;
            box-shadow: 0 0 0 8px #fff, 0 0 0 10px #112c4a
        }

        .testimonials-slider p {
            font-size: 20px;
            line-height: 22px;
            position: relative
        }

        .testimonials-slider p .mCustomScrollBox {
            padding: 0 20px 0 0
        }

        .testimonials-slider p:after,
        .testimonials-slider p:before {
            position: relative;
            display: inline-block;
            color: var(--secondary-color);
            font-family: icomoon !important;
            font-size: 15px;
            font-style: initial
        }

        .testimonials-slider-main .slick-dots {
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            padding: 0;
            margin: 0 auto;
            list-style: none
        }

        .testimonials-slider-main .slick-dots li {
            position: relative;
            display: inline-block;
            margin: 0 3px;
            padding: 0;
            cursor: pointer
        }

        .testimonials-slider-main .slick-dots li button {
            line-height: 0;
            display: block;
            width: 11px;
            height: 11px;
            padding: 0;
            cursor: pointer;
            color: transparent;
            outline: 0;
            background: url(assets/images/slick-dots.html) no-repeat;
            border: none
        }

        .testimonials-slider-main .slick-dots li.slick-active button {
            border: none;
            background: url(assets/images/slick-dots.html) top 0 left -11px no-repeat
        }

        .testimonials-slider-main .slick-next,
        .testimonials-slider-main .slick-prev {
            line-height: 0;
            position: absolute;
            top: 50%;
            z-index: 100;
            display: block;
            width: 18px;
            height: 28px;
            padding: 0;
            cursor: pointer;
            color: transparent;
            border: none;
            outline: 0;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%)
        }

        .testimonials-slider-main .slick-prev {
            left: -20px;
            background: url(assets/images/slick-arrows.html) top 0 left 0 no-repeat
        }

        .testimonials-slider-main .slick-next {
            right: -20px;
            background: url(assets/images/slick-arrows.html) top 0 left -18px no-repeat
        }

        .hover-boxes-area {
            padding: 25px 0 10px
        }

        .travel-box-main {
            position: relative;
            min-height: 420px;
            text-align: center
        }

        .travel-content {
            padding: 15px 15px 15px 0;
            width: 100%;
            overflow: hidden;
            position: absolute;
            left: 0;
            top: 75%;
            z-index: 1;
            transition: .3s ease-in-out;
            background: 0 0
        }

        .destination-content,
        .points-content {
            z-index: 1;
            background: rgba(255, 255, 255, 0);
            width: 100%;
            left: 0;
            overflow: hidden
        }

        .travel-content h4 {
            font-size: 22px;
            font-weight: 700;
            text-transform: uppercase;
            position: relative;
            margin: 0;
            background: 0 0;
            width: 100%;
            font-family: Poppins, sans-serif
        }

        .travel-content a,
        .travel-content p {
            font-weight: 400;
            display: none;
            margin: 0
        }

        .destination-content h4 span,
        .travel-content h4 span {
            font-size: 18px;
            display: block
        }

        .travel-content .starts {
            margin: 0 auto 20px;
            display: table
        }

        .travel-content a {
            font-size: 16px;
            line-height: 18px;
            text-transform: capitalize;
            padding: 10px 35px 10px 25px;
            background: 0 0;
            color: #fff;
            position: relative;
            border: 1px solid #fff
        }

        .points-box h3,
        .points-content h4 {
            text-transform: uppercase;
            color: #fff
        }

        .travel-content a:before {
            position: absolute;
            content: "\f178";
            font-family: fontAwesome;
            font-size: 13px;
            color: #fff;
            right: 15px;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%)
        }

        .travel-box-main:hover .travel-content {
            top: 0;
            height: 100%;
            padding: 70px 15px 20px;
            background: rgba(0, 0, 0, .7)
        }

        .travel-box-main:hover .travel-content h4 {
            font-size: 22px;
            font-weight: 700;
            color: #fff;
            text-transform: uppercase;
            position: relative;
            padding: 30px 0;
            margin: 0 0 20px;
            background: 0 0;
            width: 100%
        }

        .travel-box-main:hover .travel-content h4:before {
            position: absolute;
            content: "";
            width: 72px;
            height: 20px;
            left: 0;
            top: 0;
            margin: auto;
            right: 0;
            border: 1px solid #fff;
            border-bottom: 1px solid transparent
        }

        .travel-box-main:hover .travel-content h4::after {
            position: absolute;
            content: "";
            width: 72px;
            height: 20px;
            left: 0;
            bottom: 0;
            margin: auto;
            right: 0;
            border: 1px solid #fff;
            border-top: 1px solid transparent
        }

        .travel-box-main:hover .travel-content p {
            display: block;
            color: #fff
        }

        .travel-box-main:hover .travel-content a {
            display: table;
            margin: 0 auto
        }

        .destination-box-main {
            position: relative;
            min-height: 260px
        }

        .destination-content {
            padding: 15px;
            position: absolute;
            top: 67%;
            transition: .3s ease-in-out
        }

        .destination-content h4 {
            font-size: 27px;
            line-height: 24px;
            font-weight: 400;
            color: #fff;
            font-family: Cinzel, serif
        }

        .destination-content p {
            color: #fff;
            font-size: 14px;
            font-weight: 400
        }

        .destination-box-main:hover .destination-content {
            top: 0;
            height: 100%;
            padding: 20px 15px;
            background: rgba(13, 16, 43, .8)
        }

        .destination-box-main:hover .destination-content h4 {
            font-size: 18px;
            line-height: 24px;
            font-weight: 400;
            color: #f15b22;
            font-family: Cinzel, serif;
            margin-top: 0
        }

        .btn-theme,
        .cta h6,
        .destination-box-main:hover .destination-content h4 span,
        .gclients h5 {
            font-size: 18px;
            display: inline-block
        }

        .points-box-main {
            position: relative;
            min-height: 358px
        }

        .points-content {
            padding: 0;
            position: absolute;
            top: 72%;
            -webkit-transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out
        }

        .points-content h4 {
            font-size: 19px;
            line-height: 24px;
            font-weight: 700;
            height: 58px;
            padding: 18px 0 0 90px;
            background: url(assets/images/benefit-hd-bg.html) no-repeat
        }

        .points-content p {
            color: #fff;
            font-size: 14px;
            font-weight: 400;
            display: none
        }

        .points-box-main:hover .points-content {
            top: 0;
            height: 100%;
            padding: 100px 15px 20px;
            background: rgba(8, 37, 142, .85)
        }

        .points-box-main:hover .points-content h4 {
            background: 0 0;
            border-left: 5px solid #d69d03;
            padding: 0 0 0 10px;
            margin: 0 0 20px;
            height: auto
        }

        .get-in-touch p a:hover,
        .header-main .othermenu li.current a,
        .tab-custom-nav li a,
        .tabs-custom-nav li a {
            color: #000
        }

        .tab-custom-nav li a.current,
        .tabs-custom-nav li a.current {
            color: #0076fb
        }

        .tab-custom .tab-content-panel,
        .tabs-custom .tab-content-panel {
            display: none;
            overflow: hidden;
            width: 100%
        }

        .tab-custom .tab-content-panel.selected {
            overflow: visible;
            display: inline-block;
            width: 100%
        }

        .tabs-main {
            display: inline-block;
            width: 100%;
            padding: 15px 0
        }

        .tabs-main ul.tabs-nav {
            padding: 0;
            width: 100%;
            float: left;
            margin: 0 0 -1px
        }

        .tabs-main ul.tabs-nav li {
            list-style: none;
            float: left
        }

        .tabs-main ul.tabs-nav li a {
            background: #003a7b;
            border: 1px solid #bcc5cb;
            border-bottom: 0;
            color: #fff;
            padding: 7px 15px;
            display: block;
            text-decoration: none
        }

        .tabs-main ul.tabs-nav li a.current {
            background: #fff;
            color: #003a7b
        }

        .tabs-main .tab-content-panel {
            background: #fff;
            padding: 15px 30px 25px;
            border: 1px solid #bcc5cb;
            display: none;
            overflow: hidden;
            width: 100%
        }

        .points-boxes-area .col-lg-4 {
            border-right: 1px solid #292929
        }

        .points-boxes-area .col-lg-4:nth-child(3) {
            border-right: 0px
        }

        .points-box {
            padding: 30px 0 30px 80px;
            position: relative
        }

        .points-box img {
            position: absolute;
            left: 0;
            top: 30px
        }

        .points-box h3 {
            font-size: 16px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 10px
        }

        .points-box p {
            color: #fff;
            font-size: 13px;
            font-weight: 400;
            margin: 0;
            padding: 0
        }

        .tablestyle1 td,
        .tablestyle1 th {
            padding: 9px 8px
        }

        .accordion,
        .accordion * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .accordion {
            overflow: hidden;
            background: 0 0;
            margin-top: 50px
        }

        .quest-title {
            background-color: #ca973f;
            padding: 15px 40px 15px 20px;
            font-size: 22px;
            font-weight: 500;
            color: #fff;
            margin-bottom: 0;
            position: relative;
            width: 100%;
            line-height: 1.4;
            display: inline-block;
            transition: .15s linear;
            border-bottom: 1px solid #dbdbdb
        }

        .quest-title:before {
            position: absolute;
            content: "\e955";
            width: 20px;
            height: 20px;
            right: 15px;
            top: 17px;
            font-family: icomoon !important;
            color: #fff;
            font-size: 20px
        }

        .quest-title.active,
        .quest-title:hover {
            color: #fff;
            content: "\e91c"
        }

        .product-gallery-nav .slick-prev:before,
        .quest-title.active:before {
            content: "\e956"
        }

        .quest-content {
            padding: 15px 40px 15px 0;
            display: none;
            margin-bottom: 0;
            float: left;
            width: 100%
        }

        .quest-content p {
            line-height: 1.4;
            font-size: 16px;
            font-weight: 500;
            margin: 0;
            color: #ffff
        }

        .product-slider-gallery {
            position: relative;
            padding: 0 0 7px
        }

        .product-slider-gallery .slick-slide img {
            width: 100%;
            height: 370px
        }

        .product-gallery-nav-wrapper {
            margin: 0 0 7px;
            position: relative
        }

        .product-gallery-nav .slick-slide {
            padding: 2px 0;
            border: 0;
            height: 93px;
            overflow: hidden
        }

        .product-gallery-nav .slick-slide img {
            width: 100%;
            height: 93px;
            cursor: pointer
        }

        .product-gallery-nav .slick-next,
        .product-gallery-nav .slick-prev {
            font-size: 0;
            line-height: 0;
            width: 100%;
            height: 25px;
            position: absolute;
            left: 0;
            text-align: center;
            z-index: 10;
            display: block;
            padding: 0;
            cursor: pointer;
            color: #fff;
            border: none;
            outline: 0;
            background: rgba(0, 0, 0, .5)
        }

        .product-gallery-nav .slick-prev {
            top: 0;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0)
        }

        .product-gallery-nav .slick-next {
            bottom: 0;
            top: initial;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0)
        }

        .product-gallery-nav .slick-next:before,
        .product-gallery-nav .slick-prev:before {
            font-family: icomoon;
            color: #fff;
            font-size: 20px;
            line-height: 1
        }

        .product-gallery-nav .slick-next:before {
            content: "\e955"
        }

        .address-main ul li a,
        .addressnav li a,
        .counter ul li a:hover,
        .footer-nav li a:hover,
        .ftr-social2 li a:hover span,
        .product-gallery-nav .slick-next:hover:before,
        .product-gallery-nav .slick-prev:hover:before,
        .servicesec .boxwrap li:hover h6 {
            color: #fff
        }

        .pad-left-10 {
            padding-left: 10px
        }

        .pad-right-10 {
            padding-right: 10px
        }

        .gallery-slider-main {
            position: relative;
            margin: 25px 0 20px
        }

        .gallery-nav-wrapper {
            width: 93%;
            margin: 0 auto 40px
        }

        .tablestyle1,
        .tablestyle2,
        .tablestyle3 {
            border-collapse: collapse;
            width: 100%;
            margin-bottom: 25px
        }

        .gallery-nav-main .slick-slide {
            background: #fff;
            padding: 5px
        }

        .gallery-nav-main .slick-slide img {
            width: 100%;
            cursor: pointer;
            opacity: .5
        }

        .bid-gallery-nav .slick-slide.slick-current img,
        .blog-list-slider .slick-active:hover .hover-box,
        .blog-list-slider .slick-current.slick-active.slick-center .hover-box,
        .car-top.car-run:after,
        .car-top.car-run:before,
        .car-top:hover:after,
        .car-top:hover:before,
        .eggoffer .top figure img,
        .gallery-nav-main .slick-slide.slick-current img,
        p.app-store a img:hover {
            opacity: 1
        }

        .gallery-nav-main .slick-dots {
            position: absolute;
            bottom: -30px;
            right: 0;
            left: 0;
            display: block;
            padding: 0;
            margin: 0 auto;
            list-style: none;
            text-align: center
        }

        .gallery-nav-main .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 9px;
            height: 9px;
            padding: 0;
            cursor: pointer;
            color: transparent;
            outline: 0;
            background: #1f8bf3;
            border: none;
            border-radius: 200px
        }

        .gallery-nav-main .slick-dots li.slick-active button {
            background: #003a7b;
            border: none
        }

        .gallery-nav-main .slick-prev {
            left: -25px
        }

        .gallery-nav-main .slick-next {
            right: -25px
        }

        .gallery-nav-main .slick-next:before,
        .gallery-nav-main .slick-prev:before {
            font-family: icomoon !important;
            color: var(--secondary-color);
            font-size: 50px;
            line-height: 12px
        }

        .slide-count-wrap {
            text-align: center;
            padding: 0 0 15px
        }

        .tablestyle1 th {
            background-color: #595959;
            color: #fff;
            border: 1px solid #fff;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 1px;
            text-align: center;
            width: 50%
        }

        .tablestyle1 td,
        .tablestyle2 td {
            border: 1px solid #e1e1e1;
            font-size: 14px;
            vertical-align: middle
        }

        .ghostwriting-page .main-ghst-writng-second-sec,
        .tablestyle1 tr,
        .tablestyle2 tr,
        .tablestyle3 tr,
        .tls-wrap,
        .vis-sec,
        .wrk-up-wrap {
            background-color: #fff
        }

        .tablestyle1 tr td:first-child {
            text-align: left;
            padding-left: 25px
        }

        .tablestyle2 td {
            padding: 10px 15px;
            width: 50%
        }

        .tablestyle3 th {
            padding: 9px 8px;
            background-color: #ea333f;
            color: #fff;
            border: 1px solid #bf2d36;
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 1px;
            text-align: center;
            width: 50%
        }

        .tablestyle1 tr:nth-child(2n) {
            background-color: #efefef
        }

        .tablestyle3 td {
            border: 1px solid #ccc;
            padding: 9px 8px;
            font-size: 14px;
            vertical-align: middle
        }

        .form-box-main {
            background: #fff;
            padding: 30px 15px
        }

        .form-box-main h2 {
            font-size: 36px;
            width: 100%;
            font-weight: 700;
            line-height: 1.2
        }

        .form-box-main form {
            width: 100%;
            margin: 0 auto
        }

        .form-box-main form .col-md-12,
        .form-box-main form .col-md-6 {
            padding-bottom: 30px
        }

        .form-box-main form label.field-txt {
            font-weight: 500;
            font-size: 18px;
            color: #091e42;
            margin: 0 0 5px;
            width: 100%;
            display: block
        }

        .form-box-main form label.field-txt span {
            color: #ec1d23
        }

        .form-box-main form input[type=email],
        .form-box-main form input[type=number],
        .form-box-main form input[type=tel],
        .form-box-main form input[type=text],
        .form-box-main form textarea {
            width: 100%;
            margin: 0;
            border: 1px solid #b2b9c1;
            background: #fff;
            padding: 18px 15px;
            color: #000;
            font-size: 18px;
            font-weight: 400;
            height: 55px;
            border-radius: 5px
        }

        .form-box-main form select {
            width: 100%;
            margin: 0;
            border: 1px solid #b2b9c1;
            background: #fff;
            padding: 12px 15px;
            color: #091e42;
            font-size: 18px;
            font-weight: 400;
            border-radius: 5px
        }

        .form-box-main form select[name=ddlDay],
        .form-box-main form select[name=ddlMonth],
        .form-box-main form select[name=ddlYear] {
            float: left;
            width: 32.5%;
            margin: 0 1% 0 0
        }

        .form-box-main form textarea {
            width: 100%;
            margin: 0;
            padding: 8px 12px;
            height: auto
        }

        .check-list,
        .designunigue ul li,
        .who-we-sec.left figure {
            float: left
        }

        .form-box-main form input[type=checkbox]:not(old),
        .form-box-main form input[type=radio]:not(old) {
            width: 28px;
            margin: 0;
            padding: 0;
            opacity: 0;
            cursor: pointer
        }

        .form-box-main form input[type=checkbox]:not(old)+label,
        input[type=radio]:not(old)+label {
            display: inline-block;
            margin-left: -28px;
            padding-left: 28px;
            background: url("assets/images/checks.html") no-repeat;
            line-height: 24px;
            font-weight: 500;
            font-size: 14px;
            color: #091e42
        }

        .form-box-main form .slct:after {
            position: absolute;
            content: "\e955";
            font-family: icomoon !important;
            bottom: 16px;
            right: 16px;
            font-size: 14px
        }

        .form-box-main form input[type=checkbox]:not(old):checked+label {
            background-position: 0 -24px
        }

        .form-box-main form input[type=radio]:not(old):checked+label {
            background-position: 0 -48px
        }

        .form-box-main form input[type=submit] {
            display: inline-block;
            transform: translateY(0);
            transition: .4s;
            color: #fff;
            padding: 20px 60px;
            font-size: 18px;
            border-radius: 6px;
            cursor: pointer;
            background: -moz-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: -webkit-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: linear-gradient(to right, #1e6f5c 0, #289672 50%, #be8636 100%)
        }

        .form-box-main form input[type=submit]:after {
            content: "\e93a";
            font-family: icomoon !important;
            font-size: 13px;
            color: #fff;
            padding-left: 10px
        }

        .form-box-main form input[type=submit]:hover {
            display: inline-block;
            color: #fff;
            transform: translateY(-.625rem);
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s
        }

        .thumb-content,
        .thumb-slider .thumb-slide img {
            transition: .3s
        }

        .form-box-main form input::-webkit-input-placeholder {
            color: gray;
            opacity: 1 !important
        }

        .form-box-main form input:-moz-placeholder {
            color: gray
        }

        .form-box-main form input::-moz-placeholder {
            color: gray
        }

        .form-box-main form input:-ms-input-placeholder {
            color: gray
        }

        .form-box-main form textarea::-webkit-input-placeholder {
            color: gray;
            opacity: 1 !important
        }

        .form-box-main form textarea:-moz-placeholder {
            color: gray
        }

        .form-box-main form textarea::-moz-placeholder {
            color: gray
        }

        .form-box-main form textarea:-ms-input-placeholder {
            color: gray
        }

        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

        input[type=number] {
            -moz-appearance: textfield
        }

        .form-box-main form .intl-tel-input .country-list {
            width: 380px
        }

        .form-box-main form .intl-tel-input .country-list .country {
            font-size: 13px
        }

        .form-box-main form label.error,
        label.error {
            color: red;
            font-style: italic;
            margin-bottom: 0;
            display: none !important
        }

        .sidebar h4,
        .thumb-content h3 {
            color: #fff;
            text-transform: uppercase
        }

        input.checkbox {
            border: none
        }

        .analyzeform form input.error,
        .bot-form form input.error,
        input.error {
            border: 1px solid red !important
        }

        form.cmxform .gray * {
            color: gray
        }

        .sidebar h4 {
            background: #20cb98;
            padding: 15px;
            font-size: 14px;
            font-weight: 600
        }

        .sidebar-list {
            display: inline-block;
            width: 100%;
            margin: 0 0 10px;
            border: 1px solid #d9d9d9
        }

        .sidebar-list li {
            border-top: 1px solid #d9d9d9
        }

        .sidebar-list li:first-child {
            border-top: 0
        }

        .sidebar-list li a {
            background: #f5f5f5;
            color: #000810;
            text-transform: capitalize;
            font-size: 14px;
            padding: 12px 15px 12px 30px;
            position: relative;
            display: block
        }

        .sidebar-list li a:before {
            position: absolute;
            content: "\e93a";
            font-family: icomoon !important;
            font-size: 18px;
            color: var(--secondary-color);
            left: 15px;
            top: 10px
        }

        .thumb-slide {
            padding: 25px;
            position: relative
        }

        .thumb-slider .slick-center img {
            -moz-transform: scale(1.3);
            -ms-transform: scale(1.3);
            -o-transform: scale(1.3);
            -webkit-transform: scale(1.3);
            transform: scale(1.3)
        }

        .thumb-content h3 {
            font-size: 22px;
            font-weight: 700;
            line-height: 26px
        }

        .thumb-content {
            position: absolute;
            bottom: 25px;
            padding: 0;
            left: 40px
        }

        .thumb-content span {
            font-size: 14px;
            line-height: 26px;
            display: block;
            font-weight: 500;
            text-transform: capitalize;
            transition: .3s
        }

        .car-top.car-run,
        .car-top.show {
            -webkit-transition: 1s;
            -moz-transition: 1s
        }

        .slick-center .thumb-content {
            bottom: 0;
            left: 0
        }

        .thumb-slider .slick-next,
        .thumb-slider .slick-prev {
            line-height: 0;
            position: absolute;
            top: 50%;
            z-index: 100;
            display: block;
            width: 57px;
            height: 57px;
            padding: 0;
            cursor: pointer;
            color: transparent;
            border: none;
            outline: 0;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%)
        }

        .thumb-slider .slick-prev {
            left: -65px;
            background: url(assets/images/slick-arrows-slider.html) top 0 left 0 no-repeat
        }

        .thumb-slider .slick-next {
            right: -65px;
            background: url(assets/images/slick-arrows-slider.html) top 0 left -57px no-repeat
        }

        .bid-slider-gallery {
            position: relative;
            padding: 10px 5px 10px 0;
            float: left;
            width: 78%
        }

        .bid-slider-gallery .slick-slide {
            border: 1px solid #e7edef;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px 5px 5px 5px
        }

        .bid-slider-gallery .slick-slide img {
            width: 100%;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px 5px 5px 5px
        }

        .bid-gallery-nav-wrapper {
            width: 22%;
            float: left;
            padding: 5px 0 0 5px
        }

        .bid-gallery-nav .slick-slide {
            padding: 5px 0;
            height: 88px;
            overflow: hidden;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px 5px 5px 5px
        }

        .bid-gallery-nav .slick-slide img {
            width: 100%;
            height: 88px;
            cursor: pointer;
            opacity: .5;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px 5px 5px 5px
        }

        .sliderxs .slick-dots {
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            display: block;
            padding: 0;
            margin: 0 auto;
            border-radius: 3px;
            list-style: none;
            text-align: center
        }

        .sliderxs .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 12px;
            height: 12px;
            padding: 0;
            cursor: pointer;
            color: transparent;
            outline: 0;
            background: #10171f;
            border: none;
            border-radius: 200px
        }

        .sitemap>li {
            color: #0f0b1f;
            padding: 0 0 10px 16px;
            line-height: 20px;
            font-size: 14px;
            font-weight: 400;
            display: block
        }

        .sitemap>li:before {
            position: absolute;
            content: "\f0da";
            left: 0;
            top: 0;
            font-family: fontAwesome;
            font-size: 13px;
            color: #0f0b1f
        }

        .sitemap>li>a,
        .sitemap>li>ul>li>a,
        .sitemap>li>ul>li>ul li>a {
            display: block;
            font-size: 14px;
            font-weight: 400;
            color: #0f0b1f
        }

        .sitemap li a:hover {
            color: #23527c
        }

        .sitemap>li>ul {
            margin: 10px 0 0 15px
        }

        .sitemap>li>ul>li {
            color: #0f0b1f;
            padding: 0 0 5px;
            list-style-type: disc
        }

        .sitemap>li>ul>li>ul {
            margin: 10px 0 0 20px
        }

        .sitemap>li>ul>li>ul li {
            color: #0f0b1f;
            padding: 0 0 5px;
            list-style-type: square
        }

        .footer-main {
            padding: 0;
            background: url(assets/images//footer-bg.webp)
        }

        .footer-top h4 {
            color: #c2c2c2;
            font-size: 20px;
            font-weight: 600
        }

        .address-main ul li {
            display: inline-block;
            margin-right: 15px
        }

        .address-main ul li a:hover,
        .addressnav li a:hover,
        .footer-nav2 li a:hover {
            color: #c2c2c2
        }

        .ftr-social {
            display: inline-block;
            margin: 0
        }

        .ftr-social li a span {
            color: #fff;
            font-size: 14px;
            margin: 0
        }

        .ftr-social li a:hover span,
        .ftr-social3 li a:hover span {
            color: #d3d3d3
        }

        .ftr-social li a:hover span.icon-facebook {
            color: #3b5998
        }

        .ftr-social li a:hover span.icon-twitter {
            color: #1da1f2
        }

        .ftr-social li a:hover span.icon-google-plus {
            color: #dd5044
        }

        .ftr-social li a:hover span.icon-linkedin {
            color: #007bb6
        }

        .ftr-social li a:hover span.icon-youtube-play {
            color: #c4302b
        }

        .ftr-social li a:hover span.icon-pinterest-p {
            color: #c92228
        }

        .ftr-social li a:hover span.icon-instagram {
            color: #fb3958
        }

        .ftr-social li a:hover span.icon-vimeo {
            color: #4ebbff
        }

        .ftr-social li a:hover span.icon-medium {
            color: #347235
        }

        .ftr-social2,
        .ftr-social3 {
            display: inline-block;
            margin: 10px 0;
            width: 100%
        }

        .ftr-social2 li {
            float: left;
            margin: 0 10px 0 0;
            text-align: center
        }

        .ftr-social2 li a,
        .ftr-social3 li a {
            display: block;
            padding: 0;
            text-align: center
        }

        .ftr-social2 li a span {
            background: #3b5998;
            width: 30px;
            height: 30px;
            line-height: 30px;
            border-radius: 50%;
            color: #fff;
            font-size: 15px;
            margin: 0;
            display: block
        }

        .ftr-social2 li a span.icon-facebook {
            background: #3b5998
        }

        .ftr-social2 li a span.icon-twitter {
            background: #1da1f2
        }

        .ftr-social2 li a span.icon-google-plus {
            background: #dd5044
        }

        .ftr-social2 li a span.icon-linkedin {
            background: #007bb6
        }

        .ftr-social2 li a span.icon-youtube-play {
            background: #c4302b
        }

        .ftr-social3 li {
            float: left;
            margin: 0 15px 0 0;
            text-align: center
        }

        .ftr-social3 li a span {
            color: #fff;
            font-size: 25px;
            margin: 0
        }

        .crds-img {
            text-align: right;
            width: 100%
        }

        .breadcrumbs,
        .footer-nav {
            margin: 20px 0
        }

        .footer-nav li {
            display: block;
            margin-bottom: 10px
        }

        .footer-nav li:before {
            position: absolute;
            font-family: icomoon !important;
            left: 0;
            top: 3px;
            font-size: 13px;
            color: var(--primary-color)
        }

        .footer-nav li a {
            font-size: 15px;
            font-weight: 400;
            color: #c2c2c2
        }

        .footer-nav li .get-started {
            color: #fff;
            border: 1px solid #be8636;
            padding: 8px 15px;
            border-radius: 4px;
            display: inline-block
        }

        .footer-nav.style-2>li,
        .helpsec .cstn-column .imgplace,
        .helpsec .cstn-column .txtwrap {
            width: 50%;
            display: inline-block
        }

        .subscribe-main {
            margin: 30px 15px 10px;
            width: 100%;
            float: right;
            text-align: right;
            display: inline-block
        }

        .subscribe-main input[type=text] {
            background: #fff;
            border: 0;
            border-radius: 5px 0 0 5px;
            color: #9d9d9d;
            padding: 10px;
            font-size: 14px;
            font-weight: 300;
            float: left;
            height: 30px;
            line-height: 30px;
            width: 65%
        }

        .subscribe-main input[type=submit] {
            background: #20cb98;
            border: 0;
            color: #fff;
            border-radius: 0 5px 5px 0;
            padding: 0;
            font-size: 14px;
            font-weight: 700;
            text-transform: capitalize;
            cursor: pointer;
            float: left;
            height: 30px;
            width: 35%
        }

        .subscribe-main input[type=submit]:hover {
            background: #23bb8f
        }

        .subscribe-main input::-webkit-input-placeholder {
            color: #9d9d9d;
            opacity: 1 !important
        }

        .subscribe-main input:-moz-placeholder {
            color: #9d9d9d
        }

        .subscribe-main input::-moz-placeholder {
            color: #9d9d9d
        }

        .subscribe-main input:-ms-input-placeholder {
            color: #9d9d9d
        }

        .footer-bottom {
            background: #017b89;
            padding: 25px 0
        }

        .footer-nav2 {
            margin: 10px 0;
            float: right
        }

        .footer-nav2 li {
            float: left;
            padding: 0 12px
        }

        .footer-nav2 li:before {
            position: absolute;
            content: "";
            width: 1px;
            height: 13px;
            background: #fff;
            left: 0;
            top: 30%
        }

        .footer-nav2 li a {
            font-size: 13px;
            font-weight: 400;
            color: #fff
        }

        .copyright p {
            color: #fff;
            padding: 0;
            font-size: 15px
        }

        .copyright a {
            color: #fff;
            font-size: 15px;
            padding: 0 5px;
            margin: 0 5px;
            text-underline-position: under;
            text-decoration-color: #cccccc
        }

        .dmca-protected {
            text-align: right;
            color: #f8f4ff
        }

        .dmca-protected>a {
            margin-left: 5px
        }

        .disclaimer-area {
            padding: 10px 0;
            background: -moz-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: linear-gradient(to left, #be8636 0, #be863696 100%)
        }

        .disclaimer {
            font-size: 13px;
            font-weight: 400;
            color: #fff;
            line-height: 18px;
            margin: 0;
            padding: 10px 0
        }

        .disclaimer strong {
            font-weight: 600;
            color: #fff
        }

        .addressnav li {
            display: inline-block;
            line-height: 28px;
            font-size: 13px;
            padding: 0 0 8px 20px;
            color: #fff
        }

        .addressnav li span {
            position: absolute;
            left: 0;
            top: 5px;
            color: #be8636;
            font-size: 15px
        }

        .footer-last {
            padding: 20px 0;
            background: #000;
        }

        .custom-popup {
            padding: 25px;
            display: none;
            background: #e5e5e5;
            max-width: 550px
        }

        .custom-popup h4 {
            color: #003a7b;
            font-size: 24px;
            line-height: 24px;
            font-weight: 700;
            text-transform: uppercase;
            margin: 0 0 20px;
            padding: 0 0 15px;
            border-bottom: 1px solid gray;
            text-align: left
        }

        .myClose {
            height: 36px;
            width: 36px;
            background: url(assets/images/fancybox/close-custom.html) no-repeat
        }

        .cta__2,
        .cta__4,
        .eggoffer,
        .gallery-simple,
        .prce_box,
        .services-list {
            overflow: hidden
        }

        .gallery-simple li {
            width: 750px;
            float: left;
            padding: 5px
        }

        .gallery-simple .slick-dots {
            display: inline-block;
            width: 100%;
            padding: 0
        }

        .gallery-simple .slick-dots li,
        .stock-det-large .slick-dots li,
        .stockdetails-main ul.thumbsmain li {
            float: left;
            width: 20%;
            padding: 5px;
            margin-bottom: 0
        }

        .gallery-simple .slick-dots li button,
        .stock-det-large .slick-dots li button {
            border: none;
            background: 0 0;
            padding: 0;
            outline: 0
        }

        .stock-det-large .slick-dots li img,
        .stockdetails-main ul.thumbsmain li img {
            width: 143px;
            height: 92px
        }

        .car-top {
            width: 85px;
            position: fixed;
            bottom: -180px;
            right: 0;
            z-index: 999;
            opacity: 1;
            cursor: pointer
        }

        .car-top.show {
            bottom: 5% !important;
            transition: 1s
        }

        .car-top.car-run {
            bottom: 100% !important;
            transition: 1s
        }

        .car-top.car-down {
            -webkit-transition: 1s;
            -ms-transition: 1s;
            -o-transition: 1s;
            -moz-transition: 1s;
            transition: 1s
        }

        .car-top:after,
        .car-top:before {
            content: "";
            position: absolute;
            -o-transition: .2s;
            -webkit-transition: .2s;
            -ms-transition: .2s;
            -moz-transition: .2s;
            transition: .2s;
            opacity: 0
        }

        .analyzeform form input[type=submit],
        .btn-blue,
        .btn-green {
            -moz-transition: .4s;
            -o-transition: .4s
        }

        .btn-blue,
        .btn-green {
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 30px
        }

        .car-top.car-run:before,
        .car-top:before {
            top: -1px;
            left: 0;
            width: 85px;
            height: 89px;
            background: url(assets/images/car-focus.html) no-repeat
        }

        footer .social-full {
            border-top: 1px solid rgba(0, 0, 0, .06);
            border-bottom: 1px solid rgba(0, 0, 0, .06)
        }

        .packages-sec {
            padding: 60px 0 0;
            overflow: hidden
        }

        .packages-sec h2 {
            text-align: center;
            font-size: 44px;
            width: 100%
        }

        .collaboration-sec .wrapper h3,
        .introduction-sec .wrapper h3 span,
        .packages-sec h2 span {
            color: #be8636;
            display: block;
            font-weight: 400;
            font-size: 16px;
            text-transform: uppercase
        }

        .packages-sec p {
            font-size: 20px;
            line-height: 1.4;
            padding-bottom: 40px;
            color: #fff !important
        }

        .homwBtmform {
            background-size: 45%;
            background-position: right;
            background-repeat: no-repeat;
            background-color: #edffe9
        }

        .homwBtmform .home-banner-content {
            margin: 0;
            top: 0
        }

        .homwBtmform .form-box-main {
            background: #edffe9
        }

        .banner-form p {
            padding: 0;
            padding-bottom: 20px !important;
            font-size: 16px !important
        }

        .homeslider .slick-prev {
            left: 30px;
            box-shadow: 0 0 0 #eaf0f6
        }

        .homeslider .slick-next {
            right: 30px;
            box-shadow: 0 0 0 #eaf0f6
        }

        .analyzeform,
        .custom-qoute {
            margin-top: 30px
        }

        .round {
            border-radius: 5px 0 0 5px
        }

        .analyzeform form .intl-tel-input.separate-dial-code .selected-dial-code {
            padding-left: 14px
        }

        .analyzeform form .dtf {
            float: left;
            width: 25%;
            margin-bottom: 0
        }

        .analyzeform form input[type=submit] {
            border: none;
            color: #fff;
            font-weight: 700;
            cursor: pointer;
            font-size: 12px;
            text-transform: uppercase;
            padding: 18px 60px 19px;
            margin-left: -10px;
            text-align: left;
            letter-spacing: 1px;
            border-radius: 5px;
            font-family: var(--primary-font-family);
            background-color: #c79503
        }

        .analyzeform form .wrap {
            padding-left: 0;
            text-align: center;
            width: 100%
        }

        .analyzeform form .finput:focus,
        .bot-form form .finput:focus {
            outline: 0 !important
        }

        .partners-cta {
            padding-bottom: 16px;
            margin-top: -76px
        }

        .partners-cta .container-custom {
            width: 1270px;
            margin: 0 auto
        }

        .partners-cta ul {
            z-index: 9;
            margin-bottom: 0;
            text-align: center;
            width: 100%
        }

        .partners-cta ul li figure img {
            margin: 0 auto;
            display: table;
            width: 70%
        }

        .counter {
            background: #171b23;
            display: block
        }

        .counter ul {
            width: 100%;
            z-index: 2;
            margin-bottom: -6px
        }

        .counter ul li {
            width: 33.33%;
            float: left;
            padding: 18px 20px
        }

        .counter ul li:first-child {
            background: #272b34
        }

        .counter ul li:nth-child(2) {
            background: #22262f
        }

        .counter ul li.dkblk,
        .counter ul li:nth-child(3) {
            background: #171b23
        }

        .counter ul li a figure {
            float: left;
            width: 20%;
            margin-bottom: 0
        }

        .counter ul li a figure img {
            max-width: 64px
        }

        .counter ul li a .wrap {
            width: 72%;
            float: right;
            padding-top: 8px;
            color: #fff;
            font-size: 22px
        }

        .strugglesec h2 {
            font-weight: 700;
            line-height: 1.2
        }

        .breadcrumbs>ul>li:last-child a,
        .servicepg .inner-banner .inner-banner-content p,
        .strugglesec ul li a {
            color: #687087
        }

        .helpsec {
            background: #33475b;
            padding: 100px 0
        }

        .btn-blue,
        .btn-green,
        .btn-red {
            color: #fff;
            padding: 14px 50px;
            font-size: 16px;
            font-weight: 700
        }

        .helpsec h2 {
            text-align: left;
            font-size: 36px;
            width: 100%;
            color: #fff;
            font-weight: 700
        }

        .helpsec .img-container {
            background-image: url(assets/images/iphonex.html);
            margin: 0 auto;
            padding-top: 22px;
            background-repeat: no-repeat;
            padding-left: 18px;
            padding-right: 18px;
            width: 339px;
            height: 686px
        }

        .helpsec .img-container figure.abs {
            right: 0;
            top: 40px;
            position: absolute;
            z-index: 9;
            left: 0;
            text-align: center
        }

        .helpsec .img-container .cs-slider img {
            height: 647px
        }

        .hlpwrap li {
            width: 100%;
            clear: both;
            padding-bottom: 20px
        }

        .hlpwrap li .lft {
            width: 30%;
            float: left
        }

        .hlpwrap li .lft figure {
            margin: 22px auto 0;
            display: table
        }

        .hlpwrap li .rht {
            width: 70%;
            float: right;
            padding: 18px 0
        }

        .hlpwrap li .rht h3 {
            font-size: 22px;
            color: #223235;
            font-weight: 400
        }

        .hlpwrap li .rht p {
            text-align: left;
            font-size: 18px;
            line-height: 1.4;
            padding-bottom: 0
        }

        @keyframes bouncy {

            0%,
            100%,
            50% {
                margin-top: 0
            }

            25%,
            75% {
                margin-top: 5px
            }
        }

        .hvr-bob:hover {
            animation-name: bouncy;
            animation-duration: 3s;
            animation-iteration-count: infinite
        }

        .packages-sec .pack-wrap {
            background: #fff;
            border-radius: 20px;
            box-shadow: 0 0 46px #0000001a
        }

        .packages-sec .pack-wrap .hdarea {
            text-align: center;
            padding: 30px 30px 20px
        }

        .packages-sec .pack-wrap .hdarea h4 {
            text-transform: capitalize;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 1px;
            margin-bottom: 10px;
            padding: 13px 30px 10px;
            color: #488cfb;
            border-radius: 30px;
            background: #e6f6ff
        }

        .packages-sec .pack-wrap .hdarea h2 {
            color: red;
            font-size: 20px
        }

        .packages-sec .pack-wrap .hdarea h3 {
            color: #323637;
            font-size: 30px;
            padding-bottom: 10px
        }

        .packages-sec .pack-wrap .hdarea p {
            color: #999;
            font-size: 14px;
            line-height: 1.5;
            font-weight: 500;
            padding: 0 30px
        }

        .packages-sec .pack-wrap .bdarea {
            padding: 10px 35px 20px
        }

        .packages-sec .pack-wrap .bdarea ul li {
            width: 100%;
            padding: 5px 0 5px 30px;
            color: var(--default-color);
            font-size: 14px;
            position: relative
        }

        .packages-sec .pack-wrap .bdarea ul li.heading {
            padding-left: 0;
            font-weight: 700;
            font-size: 16px;
            font-style: italic
        }

        .packages-sec .pack-wrap .bdarea ul li:before {
            content: "\e962";
            position: absolute;
            left: 0;
            content: "";
            top: 0;
            bottom: 0;
            margin: auto;
            width: 8px;
            display: table-cell;
            vertical-align: middle;
            height: 8px;
            border-radius: 50%;
            background-color: #4f88fe
        }

        .btn-blue,
        .btn-green {
            border: 1px solid #fff
        }

        .packages-sec .pack-wrap .ftarea {
            padding: 10px 35px 120px
        }

        .packages-sec .pack-wrap .ftarea .lft {
            width: 55%;
            float: left
        }

        .packages-sec .pack-wrap .ftarea .lft h4 {
            font-size: 34px;
            font-weight: 700;
            padding-bottom: 0;
            color: #4e8af8
        }

        .packages-sec .pack-wrap .ftarea .lft h4 strong {
            font-weight: 400;
            font-size: 22px
        }

        .packages-sec .pack-wrap .ftarea .lft h4 span {
            display: block;
            font-size: 14px;
            color: #b2b8ca
        }

        .packages-sec .pack-wrap .ftarea .rht {
            width: 45%;
            text-align: right;
            float: right
        }

        .packages-sec .pack-wrap .ftarea .rht p {
            line-height: 1.4;
            text-align: right;
            font-weight: 500;
            padding-bottom: 0;
            font-size: 13px
        }

        .packages-sec .pack-wrap .ftarea .rht p span {
            display: block;
            color: #999;
            font-size: 14px
        }

        .pkbtn {
            margin-top: -28px;
            text-align: center;
            clear: both
        }

        .btn-blue {
            background: #4a8cfc
        }

        .btn-blue:hover,
        .btn-green:hover,
        .btn-red:hover {
            transform: translateY(-3.925px);
            color: #fff
        }

        .btn-green {
            background: #20cb98
        }

        .btn-red {
            background: #f45948;
            transition: .4s;
            border-radius: 30px;
            border: 1px solid #fff
        }

        .packages-sec .pack-wrap.green .hdarea h4 {
            color: #20cb98;
            line-height: 1;
            text-transform: capitalize;
            background: #00a1593d
        }

        .packages-sec .pack-wrap.green .bdarea ul li:before {
            background-color: #20cb98
        }

        .btn-simple:hover,
        .header-main.fixed .main-menu>ul>li.callus span,
        .inner-pages .main-menu>ul>li.callus span,
        .locsearchpg .approach-items .approach-item .approach-inner:after,
        .locsearchpg .inner-banner-content a,
        .packages-sec .pack-wrap.green .ftarea .lft h4,
        .sidebar .accordion .quest-content a,
        .testimonial-sec p span,
        .wow-testimonial .tsbox .rht span {
            color: #20cb98
        }

        .packages-sec .pack-wrap.red .hdarea h4 {
            color: #f75849;
            background: #f5594638
        }

        .packages-sec .pack-wrap.red .bdarea ul li:before {
            background-color: #fe5344
        }

        .packages-sec .pack-wrap.red .ftarea .lft h4 {
            color: #f85649
        }

        .list-scroll {
            height: 155px
        }

        .ticklist2.list-scroll {
            height: 146px
        }

        .cta-lef t {
            width: 65%;
            vertical-align: middle
        }

        .cta {
            background: #f5f8fa;
            padding: 40px 0
        }

        .cta h3 {
            text-align: left;
            padding-bottom: 0;
            font-size: 30px;
            max-width: 65%;
            vertical-align: middle;
            font-weight: 500
        }

        .aboutpg .cta2,
        .cltestpg .story-sec,
        .inner-pages .strugglesec,
        .listsec,
        .three-testimonials.approach {
            background: #f7f9fc
        }

        .listsec h2 {
            font-size: 36px;
            width: 100%
        }

        .listsec .wrap ul {
            border-radius: 10px;
            margin-bottom: 0;
            border: 1px solid #bbbecc;
            margin-top: 40px
        }

        .listsec .wrap ul li {
            width: 33.33%;
            float: left;
            padding: 20px 35px
        }

        .listsec .wrap ul li.bb {
            border-bottom: 1px solid #bbbecc
        }

        .listsec .wrap ul li.br {
            border-right: 1px solid #bbbecc
        }

        .listsec .wrap ul li p {
            padding-left: 30px;
            font-size: 18px;
            padding-bottom: 0
        }

        .listsec .wrap ul li p:before {
            content: "\e962";
            position: absolute;
            font-family: icomoon !important;
            left: 0;
            font-size: 20px;
            color: #dfb10c;
            display: table-cell;
            vertical-align: middle
        }

        .cta2 {
            overflow: hidden;
            background: url(assets/images/cta-fold.html) top center/cover no-repeat;
            height: 325px;
            width: 100%
        }

        .cta2 .wrap {
            z-index: 2
        }

        .cta2 .wrap h6 {
            color: #fff;
            font-size: 20px;
            font-weight: 400;
            padding-bottom: 20px
        }

        .cta2 .wrap h3 {
            padding-bottom: 0;
            font-size: 30px;
            font-weight: 700;
            margin-bottom: 30px;
            color: #fff
        }

        .cta2 .wrap a {
            padding: 20px 40px;
            color: #dfb10c;
            font-weight: 700;
            font-size: 18px;
            border-radius: 5px;
            background: #fff;
            transition: .4s
        }

        .cta2 .wrap a:hover,
        .prc_boxess:hover,
        .prce_box-style-2:hover,
        .prce_box:hover,
        .pricing-sec .pricingwrap li .box:hover,
        .wow-testimonial .tsbox:hover {
            transform: translateY(-.625rem);
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s
        }

        .testboxes .box-wrap figure span,
        .testboxes .box-wrap:hover figure span {
            -ms-transition: .5s ease-out;
            -moz-transition: .5s ease-out;
            -webkit-transition: .5s ease-out;
            -o-transition: .5s ease-out
        }

        .testimonial-sec,
        .three-testimonials {
            padding: 60px 0;
            background: #fff
        }

        .julypack .per-box2 h3,
        .testimonial-sec .test-wrap span {
            font-size: 36px
        }

        .testimonial-sec .test-wrap h3 {
            font-size: 26px;
            line-height: 1.4;
            font-weight: 400;
            font-style: italic;
            padding-bottom: 25px;
            margin-top: 12px
        }

        .testimonial-sec .test-wrap h5,
        .testimonial-sec.innertestimonial .box-wrap h6 {
            font-weight: 600;
            padding-bottom: 0;
            font-size: 14px
        }

        .testimonial-sec .test-wrap h5 span {
            display: block;
            font-style: italic;
            margin-top: 10px;
            font-weight: 400;
            font-size: 12px
        }

        .collaboration-sec .wrapper,
        .testboxes {
            padding-top: 30px
        }

        .testboxes .box-wrap {
            padding: 0 60px;
            margin-top: 40px;
            text-align: center
        }

        .testboxes .box-wrap figure span {
            font-size: 54px;
            color: #20cb98;
            transition: .5s ease-out
        }

        .testboxes .box-wrap figure {
            padding-top: 46px
        }

        .testboxes .box-wrap:hover figure span {
            color: #fff;
            transition: .5s ease-out
        }

        .testboxes .box-wrap:hover #egg {
            background: #20cb98;
            -ms-transition: .5s ease-out;
            -moz-transition: .5s ease-out;
            -webkit-transition: .5s ease-out;
            -o-transition: .5s ease-out;
            transition: .5s ease-out
        }

        .testboxes .box-wrap h3 {
            font-weight: 400;
            text-transform: capitalize;
            padding: 20px 0;
            font-size: 20px
        }

        .testboxes .box-wrap p {
            font-size: 18px;
            line-height: 1.6
        }

        .testboxes .btn-wrap {
            width: 100%;
            margin-top: 80px
        }

        .firstcs.scndcs:after,
        .firstcs:before {
            content: "";
            width: 50%;
            height: 100vh;
            position: absolute;
            top: 0
        }

        .testboxes .btn-wrap p {
            font-weight: 700;
            margin-top: 25px
        }

        .testboxes .btn-wrap p a {
            font-weight: 400;
            color: #508beb
        }

        .cstudy-sec {
            padding: 60px 0 0
        }

        .cstudy-sec h2 {
            padding-bottom: 0;
            font-size: 34px;
            width: 100%;
            margin-bottom: 40px
        }

        .firstcs {
            display: table;
            width: 100%
        }

        .figarea,
        .firstcs .txtarea,
        .inner-banner-content {
            display: table-cell;
            vertical-align: middle
        }

        .firstcs:before {
            background: #138990;
            left: 0
        }

        .firstcs .txtarea {
            padding: 80px 80px 60px 0;
            height: 100vh
        }

        .firstcs.scndcs:after {
            background: #f0584a;
            right: 0;
            z-index: -1
        }

        .firstcs.scndcs .txtarea {
            padding: 80px 0 60px 80px
        }

        .firstcs .txtarea ul li {
            width: 100%;
            padding: 20px 0
        }

        .firstcs .txtarea ul li h5 {
            text-transform: capitalize;
            font-weight: 700;
            color: #fff;
            font-size: 18px
        }

        .firstcs .txtarea ul li p {
            padding-bottom: 0;
            color: #fff;
            font-size: 16px
        }

        .figarea {
            padding: 60px 0 60px 80px;
            height: 100vh
        }

        .figarea ul,
        .listed-author .heading,
        .myprocess ul li figure,
        .ourapproachsec .wrapper .chunk {
            margin-bottom: 30px
        }

        .figarea ul li {
            width: 100%;
            clear: both
        }

        .figarea ul li figure {
            margin-bottom: 0;
            float: left;
            width: 130px
        }

        .figarea ul li .tx {
            width: 70%;
            padding: 40px 40px 40px 20px;
            float: right
        }

        .figarea ul li .tx h3 {
            padding-bottom: 0;
            text-transform: capitalize;
            font-weight: 700;
            line-height: 1.6;
            font-size: 16px
        }

        .figarea .single-test {
            position: relative;
            padding-left: 40px
        }

        .figarea .single-test span {
            position: absolute;
            font-size: 24px;
            left: 0
        }

        .figarea .single-test h4 {
            font-size: 20px;
            padding-bottom: 20px;
            font-style: italic
        }

        .figarea .single-test h5 {
            padding-bottom: 0;
            font-size: 14px;
            font-weight: 700
        }

        .figarea .single-test h5 span {
            font-size: 12px;
            position: relative;
            display: block;
            font-style: italic;
            font-weight: 400;
            margin-top: 6px
        }

        .story-sec {
            text-align: left;
            padding: 60px 0;
            background: #fff
        }

        .btn-main,
        .btn-main:hover {
            color: #fff !important;
            background: #017b89
        }

        .story-sec h2 {
            line-height: 1.1;
            width: 100%
        }

        .story-sec p {
            font-size: 18px;
            line-height: 1.6;
            padding-bottom: 0
        }

        .bottom-form .txtwrap h2 {
            font-size: 36px;
            font-weight: 700;
            line-height: 1.2
        }

        .bottom-form .txtwrap figure {
            margin: 20px 0 30px
        }

        .bottom-form .txtwrap p {
            font-size: 20px;
            line-height: 1.4;
            padding-bottom: 0
        }

        .bot-form form input[type=email],
        .bot-form form input[type=number],
        .bot-form form input[type=tel],
        .bot-form form input[type=text],
        .bot-form form select,
        .bot-form form textarea {
            width: 100%;
            margin: 0;
            border: 1px solid #e5e5e5;
            background: #fff;
            padding: 10px 15px;
            color: gray;
            font-size: 14px;
            border-radius: 3px;
            height: 50px;
            font-weight: 400;
            outline: 0 !important
        }

        .bot-form form input[type=submit],
        .btn-main,
        .btn-theme-outline1,
        .btn-theme2 {
            font-weight: 600;
            text-transform: capitalize
        }

        .bot-form form .intl-tel-input.separate-dial-code .selected-dial-code {
            padding-left: 27px
        }

        .bot-form form .fldset {
            margin-bottom: 10px
        }

        .bot-form form input[type=submit] {
            border: none;
            color: #fff;
            font-size: 18px;
            padding: 20px 60px;
            letter-spacing: 1px;
            border-radius: 3px;
            font-family: var(--primary-font-family);
            cursor: pointer;
            background: -moz-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: -webkit-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: linear-gradient(to right, #1e6f5c 0, #289672 50%, #be8636 100%)
        }

        .bot-form form textarea {
            width: 100%;
            margin: 0;
            padding: 8px 12px;
            height: 100px;
            resize: none
        }

        .flogo {
            padding: 30px 0 10px
        }

        .btn-main {
            border-radius: 6px;
            padding: 10px 15px
        }

        .home-banner-content h5 {
            padding-bottom: 0;
            color: #fff;
            font-size: 20px;
            font-weight: 400;
            font-family: var(--primary-font-family);
            padding-top: 10px
        }

        .home-banner-content h5 a {
            color: #f4bd2c
        }

        .blog-list-slider .slick-dots,
        .cs-slider .slick-dots {
            bottom: -50px
        }

        .analyzeform form input[type=submit]:hover {
            background: linear-gradient(to left, #c49102 0, #dfb10c 100%) !important
        }

        .pack-wrap.green {
            margin-top: -33px
        }

        .approach-module h2 {
            font-size: 34px;
            width: 100%;
            margin-bottom: 50px;
            padding-bottom: 0
        }

        .approach-items {
            position: relative;
            counter-reset: my-sec-counter
        }

        .approach-items .approach-title {
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 500;
            line-height: 26px;
            margin-bottom: 15px;
            display: block
        }

        .approach-items .approach-content {
            font-size: 16px;
            line-height: 30px;
            color: #000
        }

        .approach-items .approach-item {
            position: relative;
            width: 100%;
            text-align: left
        }

        .approach-items .approach-item:before {
            position: absolute;
            left: 50%;
            height: 100%;
            width: 2px;
            display: block;
            content: "";
            background: -webkit-linear-gradient(top, #20cb98 50%, transparent 50%);
            background: linear-gradient(top, orange 50%, transparent 50%);
            background-size: 100% 6px
        }

        .approach-items .approach-item .approach-inner {
            position: relative;
            float: left;
            box-sizing: border-box;
            border: 2px solid #dfdfdf;
            padding: 40px
        }

        .approach-items .approach-item .approach-inner:after {
            position: absolute;
            content: "";
            display: inline-block;
            counter-increment: my-sec-counter;
            content: "0" counter(my-sec-counter) "";
            color: #20cb98;
            font-weight: 700;
            font-size: 22px;
            line-height: 22px
        }

        .approach-items .approach-item:after {
            clear: both;
            display: block;
            content: ""
        }

        .approach-sub-module {
            padding: 0 0 100px
        }

        .approach-sub-module .container {
            padding-top: 40px;
            border-top: 1px solid #d0d0d0
        }

        .approach-sub-module .section-title {
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 60px
        }

        .approach-sub-module .row:first-child .inner {
            padding: 25px 5% 25px 95px
        }

        .approach-sub-module .row:first-child .inner:before {
            top: 25px;
            height: calc(100% - 25px)
        }

        .approach-sub-module .row:last-child .approach-list:not(.active) .inner .column-count:before {
            position: absolute;
            height: 27px;
            z-index: 8;
            left: 50%;
            margin-left: -1px;
            top: -27px;
            display: block;
            content: "";
            width: 2px;
            background-color: #d0d0d0
        }

        .approach-selection {
            position: relative;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: .3s;
            transition: .3s;
            -webkit-transform: translate(100%, 0);
            -ms-transform: translate(100%, 0);
            transform: translate(100%, 0)
        }

        .btn-theme-outline1:hover,
        .btn-theme2:hover,
        .btn-theme:hover,
        .servicesec .boxwrap li:hover,
        .three-testimonials .box:hover {
            transform: translateY(-.625rem)
        }

        .author-box:hover .ab-overlay,
        .btn-theme,
        .btn-theme-outline1,
        .btn-theme2 {
            transform: translateY(0)
        }

        .approach-selection .inner {
            position: absolute;
            top: -5px;
            left: 0;
            padding: 0 !important
        }

        .approach-selection .approach-title {
            position: relative;
            z-index: 19;
            text-transform: uppercase;
            color: #333743;
            font-style: normal;
            font-weight: 500;
            font-size: 32px;
            margin-bottom: 10px;
            display: block
        }

        .approach-selection .approach-content {
            position: relative;
            z-index: 11;
            font-size: 24px;
            line-height: 38px;
            color: #9297a3;
            opacity: .75;
            font-weight: 400
        }

        .approach-list {
            position: relative;
            padding-right: 8%;
            box-sizing: border-box
        }

        .approach-list:before {
            position: absolute;
            content: "";
            display: block;
            z-index: 21;
            right: 0;
            height: 100%;
            width: 8%
        }

        .approach-list .approach-title {
            position: relative;
            z-index: 19;
            text-transform: uppercase;
            color: #333743;
            font-style: normal;
            font-weight: 500;
            font-size: 18px;
            margin-bottom: 12px;
            display: block
        }

        .approach-list .approach-content {
            position: relative;
            z-index: 11;
            font-size: 14px;
            line-height: 20px;
            color: #9297a3;
            opacity: .75;
            font-weight: 400
        }

        .approach-list .column-count {
            position: absolute;
            z-index: 12;
            top: 25px;
            left: 32px;
            background-color: #fff;
            width: 34px;
            height: 34px;
            text-align: center;
            line-height: 34px;
            font-size: 12px;
            font-weight: 500;
            color: #106674;
            border-radius: 34px;
            box-sizing: border-box;
            border: 2px solid #d0d0d0
        }

        .approach-list .inner {
            position: relative;
            padding: 25px 5% 25px 95px;
            box-sizing: border-box;
            z-index: 22
        }

        .approach-list .inner:after {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            content: "";
            display: block;
            height: 100%;
            background-color: #fff;
            z-index: 9;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: .3s;
            transition: .3s
        }

        .approach-list .inner:before {
            position: absolute;
            height: 100%;
            z-index: 8;
            left: 48px;
            top: 0;
            display: block;
            content: "";
            width: 2px;
            background-color: #d0d0d0
        }

        .inner-pages .header-main {
            border-bottom: 1px solid #f5f8fa
        }

        .inner-pages .inner-banner {
            background-size: cover;
            overflow: hidden;
            width: 100%;
            height: 800px
        }

        .inner-banner-content h5 {
            color: #fff;
            padding-bottom: 15px;
            font-size: 20px
        }

        .inner-banner-content h2 {
            font-size: 42px;
            color: #fff;
            line-height: 1.2;
            padding-bottom: 15px
        }

        .inner-banner-content h2 span {
            color: #171717;
            font-size: 36px;
            display: block;
            font-weight: 300;
            margin-top: 10px
        }

        .inner-banner-content p {
            font-size: 20px;
            color: #fff;
            line-height: 1.4;
            padding-bottom: 40px
        }

        .inner-banner-content a {
            margin-bottom: 60px;
            -moz-transition: .4s;
            -o-transition: .4s
        }

        .inner-banner {
            height: 570px
        }

        .lgonly img {
            width: 150%;
            position: relative;
            left: -140px;
            top: -20px
        }

        .inner-banner-content {
            text-align: center;
            margin-top: 130px;
            height: 440px
        }

        .per-box1,
        .per-box2 {
            vertical-align: top;
            display: inline-block
        }

        .checklist li:before,
        .cta h6,
        .helpsec .cstn-column .txtwrap,
        .main-team-sec,
        .main-wtn-sec ul li,
        .menuside2 i,
        .pricing-hme-content .plus-pri,
        .team-content,
        .team-img {
            vertical-align: middle
        }

        .firstcs .txtarea figure img {
            width: auto;
            position: unset
        }

        .landingp2.landing-pagetext figure img {
            left: -50px
        }

        .landing-pagetext figure img {
            position: relative;
            top: 0
        }

        .inner-pages .partners-cta {
            margin-top: -76px;
            padding-top: 16px;
            background: #d0d0d0
        }

        .inner-pages .partners-cta.ctabb {
            margin-top: -135px;
            padding-top: 16px;
            background: 0 0
        }

        .socialpg .approach-items .approach-item .approach-inner:after,
        .socialpg .inner-banner-content a {
            color: #5d82c2
        }

        .socialpg .approach-items .approach-item:before {
            position: absolute;
            background: -webkit-linear-gradient(top, #5d82c2 50%, transparent 50%);
            background: linear-gradient(top, orange 50%, transparent 50%);
            background-size: 100% 6px
        }

        .locsearchpg .approach-items .approach-item:before {
            position: absolute;
            background: -webkit-linear-gradient(top, #20cb98 50%, transparent 50%);
            background: linear-gradient(top, orange 50%, transparent 50%);
            background-size: 100% 6px
        }

        .inner-pages .bottom-form {
            background: #f6f8fb
        }

        .servicesec {
            background: url(assets/images/packagesbg.html) top center/cover no-repeat;
            width: 100%;
            padding: 60px 0;
            text-align: center
        }

        .servicesec p {
            text-align: center;
            font-size: 20px;
            width: 100%
        }

        .servicesec .boxwrap {
            display: inline-block;
            width: 100%;
            margin-top: 40px;
            text-align: center
        }

        .servicesec .boxwrap li {
            box-shadow: 0 0 30px #0000000f;
            transition: .5s;
            margin: 0 10px 20px;
            position: relative;
            border-radius: 10px;
            min-height: 215px;
            padding: 40px;
            float: left;
            background: #fff;
            width: 18.1%
        }

        .servicesec .boxwrap li i {
            background-image: url(assets/images/services-icons.html);
            background-repeat: no-repeat;
            width: 75px;
            display: inline-block;
            height: 80px;
            margin: 0 auto 10px;
            transition: .5s
        }

        .servicesec .boxwrap li i.one {
            background-position: 13px 10px
        }

        .servicesec .boxwrap li i.two {
            background-position: -70px 10px
        }

        .servicesec .boxwrap li i.three {
            background-position: -150px 10px
        }

        .servicesec .boxwrap li i.five {
            background-position: -320px 10px
        }

        .servicesec .boxwrap li h6 {
            -moz-transition: .5s;
            -webkit-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            color: #2c2c2c;
            font-size: 16px
        }

        .servicesec .boxwrap li:hover {
            background: #dfb10c;
            box-shadow: 0 0 45px #20cb9817;
            transition: .4s
        }

        .servicesec .boxwrap li:hover i.one {
            background-position: 13px -70px
        }

        .servicesec .boxwrap li:hover i.three {
            background-position: -150px -70px
        }

        .serForm .analyzeform form .dtf {
            width: 100%;
            margin: 5px auto
        }

        .serForm .analyzeform {
            margin: 0;
            box-shadow: 5px 6px 30px #00000012;
            background: #00000078;
            padding: 20px 29px;
            border: 1px solid #ffffff59;
            float: right;
            border-radius: 5px;
            width: 80%
        }

        .serForm .home-banner-content.hme-bner-cntn input.submit {
            height: 45px;
            padding: 0 !important;
            border-radius: 4px;
            text-align: center;
            margin-left: 0;
            width: 100%
        }

        .serForm .analyzeform form input[type=email],
        .serForm .analyzeform form input[type=number],
        .serForm .analyzeform form input[type=tel],
        .serForm .analyzeform form input[type=text] {
            height: 45px;
            background: #00000029;
            border-color: #ffffffa1;
            border-radius: 5px;
            color: #fff
        }

        .serForm .analyzeform h2 {
            text-align: left;
            color: #fff
        }

        .serForm .analyzeform form .row {
            text-align: center;
            width: 100%;
            margin: 0 auto
        }

        .serForm .analyzeform form::-webkit-input-placeholder {
            color: #bbb
        }

        .serForm .analyzeform form:-ms-input-placeholder {
            color: #bbb
        }

        .serForm .analyzeform form::placeholder {
            color: #bbb
        }

        .wbcontentpg .approach-items .approach-item .approach-inner:after,
        .wbcontentpg .inner-banner-content a {
            color: #f2bd19
        }

        .wbcontentpg .approach-items .approach-item:before {
            position: absolute;
            background: -webkit-linear-gradient(top, #f2bd19 50%, transparent 50%);
            background: linear-gradient(top, orange 50%, transparent 50%);
            background-size: 100% 6px
        }

        .designunigue {
            padding: 10px 0;
            background: #017b89
        }

        .designunigue ul {
            display: block;
            list-style: none;
            padding: 0;
            margin: 0 auto
        }

        .designunigue ul li:first-child {
            padding-right: 5px;
            margin-right: 5px;
            border-right: 1px solid #ccc;
            width: 230px
        }

        .designunigue ul li:nth-child(2) {
            width: 655px
        }

        .designunigue ul li span {
            color: #fff;
            font-size: 18px;
            display: block;
            font-weight: 700;
            text-align: center
        }

        .designunigue ul li .pur-bg {
            margin-top: 5px;
            display: inline-block;
            border-top: 3px solid transparent;
            background: -moz-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: -webkit-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: linear-gradient(to right, #1e6f5c 0, #289672 50%, #be8636 100%);
            font-family: gilroy-medium, sans-serif;
            font-size: 16px;
            color: #fff;
            line-height: 33px;
            padding: 6.5px 40px;
            outline: 0;
            cursor: pointer;
            border-radius: 3px;
            white-space: nowrap
        }

        .designunigue p {
            color: #fff;
            font-size: 17px;
            font-family: gilroy-medium, sans-serif;
            line-height: 1.2;
            margin-bottom: 0;
            padding-top: 6px
        }

        .designunigue .subimages {
            display: flex !important;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            text-align: center;
            list-style: none;
            padding: 24px 0 0
        }

        .designunigue .subimages li {
            margin: 0 7px
        }

        .designunigue .subimages li img {
            max-width: 110px;
            filter: brightness(0) invert(1)
        }

        .designunigue .subimages li:first-child {
            border-right: 0px !important;
            margin-right: 7px !important;
            padding-right: 0 !important;
            width: auto !important
        }

        .subimages li:nth-child(2) {
            width: auto !important
        }

        .designunigue .subimages li h6 {
            margin-bottom: 0;
            color: #3a3a3a;
            font-size: 14px;
            text-align: center;
            margin-top: 2px
        }

        .designunigue .subimages li:nth-child(2) img,
        .designunigue .subimages li:nth-child(3) img {
            filter: inherit
        }

        .bookSec .box {
            text-align: center;
            position: relative
        }

        .bookSec .box h2 {
            color: #000;
            font-size: 26px
        }

        .bookSec .box p {
            font-size: 14px;
            color: #666;
            font-weight: 500
        }

        .clientele-sec ul li img,
        .homepage-programs .program-taglines .container,
        .ticklist li img {
            height: 50px
        }

        .homepage-programs .program-taglines--entry {
            -webkit-box-flex: 0;
            -webkit-flex: 0 1 23%;
            -ms-flex: 0 1 23%;
            flex: 0 1 23%;
            text-align: center;
            font-size: 13px;
            line-height: 18px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 1.04px;
            color: #fff;
            position: relative;
            z-index: 1;
            height: 50px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .homepage-programs .program-taglines--entry:before {
            content: "";
            position: absolute;
            margin: 0 auto;
            left: 0;
            right: 0;
            bottom: -10px;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: #24a7f1 transparent transparent;
            border-width: 10px 10px 0
        }

        .homepage-programs .program-taglines--entry:first-child:before {
            border-color: #378cf1 transparent transparent
        }

        .homepage-programs .program-taglines--entry:nth-child(2):before {
            border-color: #2d9bf1 transparent transparent
        }

        .homepage-programs .program-taglines--entry:nth-child(3):before {
            border-color: #20aff2 transparent transparent
        }

        .homepage-programs .program-taglines--entry:nth-child(4):before {
            border-color: #13bff2 transparent transparent
        }

        .homepage-programs--entry {
            -ms-flex: 0 1 23%;
            padding-top: 30px
        }

        .homepage-programs--entry .program-subtitle {
            text-align: center;
            font-size: 13px;
            line-height: 13px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 1.04px;
            color: #fff;
            margin: 18px 0 45px
        }

        .black_friday #veteran-countdown .veteran-counter,
        .clientele-sec h2,
        .eggoffer .top figure,
        .get-in-touch,
        .git,
        .hed,
        .homepage-programs--entry .program-info,
        .info-img,
        .main-ghst-sec,
        .mycta .btnwrap,
        .mycta p,
        .myprocess p,
        .our-team,
        .portfolio-inner,
        .strt-cta,
        .tab-style-1 ul,
        .team-box1,
        .thierd-sec-img,
        .tools-sec p,
        .tpmst-heading,
        .trst-rvw,
        .trst-rvw p,
        .works-content,
        .wow-testimonial h2 {
            text-align: center
        }

        .homepage-programs--entry .program-title {
            font-size: 17px;
            line-height: 17px;
            font-weight: 500
        }

        .banner-home .bullet-points li a,
        .btn-price:hover,
        .homepage-programs--entry .program-title a,
        .innerservices .inner-banner .inner-banner-content p,
        .main-menu>ul>li:hover a,
        .main-strt-cta-sec .strt-cta h3,
        .main-strt-cta-sec .strt-cta p,
        .main-strt-cta-sec.main-hart-sec .strt-cta h3,
        .main-strt-cta-sec.main-hart-sec .strt-cta p,
        .testsec .firsttesti .lgarea h6,
        .tools-sec .tbox:hover a,
        .tools-sec .tbox:hover h5,
        .tools-sec .tbox:hover p {
            color: #fff
        }

        .homepage-programs--entry .program-title span {
            display: block;
            font-size: 20px;
            line-height: 35px;
            font-weight: 700
        }

        .header-main .othermenu li:hover a,
        .homepage-programs--entry .program-title a:hover {
            color: #be8636
        }

        .homepage-programs--entry .program-icon {
            height: 35px;
            margin-bottom: 15px
        }

        .homepage-programs--entry .program-icon img {
            width: 100%;
            height: 35px;
            margin: 0 auto;
            filter: brightness(0) invert(1)
        }

        .dropdown>ul:before,
        .dropdown>ul>li.seclvl .seclvldrop .droplist:before {
            height: 20px;
            border-top: 1px solid #cbd6e2;
            border-left: 1px solid #cbd6e2;
            width: 20px
        }

        .homepage-programs--entry .program-price {
            font-size: 22px;
            font-weight: 500;
            letter-spacing: .88px;
            color: #c49102;
            margin: 20px 0 25px
        }

        .btn-theme2,
        .chtnow .btn-theme1 {
            margin-right: 10px
        }

        .homepage-programs--entry .program-button {
            margin-top: 10px
        }

        .homepage-programs--entry .program-button a {
            font-size: 13px;
            font-weight: 500;
            text-decoration: underline;
            color: #c49102
        }

        .homepage-programs--entry .program-description {
            padding-top: 10px;
            margin-top: 32px;
            border-top: 1px solid #cecece
        }

        .btn-theme2,
        .portfolioSec .portfolio-slider {
            margin-top: 20px
        }

        .homepage-programs--entry .program-description ul {
            padding: 0 0 0 20px;
            margin: 0
        }

        .homepage-programs--entry .program-description p {
            margin-bottom: 10px
        }

        .homepage-programs--entry .program-description li,
        .homepage-programs--entry .program-description p {
            font-size: 13px;
            line-height: 24px;
            list-style: initial
        }

        .topMost {
            background: #f9f9f9
        }

        .portfolioSec img {
            height: 390px;
            width: 100%;
            object-fit: cover
        }

        .portfolioSec {
            padding: 40px 0;
            text-align: center
        }

        .main-pfrn-sec {
            background: #754b2d;
            padding: 30px 0
        }

        .main-wtn-sec ul {
            font-size: 0;
            margin: 0
        }

        .main-wtn-sec ul li {
            display: inline-block;
            width: 37%
        }

        .main-wtn-sec ul li:last-child {
            width: 27%
        }

        .main-wtn-sec ul li.sec {
            width: 36%;
            padding: 0 30px
        }

        .main-percent {
            font-size: 0;
            position: relative;
            top: -72px;
            background-image: url(assets/images/chat-banner.html);
            padding: 0 30px 10px;
            left: -1px;
            width: 100.2%
        }

        .dext .main-percent {
            background-image: none;
            padding: 0;
            position: unset
        }

        .per-box1 {
            width: 35%;
            padding: 25px 0 0
        }

        .per-box2 {
            width: 65%;
            text-align: right
        }

        .per-box2 h3 {
            font-size: 38px;
            padding: 0;
            color: #fff;
            text-transform: uppercase
        }

        .per-box2 h3 span {
            padding: 0;
            font-size: 30px
        }

        .per-box2 h3 p {
            padding: 0;
            line-height: 20px;
            font-size: 22px;
            color: #fff;
            margin: 0
        }

        .crte-prf h3 {
            font-size: 18px;
            color: #fff;
            margin: 0;
            padding: 0
        }

        .crte-prf p {
            font-size: 16px;
            color: #fff;
            margin: 0;
            padding: 0
        }

        .btn-theme-outline1 {
            transition: .4s;
            color: #fff;
            padding: 10px 15px;
            border: 1px solid #be8636;
            background: -moz-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: -webkit-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: linear-gradient(to right, #1e6f5c 0, #289672 50%, #be8636 100%);
            border-radius: 8px;
            display: inline-block;
            margin-top: 20px;
            font-size: 16px
        }

        .btn-theme-outline1:hover {
            transition: .4s;
            color: #fff;
            background: #be8636;
            background: -moz-linear-gradient(left, #be8636 0, #289672 50%, #1e6f5c 100%);
            background: -webkit-linear-gradient(left, #be8636 0, #289672 50%, #1e6f5c 100%);
            background: linear-gradient(to right, #be8636 0, #289672 50%, #1e6f5c 100%)
        }

        .btn-theme2 {
            transition: .4s;
            color: #be8636;
            background-color: #fff;
            padding: 10px 14px;
            display: inline-block;
            font-size: 16px;
            border-radius: 8px
        }

        .btn-theme2:hover {
            transition: .4s;
            color: #fff;
            background: -moz-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: -webkit-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: linear-gradient(to right, #1e6f5c 0, #289672 50%, #be8636 100%)
        }

        .pricing-slider {
            margin-top: 50px;
            margin-bottom: 50px
        }

        .box.\--pricing-box,
        .testimonial-sec.innertestimonial .box-wrap {
            padding: 0 20px
        }

        .box.\--pricing-box header {
            border-bottom: 1px solid #b8b8b8;
            padding-bottom: 10px;
            margin-bottom: 24px
        }

        .box.\--pricing-box header .box__title {
            font-size: 2vmax !important;
            color: #c59303
        }

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

        .box.\--pricing-box .box__body li:nth-child(odd) {
            background: #f0f0f0
        }

        .box.\--pricing-box .box__body li {
            padding: 12px 20px;
            display: inline-block;
            width: 100%
        }

        .box.\--pricing-box .box__body li:after,
        .box.\--pricing-box .box__body li:before {
            content: " ";
            display: table
        }

        .box.\--pricing-box .box__body li a {
            font-size: 16px;
            color: #444
        }

        .box.\--pricing-box .box__body li .price {
            font-weight: 700;
            font-size: 18px;
            float: right
        }

        .cut-price {
            display: block;
            font-size: 14px;
            text-align: right;
            text-decoration: line-through;
            color: #c49102;
            line-height: .4;
            float: right;
            width: 100%
        }

        .box.\--pricing-box .box__body li a:hover {
            color: #500a0a
        }

        .three-testimonials h2 {
            padding-bottom: 60px;
            font-size: 34px;
            width: 100%;
            text-align: center
        }

        .three-testimonials .box {
            min-height: 320px;
            transition: .4s;
            border-radius: 5px;
            background: #f7f9fc;
            padding: 30px 30px 20px
        }

        .boxnew h2,
        .policypg h3,
        .three-testimonials .box h3 {
            font-size: 24px
        }

        .three-testimonials .box span {
            display: inline-block;
            font-size: 26px;
            color: #21caa6;
            margin-bottom: 20px
        }

        .three-testimonials .box .capt {
            width: 100%;
            display: inline-block
        }

        .three-testimonials .box .capt .lft {
            float: left;
            width: 20%
        }

        .three-testimonials .box .capt .lft h5 {
            background: #21caa6;
            color: #fff;
            font-size: 24px;
            text-align: center;
            border-radius: 50%;
            padding: 15px
        }

        .three-testimonials .box .capt .rht {
            width: 73%;
            padding-top: 8px;
            float: right
        }

        .three-testimonials .box .capt .rht h4 {
            padding-bottom: 0;
            font-size: 16px;
            font-weight: 600
        }

        .three-testimonials .box .capt .rht h4 span {
            display: block;
            padding-top: 5px;
            font-size: 14px;
            font-weight: 400
        }

        .three-testimonials .box:hover {
            transition: .4s;
            box-shadow: 0 0 30px #0000000f
        }

        .aboutpg .bottom-form,
        .aboutpg .listsec,
        .aboutpg .story-sec,
        .servicepg .cta,
        .servicespg .bottom-form,
        .testimonial-sec.innertestimonial,
        .who-we-sec.left {
            background: #fff
        }

        .testsec .firsttesti {
            background: #20cb98;
            padding: 60px 0;
            position: relative
        }

        .testsec .firsttesti.second {
            background: #f0584a
        }

        .testsec .firsttesti.third {
            background: #5d82c2
        }

        .testsec .firsttesti.fourth {
            background: #f2bd19
        }

        .testsec .firsttesti:before {
            content: "";
            background: #0b9a70;
            width: 50%;
            height: 100%;
            right: 0;
            top: 0;
            position: absolute
        }

        .testsec .firsttesti.second:before {
            background: #cc4437;
            left: 0
        }

        .testsec .firsttesti.third:before {
            background: #4166a7;
            right: 0
        }

        .testsec .firsttesti.fourth:before {
            background: #dea905;
            left: 0
        }

        .testsec .firsttesti .lgarea {
            text-align: right;
            padding: 40px
        }

        .servicepg .inner-banner .inner-banner-content a,
        .testsec .firsttesti .lgarea figure {
            margin-bottom: 25px
        }

        .testsec .firsttesti .lgarea p {
            color: #fff;
            padding-bottom: 0
        }

        .testsec .firsttesti .txarea {
            padding: 0 40px
        }

        .testsec .firsttesti .txarea p {
            line-height: 1.6;
            color: #fff;
            padding-bottom: 0;
            font-size: 16px
        }

        .testsec .firsttesti .txarea p span {
            padding: 0 10px;
            font-size: 20px;
            color: #fff
        }

        .testsec .firsttesti .txarea .rating {
            padding-top: 20px
        }

        .testsec .firsttesti .txarea .rating i {
            color: #fff;
            font-size: 20px
        }

        .sidebar .accordion .quest-section .quest-title {
            font-size: 14px;
            text-transform: capitalize;
            font-weight: 600
        }

        .sidebar .accordion .quest-section .quest-title:before {
            font-weight: 400;
            font-size: 16px
        }

        .sidebar .accordion .quest-content p {
            padding-bottom: 10px
        }

        .tabs li {
            padding: 0 15px;
            width: 33.33%;
            float: left
        }

        .tabbing-links {
            width: 100%;
            display: inline-block;
            text-align: center;
            margin: 0 auto 75px
        }

        .tabbing-links li {
            transition: .4s;
            display: inline-block;
            padding: 10px 60px;
            cursor: pointer;
            font-size: 16px;
            border: 1px solid #e5e5e5;
            border-radius: 5px;
            background: #fff
        }

        .tabbing-links li.current,
        .tabbing-links li:hover {
            transform: translateY(-5.925px);
            color: #fff;
            background: #20cb98
        }

        .tphead {
            padding: 20px 0;
            position: absolute;
            top: 0;
            z-index: 99;
            width: 100%
        }

        .analyzepg .home-banner-content h1 {
            font-size: 36px;
            color: #333;
            text-shadow: none
        }

        .custom-package #cost_calc_total_cost,
        .tphead a {
            color: #333
        }

        .tphead a span {
            font-size: 34px
        }

        .analyzepg .home-banner-content .subtitle {
            color: #333;
            font-size: 18px
        }

        .analyzepg .analyzeform form input[type=text] {
            border-radius: 5px
        }

        .analyzepg .analyzeform form input[type=submit] {
            margin-left: 0;
            width: 100%
        }

        .slider-wrapper:before {
            width: 100%;
            height: 100vh;
            top: 0;
            left: 0;
            position: absolute;
            z-index: 1
        }

        .header-main.fixed .main-menu {
            margin: 35px 0 0
        }

        .counter ul li a,
        .footer-top .linkinglist li a.address {
            cursor: default
        }

        .checklist {
            display: inline-block;
            padding: 0 30px
        }

        .checklist li {
            width: 50%;
            padding-left: 30px;
            line-height: 1.4;
            float: left;
            color: #fff;
            font-size: 18px;
            padding-bottom: 12px
        }

        .checklist li:before {
            content: "\f336";
            position: absolute;
            font-family: "Font Awesome 5 Pro";
            left: 0;
            font-size: 18px;
            color: #017b89;
            display: table-cell
        }

        .bookshowcase {
            margin: 0 auto -120px
        }

        .btn-simple {
            font-size: 20px;
            color: #20cb98
        }

        .helpsec p {
            text-align: left;
            font-size: 20px;
            padding-bottom: 0;
            color: #fff;
            line-height: 1.4
        }

        .testimonial-sec h2 {
            text-align: center;
            font-size: 36px;
            font-weight: 700;
            width: 100%
        }

        .testimonial-sec p {
            text-align: center;
            font-size: 20px;
            line-height: 1.4
        }

        #egg {
            margin: 0 auto 1em;
            display: block;
            width: 150px;
            height: 150px;
            background-color: #edf1f8;
            -webkit-border-radius: 13px 53px 63px 13px/108px 60px 72px 72px;
            border-radius: 77% 125% 75% 50%/143% 99% 88% 89%;
            -ms-transition: .5s ease-out;
            -moz-transition: .5s ease-out;
            -webkit-transition: .5s ease-out;
            -o-transition: .5s ease-out;
            transition: .5s ease-out
        }

        .counter ul li:last-child a figure img {
            max-width: 73px
        }

        .innerpackages-sec.leftinner .checklist li {
            display: block;
            width: 100%
        }

        .leftinner h2 {
            font-size: 36px;
            color: #fff !important
        }

        .three-testimonials.approach h2 {
            padding-bottom: 20px
        }

        .three-testimonials.approach p {
            text-align: center;
            font-size: 18px;
            width: 100%;
            padding: 0 40px 40px;
            line-height: 1.4
        }

        .three-testimonials .box p {
            font-size: 14px;
            text-align: left;
            padding: 0 0 20px;
            line-height: 1.6;
            min-height: 190px
        }

        .three-testimonials.approach .box {
            box-shadow: 0 0 20px #0000000d;
            background: #fff;
            min-height: 280px
        }

        .testimonial-sec.innertestimonial .box-wrap #circle {
            margin: 0 auto 20px;
            height: 110px;
            padding-top: 36px;
            width: 110px;
            background: #dfb10c;
            border-radius: 50%
        }

        .testimonial-sec.innertestimonial .box-wrap #circle span {
            font-size: 28px;
            color: #fff
        }

        .testimonial-sec.innertestimonial .box-wrap h3 {
            font-weight: 700
        }

        .testimonial-sec.innertestimonial .box-wrap p {
            font-style: italic;
            line-height: 1.4
        }

        .testimonial-sec.innertestimonial .box-wrap h6 span {
            display: block;
            color: #dfb10c;
            font-style: italic;
            margin-top: 10px;
            font-weight: 400;
            font-size: 11px
        }

        .inner-banner-content h6 {
            color: #fff;
            font-size: 60px
        }

        .policypg h2 {
            color: #253858;
            font-size: 36px;
            font-weight: 700
        }

        .policypg h4 {
            font-size: 22px;
            color: #253858
        }

        .weDifferent-sec,
        .who-we-sec {
            padding: 100px 0;
            background: #f6f8fb
        }

        .faqsection h2,
        .weDifferent-sec h2,
        .who-we-sec h2 {
            font-size: 36px;
            font-weight: 700
        }

        .weDifferent-sec p,
        .who-we-sec p {
            font-size: 20px;
            line-height: 1.4
        }

        .who-we-sec figure {
            float: right;
            margin-bottom: 0;
            width: 90%
        }

        .who-we-sec figure img {
            width: 100%;
            max-width: 100%;
            box-shadow: 0 0 20px #00000012;
            border-radius: 10px
        }

        .weDifferent-sec .wrap {
            padding-right: 25px
        }

        .weDifferent-sec h5 {
            font-size: 22px;
            color: #dfb10c
        }

        .diff-wrap li h6,
        .wow-testimonial p {
            font-size: 18px;
            text-align: center
        }

        .diff-wrap,
        .satisfactionfold .textwrap .satisfylist {
            display: inline-block;
            margin-bottom: 0;
            margin-top: 20px
        }

        .diff-wrap li {
            float: left;
            margin-right: 20px;
            width: 30%
        }

        .diff-wrap li:nth-child(2) {
            margin-top: 45px
        }

        .diff-wrap li:nth-child(3) {
            margin-right: 0;
            margin-top: 90px
        }

        .diff-wrap li:nth-child(4) {
            margin-top: -80px
        }

        .diff-wrap li:nth-child(5) {
            margin-top: -35px
        }

        .diff-wrap li figure {
            margin-bottom: 10px;
            background: #fff;
            border-radius: 5px;
            box-shadow: 0 0 15px 0 #0000000f
        }

        .diff-wrap li figure img {
            width: 100%;
            border-radius: 10px
        }

        .servicesec .centerwrap {
            width: 100%;
            margin: 0 auto;
            text-align: center
        }

        .wow-testimonial p {
            line-height: 1.6
        }

        .wow-testimonial .tsbox {
            box-shadow: 0 0 31px #0000001a;
            border-radius: 10px;
            padding: 40px 10px;
            margin-top: 30px;
            transition: .4s;
            min-height: 290px
        }

        .wow-testimonial .tsbox .lft {
            width: 30%;
            padding-top: 30px;
            float: left
        }

        .wow-testimonial .tsbox .lft figure {
            width: 134px;
            height: 134px;
            margin: 0 auto;
            background: #20cb98;
            border-radius: 50%
        }

        .wow-testimonial .tsbox .lft figure span {
            font-size: 30px;
            width: 100%;
            display: inline-block;
            padding-top: 45px;
            color: #fff;
            text-align: center
        }

        .wow-testimonial .tsbox .rht {
            width: 70%;
            text-align: left;
            padding: 0 20px;
            display: inline-block
        }

        .wow-testimonial .tsbox .rht h3 {
            font-size: 20px;
            text-align: left;
            padding-bottom: 15px
        }

        .wow-testimonial .tsbox .rht p {
            padding-bottom: 15px;
            font-size: 16px;
            font-style: italic;
            line-height: 1.4;
            text-align: left
        }

        .wow-testimonial .tsbox .rht .rating {
            margin-top: 5px
        }

        .wow-testimonial .tsbox .rht .rating i {
            color: #ff7e65
        }

        .main-menu>ul>li.callus {
            margin-top: -21px
        }

        .main-menu>ul>li.callus span {
            display: block;
            color: #fff;
            text-align: right
        }

        .main-menu>ul>li.callus a {
            font-weight: 700;
            color: #20cb98
        }

        .pricing-sec {
            background: top center/cover #f5f8fa;
            width: 100%;
            padding: 100px 0
        }

        .pricing-sec h2 {
            font-size: 36px;
            text-align: center;
            font-weight: 700
        }

        .pricing-sec p {
            font-size: 20px;
            line-height: 1.4;
            text-align: center
        }

        .pricing-sec .pricingwrap {
            display: inline-block;
            margin: 40px auto 0;
            text-align: center
        }

        .pricing-sec .pricingwrap li {
            width: 46.7%;
            float: left;
            margin: 0 15px
        }

        .pricing-sec .pricingwrap li .box {
            display: inline-block;
            margin-bottom: 30px;
            box-shadow: 0 0 25px #00000040;
            border-radius: 10px;
            width: 100%;
            transition: .4s
        }

        .pricing-sec .pricingwrap li .box figure {
            border-radius: 10px 10px 0 0;
            margin-bottom: 0
        }

        .pricing-sec .pricingwrap li .box figure img {
            border-radius: 10px 10px 0 0;
            max-width: 100%
        }

        .pricing-sec .pricingwrap li .box .txt-wrap {
            padding: 25px 20px 20px;
            border-radius: 0 0 10px 10px;
            background: #fff
        }

        .pricing-sec .pricingwrap li .box .txt-wrap h4,
        .top-box .hdarea .lf h4 {
            color: #223235;
            text-align: left;
            line-height: 1.2;
            text-decoration: none;
            font-size: 24px;
            border: 0
        }

        .pricing-sec .pricingwrap li .box .txt-wrap p {
            font-size: 16px;
            color: var(--default-color);
            line-height: 1.4;
            min-height: 95px;
            text-align: left;
            padding-bottom: 0
        }

        .main-princing-sec-hme .nav-pills,
        .pricing-sec .tabbing-links {
            text-align: center;
            display: block;
            width: 100%;
            margin: 20px 0
        }

        .pricing-sec .tabbing-links li {
            margin-right: 10px;
            display: inline-block;
            background: 0 0;
            color: #717171;
            padding: 10px;
            border: 1px solid transparent
        }

        .pricing-sec .tabbing-links li.current {
            border-color: #dfb10c
        }

        .pricing-sec .tabbing-links li a {
            color: #717171;
            font-size: 14px
        }

        .main-princing-sec-hme .nav-pills li.current,
        .main-princing-sec-hme .nav-pills li:hover,
        .pricing-sec .tabbing-links li.current,
        .pricing-sec .tabbing-links li:hover {
            transform: none
        }

        .main-princing-sec-hme .nav-pills li {
            margin: 18px 5px;
            display: inline-block;
            background: 0 0
        }

        .main-princing-sec-hme .nav-pills li a {
            color: #fff;
            padding: 10px;
            border: 1px solid #be8636;
            font-size: 14px;
            border-radius: 6px
        }

        .main-princing-sec-hme .nav-pills li a.active {
            border-color: #be8636;
            color: #fff;
            border-radius: 6px;
            background: linear-gradient(to left, #5ca6e5 0, #5ca6e5a1 100%) !important
        }

        .helpsec .ctabottom,
        .helpsec .wayswrapper {
            margin-top: 40px;
            border-top: 1px solid rgba(255, 255, 255, .2)
        }

        .tabs .portfoliolist li {
            float: none;
            width: 43%;
            padding: 0;
            display: inline-block
        }

        .main-princing-sec-hme .pricingboxes {
            padding-top: 1px
        }

        .pricing-hme-content .smallboxes:hover {
            border: 1px solid #c1c7d0;
            color: #0065ff
        }

        .pricing-hme-content .small-serces {
            display: inline-block;
            width: 96%;
            vertical-align: middle;
            text-align: left
        }

        .pricing-hme-content .plus-pri {
            display: inline-block;
            width: 4%
        }

        .main-princing-sec-hme .smallboxes h4 {
            color: #091e42;
            font-weight: 700;
            font-size: 20px;
            text-align: left;
            padding-bottom: 3px
        }

        .ft-img {
            padding: 10px 0 0
        }

        .ft-img img {
            width: 80%
        }

        .main-princing-sec-hme .smallboxes p {
            color: #091e42;
            font-size: 14px;
            padding: 0;
            text-align: left;
            line-height: 18px
        }

        .top-box {
            margin: 0 15px;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 0 25px #00000040
        }

        .top-box .hdarea {
            height: 200px;
            display: inline-block
        }

        .top-box .hdarea .lf {
            padding: 35px 25px 25px;
            width: 66%;
            float: left
        }

        .top-box .hdarea .lf p {
            font-size: 14px;
            color: var(--default-color);
            line-height: 1.4;
            text-align: left;
            padding-bottom: 0
        }

        .top-box .hdarea .lf a {
            color: #21caa8;
            font-size: 16px;
            margin-top: 10px;
            font-weight: 700;
            display: inline-block
        }

        .top-box .hdarea .rt {
            width: 33%;
            float: right
        }

        .top-box .bdarea {
            padding: 0 25px 25px
        }

        .top-box .bdarea ul li {
            margin-right: 34px;
            display: inline-block
        }

        .top-box .bdarea ul li h5 {
            color: #f84768;
            padding-bottom: 0;
            font-size: 26px
        }

        .pricing-sec .pricingwrap li .box .txt-wrap ul li span,
        .top-box .bdarea ul li h5 span {
            color: #000;
            display: block;
            font-size: 18px
        }

        .top-box .bdarea ul li h6 {
            color: #21caa8;
            font-size: 18px
        }

        .btn-price {
            color: #fff;
            font-weight: 700 !important;
            text-transform: capitalize !important;
            background: #20cb98;
            border-radius: 4px;
            padding: 16px 20px !important
        }

        .main-princing-sec-hme .pricingwrap li .box .txt-wrap ul {
            margin-top: 20px;
            width: 100%;
            display: inline-block;
            margin-bottom: 0
        }

        .pricing-sec .pricingwrap li .box .txt-wrap ul li {
            display: inline-block;
            width: 50%;
            margin: 0
        }

        .pricing-sec .pricingwrap li .box .txt-wrap ul li a {
            display: inline-block;
            padding: 12px 20px !important
        }

        .pricing-sec .pricingwrap li .box .txt-wrap ul li h5 {
            text-align: left;
            color: #f84768;
            padding-bottom: 0;
            font-size: 26px
        }

        .strugglesec p {
            text-align: left;
            width: 100%;
            line-height: 1.4
        }

        .menuside {
            color: #171717;
            font-size: 18px;
            margin-top: 0;
            font-weight: 600;
            display: inline-block;
            padding: 0
        }

        .menuside2,
        .menuside2 i {
            font-size: 16px;
            display: inline-block
        }

        .menuside2 {
            color: #fff;
            margin-top: 0;
            font-weight: 400;
            padding: 0 0 15px 10px
        }

        .menuside .xicon {
            position: absolute;
            right: -18px;
            top: 2px;
            font-size: 20px;
            color: #171717
        }

        .counternew {
            background: #f5f8fa
        }

        .gclients h5 {
            padding-bottom: 0;
            margin-top: 50px;
            width: 100%;
            color: #171717;
            font-weight: 600;
            padding-left: 30px
        }

        .gclients h5:before {
            position: absolute;
            top: 0;
            color: #dfb10c;
            left: 0;
            content: "\e916";
            font-family: icomoon !important
        }

        .counternew .figorelist li {
            padding: 0 60px;
            display: inline-block
        }

        .counternew .figorelist li figure img {
            width: 90px
        }

        .btn-theme {
            transition: .4s;
            color: #fff;
            background: -moz-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: -webkit-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: linear-gradient(to left, #be8636 0, #be863696 100%);
            padding: 10px 20px;
            border-radius: 6px;
            margin-left: 10px;
            font-weight: 600
        }

        .btn-theme:hover {
            transition: .4s;
            color: #fff;
            background: linear-gradient(to left, #c49102 0, #dfb10c 100%) !important
        }

        .helpsec .imgplace figure img {
            width: 500px
        }

        .helpsec .txtwrap,
        .pricingboxes {
            padding-top: 40px
        }

        .helpsec .wayswrapper {
            width: 100%;
            padding-top: 40px
        }

        .footer-top .linkinglist,
        .helpsec .wayswrapper ul,
        .ourprocesses .processlistdown {
            display: inline-block;
            margin-bottom: 0
        }

        .helpsec .wayswrapper ul li {
            float: left;
            width: 31%;
            padding-right: 10px;
            margin-right: 22px
        }

        .helpsec .wayswrapper ul li h3,
        .helpsec .wayswrapper ul li h3 a {
            color: #fff;
            font-size: 20px;
            font-weight: 900
        }

        .innerctabottom {
            display: inline-block;
            width: 65%
        }

        .helpsec .ctabottom .innerctabottom h3 {
            font-size: 30px
        }

        .helpsec .ctabottom .innerctabottom h6 {
            color: #ffffffba;
            padding: 5px 0 0;
            margin: 0
        }

        .helpsec .ctabottom .innerctabottom a {
            float: none;
            color: #fff
        }

        .helpsec .ctabottom {
            padding-top: 40px;
            width: 100%
        }

        .helpsec .ctabottom h3 {
            padding-bottom: 0;
            color: #fff;
            padding-top: 20px;
            font-size: 22px;
            display: inline-block
        }

        .helpsec .ctabottom a {
            margin-top: 0;
            padding: 20px 40px;
            float: right
        }

        .strugglesec .paright {
            padding-right: 80px
        }

        .strugglesec.withimages .paright {
            padding-right: 60px
        }

        .satisfactionfold {
            background: #f5f5f56b;
            overflow: hidden;
            width: 100%;
            padding: 100px 0 80px
        }

        .ourprocesses .paright h2,
        .satisfactionfold .textwrap h2 {
            text-align: left;
            font-size: 36px;
            width: 100%;
            font-weight: 700;
            line-height: 1.2
        }

        .ourprocesses .paright p,
        .satisfactionfold .textwrap p {
            text-align: left;
            font-size: 20px;
            width: 100%;
            padding-bottom: 0;
            line-height: 1.4
        }

        .satisfactionfold .textwrap .satisfylist li {
            width: 50%;
            float: left;
            padding-right: 20px;
            padding-top: 20px;
            padding-bottom: 20px;
            min-height: 235px
        }

        .satisfactionfold .textwrap .satisfylist li .figg img {
            color: #dfb10c;
            font-size: 40px;
            width: 40px;
            height: 40px
        }

        .satisfactionfold .textwrap .satisfylist li h3 {
            font-size: 17px;
            font-weight: 700
        }

        .satisfactionfold figure img {
            width: 650px
        }

        .cta h6 {
            text-align: center;
            padding-bottom: 0;
            width: 34%
        }

        .cta h6 a {
            color: #dfb10c;
            display: block;
            font-size: 24px;
            margin-top: 10px
        }

        .singletestimonials .testwraper {
            width: 80%;
            margin: 0 auto
        }

        .singletestimonials .testwraper .item .figpart {
            width: 13%;
            margin-right: 70px;
            display: inline-block;
            vertical-align: top
        }

        .singletestimonials .testwraper .item .figpart figure {
            width: 100px;
            height: 100px;
            background: #dfb10c;
            border-radius: 50%;
            text-align: center;
            padding-top: 26px;
            margin: 0 auto
        }

        .singletestimonials .testwraper .item .figpart figure h3 {
            color: #fff;
            padding-bottom: 0;
            font-size: 40px;
            letter-spacing: 3px;
            font-weight: 700
        }

        .singletestimonials .testwraper .item .quotepart {
            width: 78%;
            display: inline-block;
            vertical-align: top
        }

        .singletestimonials .testwraper .item .quotepart h4 {
            line-height: 1.3;
            font-size: 34px;
            font-weight: 300;
            position: relative
        }

        .singletestimonials .testwraper .item .quotepart h4 span.top {
            position: absolute;
            color: #dfb10c;
            left: -48px;
            top: 0;
            font-size: 36px
        }

        .singletestimonials .testwraper .item .quotepart h4 span.bottom {
            font-size: 36px;
            color: #dfb10c;
            margin-left: 15px
        }

        .singletestimonials .testwraper .item .quotepart h5 {
            padding-bottom: 0;
            margin-top: 30px;
            font-size: 16px;
            font-weight: 700;
            line-height: 1
        }

        .singletestimonials .testwraper .item .quotepart h5 span {
            font-weight: 400;
            display: block;
            font-size: 14px;
            margin-top: 5px
        }

        .faqsection {
            background: #f5f8fa6e;
            padding: 100px 0
        }

        .footer-top h3 {
            color: #253858;
            font-size: 14px;
            line-height: 1;
            padding-bottom: 20px
        }

        .footer-top .linkinglist li {
            padding: 5px 0
        }

        .footer-top .linkinglist li a {
            color: #091e42;
            font-size: 15px
        }

        .footer-top .socialmid {
            border-bottom: 1px solid #dfe1e5;
            margin: 0 auto;
            padding-bottom: 30px
        }

        .footer-bottom .fologo {
            width: 150px
        }

        .oddinner-banner {
            height: 350px
        }

        .oddinner-banner .inner-banner-content {
            padding-right: 0;
            text-align: center
        }

        .oddinner-banner .inner-banner-content h3 {
            color: #fff;
            font-size: 42px;
            font-weight: 700
        }

        .oddinner-banner .inner-banner-content p {
            font-size: 20px;
            color: #fff;
            line-height: 1.4;
            padding-bottom: 0
        }

        .twoboxes .contactboxeswrap {
            font-size: 0px;
            margin-top: -60px
        }

        .twoboxes .contactboxeswrap .contactbox {
            text-align: center;
            border-radius: 3px;
            padding: 50px 40px;
            background-color: #fff;
            border: 1px solid #eaf0f6;
            width: 49%;
            display: inline-block
        }

        .twoboxes .contactboxeswrap .contactbox.left {
            margin-right: 22px
        }

        .twoboxes .contactboxeswrap .contactbox figure span {
            color: #171717;
            font-size: 60px
        }

        .twoboxes .contactboxeswrap .contactbox figure figcaption {
            color: #171717;
            font-size: 18px;
            margin-top: 10px;
            font-weight: 600
        }

        .twoboxes .contactboxeswrap .contactbox p {
            line-height: 1.4;
            font-size: 18px;
            padding-bottom: 50px
        }

        .maparea .mapwrap {
            font-size: 0px;
            border: 1px solid #cbd6e2;
            border-radius: 3px
        }

        .maparea .mapwrap .mappart {
            vertical-align: top;
            width: 60%;
            display: inline-block
        }

        .maparea .mapwrap .mappart iframe {
            width: 100%;
            height: 500px
        }

        .maparea .mapwrap .infopart {
            width: 40%;
            padding: 70px 90px 37px 50px;
            vertical-align: top;
            display: inline-block;
            height: 500px
        }

        .maparea .mapwrap .infopart .chunk {
            padding-bottom: 40px
        }

        .maparea .mapwrap .infopart .chunk h3 {
            color: #171717;
            font-size: 22px;
            padding-bottom: 15px
        }

        .maparea .mapwrap .infopart .chunk p {
            font-size: 16px;
            line-height: 1.4
        }

        .maparea .mapwrap .infopart .chunk a {
            color: #687087;
            font-size: 16px;
            display: block
        }

        .maparea h2 {
            font-size: 36px;
            width: 100%;
            font-weight: 700;
            line-height: 1.2;
            padding-bottom: 100px;
            text-align: center
        }

        .dropdown>ul:before {
            position: absolute;
            content: "";
            top: -12px;
            right: 15px;
            z-index: 0;
            background: #fff;
            -webkit-transform: rotate(45deg);
            transform: rotate(44deg);
            border-radius: 5px
        }

        .dropdown>ul>li.seclvl .seclvldrop .droplist li:hover,
        .dropdown>ul>li:hover,
        .main-navigation .dropdown-nav ul li a:hover {
            background-color: #f5f8fa
        }

        .floatbutton .clickbutton .crossplus.rotate,
        .floatbutton2 .clickbutton2 .crossplus.rotate,
        .header-main .othermenu,
        .sale-blckfriday.open {
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s
        }

        .header-main.showmenu .othermenu {
            opacity: 1;
            transition: .4s;
            z-index: 99
        }

        .header-main .has-submenu {
            width: 66px;
            display: inline-block;
            padding-bottom: 22px;
            position: relative;
            height: 24px;
            cursor: pointer
        }

        .header-main.showmenu .has-submenu {
            z-index: 99
        }

        .header-main .has-submenu:hover .dropdown {
            visibility: visible;
            opacity: 1;
            left: 0
        }

        .header-main.showmenu .has-submenu .dropdown>ul>li>a {
            color: #171717;
            margin-top: 0;
            font-weight: 400
        }

        .header-main .has-submenu .dropdown>ul>li {
            width: 100%;
            margin-right: 0;
            float: left
        }

        .pricingboxes .largebox {
            box-shadow: 0 0 11px #eaf0f6;
            font-size: 0;
            margin-top: 32px;
            padding: 20px 35px 45px;
            background: #fff;
            border-radius: 3px
        }

        .pricingboxes .largebox .leftarea {
            width: 35%;
            text-align: center;
            vertical-align: top;
            display: inline-block;
            margin-right: 20px
        }

        .pricingboxes .largebox .leftarea figure,
        .starting-price {
            margin-bottom: 20px
        }

        .btn-packages {
            transform: translateY(0);
            transition: .4s;
            color: #fff;
            font-weight: 600;
            background: #dfb10c;
            border-radius: 3px;
            font-size: 16px;
            padding: 16px 20px;
            display: inline-block
        }

        .btn-packages:hover {
            transform: translateY(-.625rem);
            transition: .4s;
            color: #fff
        }

        .pricingboxes .largebox .rightarea {
            display: inline-block;
            width: 60%;
            padding-top: 32px
        }

        .pricingboxes .largebox .rightarea h4 {
            font-size: 24px;
            font-weight: 600
        }

        .pricingboxes .largebox .rightarea p {
            font-size: 16px;
            text-align: left;
            line-height: 1.4;
            padding-bottom: 30px
        }

        .pricingboxes .largebox .rightarea h3 {
            font-size: 16px;
            font-weight: 600;
            position: relative;
            overflow: hidden
        }

        .pricingboxes .largebox .rightarea h3:before {
            right: 0;
            content: "";
            position: absolute;
            height: 5px;
            margin-left: 10px;
            border-bottom: 1px solid #e0e6ed;
            top: 5px;
            width: 330px;
            z-index: -1
        }

        .ticklist {
            width: 100%;
            margin-bottom: 0;
            display: inline-block
        }

        .ticklist li {
            width: 50%;
            vertical-align: top;
            display: inline-block
        }

        .ticklist li a {
            color: #dfb10c;
            font-size: 16px;
            font-weight: 700
        }

        .ticklist li h6 {
            font-size: 20px;
            padding-bottom: 0
        }

        .smallboxes {
            padding-top: 32px;
            font-size: 0;
            text-align: center
        }

        .smallboxes .smallbox {
            vertical-align: top;
            min-height: 630px;
            display: inline-block;
            width: 31%;
            box-shadow: 0 0 11px #eaf0f6;
            padding: 30px 25px;
            background: #fff;
            border-radius: 3px;
            margin-bottom: 32px;
            margin-right: 25px
        }

        .smallboxes .smallbox figure img {
            height: 150px;
            width: 100%
        }

        .smallboxes .smallbox h4 {
            margin: 0 auto;
            font-size: 24px;
            font-weight: 600;
            text-align: center;
            max-width: 72%
        }

        .smallboxes .smallbox p {
            font-size: 16px;
            text-align: left;
            line-height: 1.4;
            padding-bottom: 0
        }

        .smallboxes .smallbox h3 {
            font-size: 16px;
            font-weight: 600;
            z-index: 99;
            text-align: center;
            position: relative
        }

        .smallboxes .smallbox .hrline {
            height: 1px;
            border-bottom: 1px solid #e0e6ed;
            margin: 30px 0
        }

        .ticklist2 li {
            font-size: 16px;
            padding: 0 0 7px 30px;
            text-align: left;
            position: relative
        }

        .ticklist2 li>ol {
            padding: 7px 0
        }

        .ticklist2 li span {
            margin-right: 12px;
            font-size: 15px;
            color: #dfb10c;
            position: absolute;
            left: 0;
            top: 4px
        }

        .smallboxes .smallbox .price-btnwrap {
            margin-top: 30px;
            text-align: center
        }

        .smallboxes .smallbox h2 {
            font-size: 34px;
            color: #dfb10c;
            padding-bottom: 0
        }

        .smallboxes .smallbox h2 span {
            display: block;
            color: #687087;
            font-size: 16px;
            font-weight: 600;
            margin-top: 5px
        }

        .smallbox.mid {
            margin: 0 32px
        }

        .aboutbg {
            background: #f2545b;
            background: -moz-linear-gradient(45deg, #f2545b 0, #ff7a59 100%);
            background: -webkit-linear-gradient(45deg, #f2545b 0, #ff7a59 100%);
            background: linear-gradient(45deg, #f2545b 0, #ff7a59 100%)
        }

        .dropdown>ul>li.seclvl:hover .seclvldrop {
            display: block;
            position: absolute;
            width: 200px;
            background: #fff;
            height: auto;
            top: -10px;
            padding: 10px 0;
            right: -200px;
            border: 1px solid #cbd6e2;
            border-radius: .1875rem
        }

        .dropdown>ul>li.seclvl .seclvldrop .droplist {
            z-index: 99;
            position: relative
        }

        .dropdown>ul>li.seclvl .seclvldrop .droplist:before {
            position: absolute;
            content: "";
            top: 5px;
            left: -12px;
            z-index: -1;
            background: #fff;
            -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg);
            border-radius: 5px
        }

        .dropdown>ul>li.seclvl .seclvldrop .droplist li a {
            color: #171717;
            font-size: 14px;
            text-decoration: none;
            padding: 8px 10px 8px 15px;
            display: block;
            font-weight: 400
        }

        .gclients {
            padding: 60px 0;
            position: relative
        }

        .gclients:before {
            position: absolute;
            content: "";
            border-bottom: 1px solid #f5f8fa;
            bottom: 0;
            width: 80%;
            margin: 0 auto;
            left: 0;
            right: 0
        }

        .gclients .textw h3 {
            font-size: 50px;
            font-weight: 700;
            padding-bottom: 0
        }

        .gclients .textw p {
            font-size: 18px;
            padding-bottom: 0
        }

        .gclients .clientslist {
            margin-top: 36px;
            display: inline-block;
            margin-bottom: 0;
            font-size: 0px
        }

        .gclients .clientslist li {
            margin: 0 15px;
            display: inline-block
        }

        .gclients .clientslist li figure img {
            width: 135px
        }

        .home__banner {
            position: relative;
            height: 80vh;
            overflow: hidden;
            display: flex;
            flex-flow: column;
            align-items: center;
            justify-content: center
        }

        .home__banner::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #0000008a;
            z-index: 1
        }

        .header-main,
        .header-main.showmenu {
            position: fixed
        }

        .home__banner video {
            position: absolute;
            top: 132px;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            transform: translateX(-40%) translateY(-32%);
            background: url(assets/images/our-banner.html) 0 0/cover no-repeat;
            transition: opacity 1s;
            z-index: 0
        }

        .header-main {
            background: #fff;
            padding: 5px 0
        }

        .header-main .othermenu {
            position: relative;
            display: inline-block;
            margin: 0
        }

        .header-main .othermenu li {
            margin-right: 15px;
            display: inline-block
        }

        .header-main .othermenu li h6 {
            color: #171717;
            font-size: 16px;
            margin-top: 8px;
            font-weight: 400;
            cursor: default
        }

        .header-main .othermenu li a {
            color: #fff;
            font-size: 17px;
            font-weight: 600
        }

        .header-main .othermenu li i {
            margin: 0 0 0 5px
        }

        .header-main .othermenu li .dropdown-menu ul li {
            width: 49%;
            margin: 0
        }

        .header-main .othermenu li .dropdown-menu ul li a:hover {
            background: #be8636;
            color: #fff
        }

        .header-main .othermenu li .dropdown-menu a .drop-icon-list p {
            padding: 0;
            font-size: 16px
        }

        .header-main .othermenu li .dropdown-menu a:hover .drop-icon-list img,
        .recognitionsec figure img,
        .single-review-slider .slick-arrow:hover::before {
            filter: brightness(0) invert(1)
        }

        .header-main .othermenu li .dropdown-menu a:hover .drop-icon-list {
            background: #5ca6e5
        }

        .header-main .othermenu li .dropdown-menu a .drop-icon-list h4 {
            font-size: 18px;
            font-weight: 500;
            color: #fff;
            font-family: "Titillium Web";
            margin: 0 0 0 8px
        }

        .header-main .othermenu li .dropdown-menu a .drop-icon-list {
            padding: 10px 0 10px 10px
        }

        .header-main .othermenu li .dropdown-menu ul li a {
            display: block;
            height: 40px;
            line-height: 40px;
            padding: 0 0 0 15px;
            margin: 0;
            transition: .3s ease-in-out
        }

        .header-main .othermenu li:hover .dropdown-menu {
            display: block;
            min-width: 920px;
            border: 2px solid #c7933d;
            padding: 0;
            left: -45%
        }

        .header-main .othermenu li .dropdown-menu a .drop-icon-list img {
            width: 65px;
            height: 65px;
            object-fit: cover;
            display: table;
            margin: 0 auto
        }

        .ourapproachsec {
            background: #f5f8fa;
            padding: 100px 0;
            overflow: hidden
        }

        .ourapproachsec h2,
        .portfolio-inner h2 {
            text-align: center;
            font-size: 36px;
            width: 100%;
            font-weight: 700;
            line-height: 1.2
        }

        .ourapproachsec p {
            text-align: center;
            font-size: 20px;
            width: 100%;
            padding-bottom: 60px;
            line-height: 1.4
        }

        .ourapproachsec .wrapper .chunk h3 {
            font-size: 24px;
            line-height: 1.2
        }

        .ourapproachsec .wrapper .chunk p {
            text-align: left;
            line-height: 1.4;
            font-size: 18px;
            padding-bottom: 0
        }

        .ourapproachsec figure img {
            border-radius: 3px;
            border: 1px solid #cbd6e2
        }

        .smallbox.mright {
            margin-right: 32px
        }

        .ourapproachsec .wrapper .cta h6,
        .ourprocesses .cta h6 {
            text-align: left;
            float: none;
            width: 100%
        }

        .ourapproachsec .wrapper .cta h6 a,
        .ourprocesses .cta h6 a {
            display: inline-block;
            margin-top: 0;
            margin-left: 20px
        }

        .ourprocesses .paright {
            height: 100%;
            position: relative;
            padding-right: 50px
        }

        .ourprocesses .processlistdown li {
            width: 33%;
            float: left;
            height: 200px;
            padding-right: 40px
        }

        .ourprocesses .processlistdown li .check {
            font-size: 26px;
            color: #dfb10c
        }

        .ourprocesses .processlistdown li h3 {
            font-size: 18px;
            text-transform: capitalize;
            margin-top: 10px;
            line-height: 1.4;
            padding-bottom: 15px
        }

        .ourprocesses .processlistdown li p {
            font-size: 14px;
            padding-bottom: 0
        }

        .ourprocesses .cta {
            padding: 0;
            position: absolute;
            margin-top: 60px;
            bottom: 0;
            background: 0 0
        }

        .logo img {
            width: 120px
        }

        .header-main .emailsec {
            transition: .4s;
            position: absolute;
            font-family: var(--primary-font-family);
            top: 24px
        }

        .header-main .emailsec a {
            position: relative;
            font-family: var(--primary-font-family);
            color: #171717;
            font-size: 14px;
            font-weight: 400;
            padding-left: 20px
        }

        .header-main .emailsec a span {
            left: 0;
            top: 3px;
            position: absolute
        }

        .innerservices .inner-banner .inner-banner-content {
            margin-top: 0;
            text-align: left
        }

        .innerservices .inner-banner .inner-banner-content h2,
        .innerservices .inner-banner .inner-banner-content h2 span,
        .servicepg .inner-banner .inner-banner-content h2,
        .servicepg .inner-banner .inner-banner-content h2 span {
            color: #171717
        }

        .innerservices .inner-banner .inner-banner-content h1 {
            color: #fff;
            font-size: 42px;
            line-height: 1.2;
            padding-bottom: 15px;
            text-shadow: none;
            border-bottom: none
        }

        .innerservices .inner-banner .inner-banner-content h1 span {
            color: #fff;
            font-size: 36px;
            display: block;
            font-weight: 300;
            margin-top: 10px;
            text-shadow: none
        }

        .servicepg .inner-banner-content {
            margin-top: 70px;
            display: block
        }

        .servicepg .inner-banner-content figure img.servicefigure {
            width: 550px
        }

        .servicepg .inner-banner {
            background: #fff0eb;
            position: relative
        }

        .servicepg .inner-banner .round1 {
            position: absolute;
            width: 90px;
            height: 90px;
            background: #7d4cc040;
            border-radius: 50%;
            top: 10%;
            left: 10%
        }

        .servicepg .inner-banner .round2 {
            position: absolute;
            width: 60px;
            height: 60px;
            background: #f58e6a69;
            border-radius: 50%;
            top: 33%;
            right: 10%
        }

        .servicepg .inner-banner .round3 {
            position: absolute;
            width: 120px;
            height: 120px;
            background: #b3de6178;
            border-radius: 50%;
            bottom: 10%;
            left: 22%
        }

        .servicepg .inner-banner .round4 {
            position: absolute;
            width: 40px;
            height: 40px;
            background: #6bdfd291;
            border-radius: 50%;
            bottom: 36%;
            right: 33%
        }

        .servicepg .inner-banner .round5 {
            position: absolute;
            width: 150px;
            height: 150px;
            background: #ffdd6ea3;
            border-radius: 50%;
            right: 10%;
            bottom: -10%
        }

        .servicepg .inner-banner .round6 {
            position: absolute;
            width: 50px;
            height: 50px;
            background: #69daced1;
            border-radius: 50%;
            left: 2%;
            top: 55%
        }

        .servicepg .inner-banner .round7 {
            position: absolute;
            width: 30px;
            height: 30px;
            background: #ec764e61;
            border-radius: 50%;
            right: 65%;
            bottom: 55%
        }

        .footer-top .linkinglist li a.address:hover,
        .form-box-main form input[type=file],
        .prce_box:hover .growth p,
        .smallnote {
            color: #091e42
        }

        .accordlist li {
            color: #687087;
            padding-left: 20px;
            position: relative
        }

        .accordlist li:before {
            content: "";
            position: absolute;
            left: 0;
            border-bottom: 1px solid #687087;
            width: 10px;
            height: 1px;
            top: 10px
        }

        .sale-blckfriday {
            position: fixed;
            z-index: 999;
            left: 20px;
            bottom: 120px;
            cursor: pointer;
            transition: .4s
        }

        .sale-blckfriday .salecrcle-btn {
            background: #fff;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            text-align: center;
            padding: 15px 0;
            transition: .4s;
            position: absolute;
            box-shadow: 0 5px 30px 0 #0000004d
        }

        .sale-blckfriday .salecrcle-btn h3 {
            color: #fb293f;
            font-size: 34px;
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s;
            position: relative;
            font-weight: 700
        }

        .sale-blckfriday .salecrcle-btn h3 span {
            display: block;
            width: 100%;
            font-size: 12px;
            color: #000
        }

        .sale-blckfriday .salecrcle-btn.open {
            padding: 30px 0;
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s
        }

        .sale-blckfriday .salecrcle-btn.open h3 {
            font-size: 0;
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s
        }

        .sale-blckfriday .salecrcle-btn.open h3:after {
            position: relative;
            content: "X";
            color: #fb293f;
            font-size: 38px;
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s
        }

        .sale-blckfriday .sale-box {
            width: 350px;
            margin: 0 0 20px;
            transition: .4s;
            height: 0;
            overflow: hidden;
            background: url(../img/sale.html) 0 0/cover no-repeat;
            border-radius: 10px;
            cursor: default
        }

        .sale-blckfriday .sale-box.open {
            height: 450px;
            overflow: visible;
            transition: .4s
        }

        .sale-blckfriday .sale-box.open a {
            position: absolute;
            transition: .4s;
            padding: 10px 0;
            font-size: 16px;
            bottom: 46px !important;
            width: 77%;
            background: #fff;
            color: #000;
            text-align: center;
            border-radius: 5px;
            margin: auto;
            display: inline-block;
            left: 0;
            right: 0
        }

        .portfolio-inner p {
            text-align: center;
            font-size: 20px;
            width: 100%;
            padding-bottom: 10px;
            line-height: 1.4
        }

        .portfolio-inner a.btn-secondary {
            margin: 60px auto 0
        }

        .portfoliolist {
            text-align: center;
            margin-bottom: 0;
            font-size: 0
        }

        .border-box-effect {
            position: relative;
            margin: 20px;
            display: inline-block;
            width: 43%
        }

        .border-box-effect img {
            width: 100%;
            border-radius: 3px
        }

        .border-box-effect:before {
            border-bottom: 3px solid #fff;
            border-left: 3px solid #fff;
            -webkit-transform-origin: 0 100%
        }

        .border-box-effect:after {
            border-top: 3px solid #fff;
            border-right: 3px solid #fff;
            -webkit-transform-origin: 100% 0%
        }

        .border-box-effect:after,
        .border-box-effect:before {
            width: calc(100% - 22px);
            height: calc(100% - 22px);
            content: "";
            position: absolute;
            top: 10px;
            left: 10px;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -o-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            z-index: 1
        }

        .border-box-effect>:after,
        .border-box-effect>:before {
            z-index: 2;
            display: none;
            position: absolute;
            top: 0;
            left: 0
        }

        .border-box-effect:hover:after,
        .border-box-effect:hover:before {
            -webkit-transform: scale(1)
        }

        .border-box-effect>* {
            position: relative;
            display: block
        }

        .border-box-effect>.new-anim:after {
            content: "\e92d";
            font-family: ingicdesign;
            color: #fb2224;
            font-size: 50px
        }

        .border-box-effect>:before {
            background: rgba(0, 0, 0, .2);
            content: "";
            width: 100%;
            height: 100%;
            -webkit-transition: .6s;
            -moz-transition: .6s;
            -o-transition: .6s;
            transition: .6s
        }

        .border-box-effect>:after {
            content: "+";
            font-size: 74px;
            color: #fff;
            text-align: center;
            bottom: 0;
            right: 0;
            margin: auto;
            width: 40px;
            height: 40px;
            line-height: 36px;
            font-weight: 200;
            -webkit-transition: .6s;
            -moz-transition: .6s;
            -o-transition: .6s;
            transition: .6s
        }

        .portfoliolist.portfoliolist-logo li {
            width: 100%;
            font-size: 0
        }

        .portfoliolist.portfoliolist-logo li>div {
            width: 50%;
            padding: 20px;
            display: inline-block
        }

        .portfoliolist.portfoliolist-logo .border-box-effect>div {
            -webkit-transition: -webkit-transform .5s;
            -moz-transition: -moz-transform .5s;
            transition: transform .5s
        }

        .portfoliolist.portfoliolist-logo .border-box-effect>div:hover {
            -webkit-transform: scale(1.1, 1.1);
            -moz-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
            -webkit-transition: -webkit-transform .5s;
            -moz-transition: -moz-transform .5s;
            transition: transform .5s
        }

        #packages option.colr {
            color: #dfb10c;
            font-weight: 700
        }

        .form-box-main p {
            text-align: left;
            font-size: 20px;
            width: 100%;
            padding-bottom: 30px;
            line-height: 1.4
        }

        .form-box-main form input::placeholder,
        .form-box-main form select::placeholder,
        .form-box-main form textarea::placeholder {
            color: #091e42
        }

        .smallnote {
            padding-bottom: 10px;
            display: inline-block
        }

        .nopaddding label {
            font-size: 16px !important;
            margin-left: -36px !important
        }

        .forarrowselect:after {
            position: absolute;
            content: "\e955";
            font-family: icomoon !important;
            bottom: 16px;
            right: 16px
        }

        .slick-next:before,
        .slick-prev:before {
            font-family: "Font Awesome 5 Pro" !important
        }

        .servicepg .inner-banner.justbg {
            background: url(assets/images/culture.html) top center/cover;
            position: relative
        }

        .logopg .helpsec {
            background: #7a23fa
        }

        .webpg .helpsec {
            background: #8933fa
        }

        .seopg .helpsec {
            background: #6b64cc
        }

        .mobpg .helpsec {
            background: #04113e
        }

        .videopg .helpsec {
            background: #120043
        }

        .btn-simplect {
            color: #dfb10c;
            font-size: 24px;
            font-weight: 600
        }

        ::-webkit-full-page-media,
        :root .safari_only,
        _:future {
            color: #5b6b7f;
            background-color: #fff
        }

        .introduction-sec {
            padding: 30px 0;
            background: url(../images//book-packages-cta.webp) center/cover no-repeat #fefefe
        }

        .introduction-sec .wrapper h3 {
            color: #fff;
            font-weight: 700;
            font-size: 40px;
            text-transform: uppercase
        }

        .introduction-sec .wrapper p {
            color: #fff;
            font-size: 18px;
            margin-bottom: 5px
        }

        .btn-theme-outline {
            transform: translateY(0);
            transition: .4s;
            color: #fff;
            background-color: transparent;
            padding: 10px 20px;
            border: 1px solid #be8636;
            border-radius: 6px;
            display: inline-block;
            margin-top: 20px;
            font-weight: 600;
            font-size: 18px
        }

        .built-sec,
        .mycta {
            padding: 60px 0 0;
            background: #f4f5f7
        }

        .btn-theme-outline:hover {
            transform: translateY(-.625rem);
            transition: .4s;
            color: #fff;
            background: -moz-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: -webkit-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: linear-gradient(to left, #be8636 0, #be863696 100%)
        }

        .mycta h2,
        .myprocess h2,
        .tools-sec h2 {
            color: #091e42;
            font-size: 36px;
            font-weight: 600;
            text-align: center
        }

        .mycta p,
        .tools-sec p {
            color: #c49102;
            font-weight: 400
        }

        .tools-sec p {
            font-size: 20px;
            padding-bottom: 30px
        }

        .tools-sec .seperator {
            width: 140px;
            height: 4px;
            background: #dfb10c;
            margin: 0 auto
        }

        .tools-sec .tbox {
            padding: 40px;
            margin-top: 30px;
            box-shadow: 5px 6px 30px #00000012;
            border-radius: 6px;
            min-height: 370px;
            position: relative;
            transition: .4s
        }

        .tools-sec .tbox:hover {
            background: #dfb10c;
            transform: translateY(-.625rem);
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s
        }

        .main-atls:hover .alts-box1 img.hver-img,
        .tools-sec .tbox:hover .tbox-icon img.hme-hvr-img {
            display: inline-block;
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s
        }

        .alts-box1 img.hver-img,
        .main-atls:hover .alts-box1 img.nmrl-img,
        .tbox-icon img.hme-hvr-img,
        .tools-sec .tbox:hover .tbox-icon img.hme-nmrl-img {
            display: none;
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s
        }

        .book-covers,
        .tools-sec .tbx {
            margin-top: 50px
        }

        .tbox-icon img {
            width: 50px;
            height: auto
        }

        .tools-sec .tbox h5 {
            color: #c49102;
            font-size: 20px;
            font-weight: 700;
            padding: 20px 0
        }

        .tools-sec .tbox p {
            text-align: left;
            color: #091e42;
            font-size: 16px;
            line-height: 1.5;
            padding-bottom: 30px
        }

        .tools-sec .tbox a {
            font-size: 16px;
            font-weight: 600;
            color: #dfb10c;
            position: absolute;
            bottom: 40px
        }

        .tools-sec figure {
            margin-bottom: 0;
            padding: 20px 0 0
        }

        .cta-dr .btnwrap {
            border-bottom: 1px solid #e5e8ec;
            padding: 0 0 60px
        }

        .mycta p {
            font-size: 20px;
            padding-bottom: 30px;
            width: 80%;
            margin: 0 auto
        }

        .blog-list-slider .slick-dots li,
        .ghst-writng-content a,
        .mycta .btnwrap a {
            margin: 0 10px
        }

        .introduction-sec2 figure img {
            width: 248px
        }

        .introduction-sec2 .wrapper h3 {
            color: #091e42;
            font-weight: 700;
            font-size: 40px;
            text-transform: uppercase
        }

        .introduction-sec2 .wrapper h3 span {
            color: #c49102;
            display: block;
            font-weight: 400;
            font-size: 16px;
            margin-bottom: 10px
        }

        .introduction-sec2 .wrapper p {
            color: #091e42;
            font-size: 18px;
            padding-bottom: 10px
        }

        .clientele-sec h2 {
            color: #091e42;
            font-size: 36px;
            font-weight: 600;
            padding: 0 0 30px
        }

        .myprocess p {
            color: #c49102;
            font-size: 20px;
            font-weight: 400;
            padding-bottom: 30px;
            margin: 0 auto
        }

        .built-sec p,
        .myprocess ul li p {
            padding-bottom: 0;
            text-align: center
        }

        .myprocess ul {
            width: 100%;
            font-size: 0px;
            margin-bottom: 0;
            margin-top: 40px
        }

        .myprocess ul li {
            width: 33.33%;
            text-align: center;
            padding: 0 15px;
            vertical-align: top
        }

        .myprocess ul li figure img {
            height: 140px
        }

        .myprocess ul li h3 {
            color: #253858;
            font-size: 20px
        }

        .myprocess ul li h3 span {
            display: block;
            color: #253858
        }

        .myprocess ul li p span {
            display: block;
            color: #c49102
        }

        .myprocess ul li p {
            color: #333;
            font-size: 16px;
            font-weight: 400;
            width: 100%
        }

        .built-sec {
            font-size: 0;
            text-align: center
        }

        .built-sec h2 {
            color: #253858;
            font-size: 36px;
            font-weight: 600;
            text-align: center
        }

        .built-sec p {
            color: #c49102;
            font-size: 20px;
            font-weight: 400;
            width: 70%;
            margin: 0 auto
        }

        .built-sec h5,
        .h5tile {
            font-size: 16px;
            margin-bottom: 20px
        }

        .built-sec h5 {
            color: #091e42;
            text-align: center;
            margin-top: 20px
        }

        .collaboration-sec .wrapper h2 {
            color: #fff;
            font-size: 36px;
            font-weight: 600;
            text-align: left
        }

        .collaboration-sec .wrapper p {
            color: #fff;
            font-size: 20px;
            text-align: left;
            font-weight: 400
        }

        .main-Ghost-book-writing-sec {
            margin-top: 70px;
            background: linear-gradient(135deg, #0079bf, #5067c5);
            height: 600px;
            padding: 100px 0 0
        }

        .Ghost-book-writing-content h1 {
            font-size: 50px;
            line-height: 48px;
            margin-bottom: 15px;
            font-weight: 700;
            color: #fff;
            position: relative
        }

        .Ghost-book-writing-content p,
        .fourth-sec-content p,
        .ghst-writng-content p,
        .git p,
        .info-content p,
        .main-ghst-sec p,
        .strt-cta p,
        .team-content p,
        .thierd-sec-content p,
        .works-content p {
            color: #fff;
            font-size: 22px;
            padding-top: 10px;
            line-height: 1.4
        }

        .custom-package p,
        .fologo img,
        .git-box1,
        .git-box2,
        .myprocess.main-ghst-sec ul li,
        .selected-box1,
        .selected-box2,
        .ser-box1,
        .ser-box2,
        .wrk-up a,
        .wrk-up a i {
            vertical-align: top
        }

        .hed h2,
        .info-content h3,
        .main-ghst-sec h3,
        .pricingTable h2,
        .strt-cta h3,
        .team-content h3,
        .works-content h3 {
            color: #fff;
            font-weight: 700;
            font-size: 36px
        }

        p.app-store a img {
            border-radius: .3em;
            box-shadow: 0 1px 0 #a5acb0;
            display: inline;
            height: 44px;
            margin: 0;
            opacity: .8;
            width: auto
        }

        p.app-store {
            margin-top: 11px
        }

        .strt-bg {
            background: #fff;
            background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(46%, #f7ecff), color-stop(74%, #d2ecff), to(#fff));
            background: linear-gradient(to bottom, #fff 0, #f7ecff 46%, #d2ecff 74%, #fff 100%);
            padding-bottom: 0
        }

        .main-strt-cta-sec {
            width: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative
        }

        .main-ghst-writng-first-sec:after,
        .main-strt-cta-sec:after {
            content: "";
            width: 100%;
            background-color: #0000008c;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            z-index: 1
        }

        .ghst-writng-content,
        .main-strt-cta-sec .strt-cta {
            z-index: 9;
            position: relative
        }

        .recognitionsec figure {
            text-align: center;
            margin-bottom: 0;
            width: 100%
        }

        .boxessec {
            background: #f8f8f8;
            padding: 80px 0
        }

        .boxessec .boxeswrap ul {
            font-size: 0px;
            margin-top: 40px;
            margin-bottom: 0;
            text-align: center
        }

        .boxessec .book-publishing-box-wrap ul li {
            min-height: 300px !important
        }

        .boxessec .script-writting-box-wrap ul li {
            min-height: 330px !important
        }

        .boxessec .boxeswrap ul li {
            vertical-align: top;
            margin: 0 13px;
            display: inline-block;
            min-height: 250px;
            position: relative;
            padding: 15px;
            width: 30%;
            border: 1px solid #e5e5e5;
            border-radius: 5px;
            -webkit-box-shadow: 0 0 4px rgb(0 0 0 / 25%);
            -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .25);
            box-shadow: 6px 8px 20px rgb(0 0 0 / 6%)
        }

        .boxessec .boxeswrap ul li.centerbox {
            margin: 0 22px
        }

        .boxessec .boxeswrap ul li .textwrap {
            width: 180px
        }

        .boxessec .boxeswrap ul li .textwrap h3 {
            font-size: 18px;
            color: #fff;
            margin-bottom: 8px;
            text-align: left
        }

        .boxessec .boxeswrap ul li .textwrap p {
            font-size: 14px;
            text-align: left
        }

        .boxessec .boxeswrap ul li .textwrap a {
            padding: 5px 10px;
            font-size: 14px;
            position: absolute;
            margin-top: 0;
            bottom: 20px;
            left: 13px
        }

        .boxessec .boxeswrap ul li figure {
            position: absolute;
            margin-bottom: 0;
            bottom: 0;
            right: 0
        }

        .boxessec .boxeswrap h2 {
            font-size: 40px;
            text-align: center
        }

        .boxessec .boxeswrap p {
            text-align: center;
            font-size: 18px;
            padding-bottom: 0
        }

        .h5tile {
            font-weight: 700;
            color: #fff
        }

        .quickservice {
            padding: 40px 0 !important
        }

        .quickservice .tls-sft {
            padding: 25px 40px;
            box-shadow: 5px 6px 30px #00000012;
            border-radius: 6px;
            min-height: 315px;
            position: relative
        }

        .quickservice .tls-sft h3 {
            color: #091e42;
            font-weight: 900;
            font-size: 20px;
            margin: 0
        }

        .boxessec .boxeswrap ul li .boxlist li {
            width: 100%;
            border-radius: 0;
            position: relative;
            border: none;
            box-shadow: none;
            height: auto;
            min-height: auto;
            padding: 0 0 5px 14px;
            font-size: 14px
        }

        .boxessec .boxeswrap ul li .boxlist li:before {
            content: "\e916";
            font-family: icomoon !important;
            position: absolute;
            left: -4px;
            top: 2px;
            font-size: 12px;
            color: #c59202
        }

        .hed p {
            color: #ffff;
            font-size: 22px;
            padding-top: 10px;
            line-height: 1.4
        }

        .boxnew {
            background: #cb9a40;
            padding: 20px;
            min-height: 586px;
            margin: 20px 0 0
        }

        .boxnew img {
            margin: 0 0 20px
        }

        .strugglesec {
            padding: 80px 0;
            background: #f8f8f8
        }

        .strugglesec h2 {
            text-align: left;
            width: 100%;
            font-size: 40px
        }

        .strugglesec p {
            padding-bottom: 0;
            font-size: 18px
        }

        .strugglesec ul li {
            width: 50%;
            padding-left: 30px;
            padding-right: 20px;
            line-height: 1.4;
            float: left;
            color: #fff;
            position: relative;
            font-size: 15px;
            padding-bottom: 10px
        }

        .strugglesec ul li:before {
            content: "\e962";
            content: "\e962";
            position: absolute;
            font-family: icomoon !important;
            left: 0;
            font-size: 16px;
            color: #be8636;
            display: table-cell;
            vertical-align: middle
        }

        .main-ghst-writng-first-sec {
            background-size: cover;
            width: 100%;
            position: relative;
            z-index: 2
        }

        .main-ghst-writng-first-sec ul {
            margin: 30px 0 40px
        }

        .ghst-writng-content h1,
        .our-team h1 {
            font-size: 50px;
            margin-bottom: 15px;
            font-weight: 700;
            color: #fff;
            position: relative
        }

        .ser-box2 h3,
        .ser-box2 h5 {
            margin: 0 0 20px;
            font-weight: 700
        }

        .main-ghst-writng-second-sec {
            background-color: #fce0d5;
            padding-top: 100px;
            background-size: 40%;
            background-repeat: no-repeat;
            background-position: right
        }

        .hompg .main-ghst-writng-second-sec {
            padding-top: 60px
        }

        .main-ser {
            font-size: 0px
        }

        .ser-box1 {
            width: 30%;
            font-size: 20px
        }

        .ser-box2 {
            width: 70%;
            padding-left: 25px
        }

        .ser-box2 h3 {
            color: #fff;
            font-size: 24px
        }

        .ser-box2 h5 {
            color: #091e42;
            font-size: 18px;
            max-width: 25%
        }

        .clients-slider3 {
            width: 100%;
            margin: 0;
            padding: 0
        }

        .ser-box2 ul li {
            color: #fff;
            font-size: 14px;
            padding-left: 20px;
            line-height: 1.8;
            display: block;
            position: relative
        }

        .ser-box2 ul li:before {
            content: "\f00c";
            position: absolute;
            left: 0;
            top: 6px;
            font-family: "Font Awesome 5 Pro";
            font-size: 12px;
            color: #be8636
        }

        .curve-container__curve {
            margin-bottom: 0;
            padding-bottom: 0;
            position: absolute;
            display: block
        }

        .fourth-sec-content h3,
        .git h3,
        .thierd-sec-content h3 {
            color: #ffff;
            font-weight: 700;
            font-size: 36px
        }

        .fifth-sec-img img {
            width: 60%
        }

        .slick-prev:before {
            content: "\f053"
        }

        .slick-next:focus:before,
        .slick-prev:focus:before {
            color: #37b8c7 !important
        }

        .slick-next:before {
            content: "\f054"
        }

        .slick-next,
        .slick-prev {
            width: 50px;
            top: 50%;
            height: 50px;
            background: #017b89;
            border-radius: 50%;
            box-shadow: 0 0 11px #eaf0f6
        }

        .main-atls,
        .main-atls:hover {
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            box-shadow: 5px 6px 30px #00000012
        }

        .slick-next:focus,
        .slick-prev:focus {
            outline: 0;
            background: #fff !important
        }

        .slick-next:hover,
        .slick-prev:hover {
            background: #fff !important;
            color: #245191 !important
        }

        .slick-next:hover:before,
        .slick-prev:hover:before {
            color: #245191
        }

        .slick-next {
            right: -70px
        }

        .slick-prev {
            left: -70px;
            z-index: 9
        }

        .git-main {
            font-size: 0px;
            padding: 25px 0 0
        }

        .git-box1 {
            width: 17%
        }

        .git-box2 {
            width: 83%
        }

        .git-box2 h3 {
            color: #fff;
            font-weight: 700;
            font-size: 24px
        }

        .git-box2 p {
            color: #fff;
            font-size: 16px;
            padding-top: 10px;
            line-height: 1.4
        }

        .main-belve-sec span,
        .main-team_work-sec span,
        .main-wkng-opn-sec span {
            color: #be8636;
            font-size: 18px;
            padding: 0 0 15px;
            line-height: 1.4;
            display: inline-block;
            text-transform: uppercase
        }

        .main-atls {
            font-size: 0;
            margin: 25px 0 0;
            transition: .4s;
            padding: 40px;
            vertical-align: middle;
            cursor: pointer;
            min-height: 214px;
            text-align: center;
            border-radius: 6px;
            background: #fff
        }

        .main-atls:hover {
            transition: .4s;
            transform: translateY(-.625rem);
            background: #be8636
        }

        .hart-bg:after,
        .hart-bg:before {
            position: absolute;
            bottom: 50px;
            width: 44%;
            background-size: auto 100%;
            height: 60%;
            display: block;
            content: ""
        }

        .hart-bg:after,
        .hart-bg:before,
        .main-wrkup-sec {
            background-repeat: no-repeat
        }

        .main-atls:hover .alts-box2 p {
            color: #fff;
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s
        }

        .alts-box1,
        .alts-box2 {
            width: 100%;
            vertical-align: middle
        }

        .alts-box1 img {
            width: 75px
        }

        .alts-box2 p {
            color: #000;
            font-size: 16px;
            padding: 15px 0 0;
            line-height: 1.4;
            font-weight: 600
        }

        .val_ues p {
            color: #c49102;
            font-size: 18px;
            padding: 0;
            line-height: 1.4
        }

        .hart-bg {
            background-color: #091e42
        }

        .hart-bg:before {
            background-image: url(assets/images/about-us/Customer_Eventbrite.html);
            left: -130px;
            background-position: bottom left
        }

        .hart-bg:after {
            background-image: url(assets/images/about-us/Customer_Kiva.html);
            right: -130px;
            background-position: bottom right
        }

        .vis-sec {
            padding: 40px;
            box-shadow: 1px 1px 6px rgba(0, 0, 0, .1);
            border-radius: 3px;
            min-height: 490px
        }

        .vis-sec h3 {
            color: #091e42;
            font-weight: 700;
            font-size: 22px
        }

        .vis-sec p {
            color: #c49102;
            font-size: 16px;
            padding-top: 10px;
            line-height: 1.4
        }

        .tls-wrap {
            padding: 35px 0 0;
            border-radius: 3px
        }

        .testimonials-slider .tls-sft {
            padding: 0 190px;
            border-radius: 6px;
            position: relative;
            text-align: center
        }

        .tls-sft {
            padding: 25px 40px;
            border-radius: 6px;
            min-height: 315px
        }

        .tls-sft .btn-theme {
            position: absolute;
            bottom: 40px
        }

        .testimonials-slider .slick-prev {
            left: 7%
        }

        .testimonials-slider .slick-next {
            right: 6%
        }

        .testimonials h2 {
            text-align: center;
            font-size: 54px;
            margin: 0;
            padding: 0
        }

        .tls-sft span {
            color: #be8636;
            font-size: 14px;
            padding: 0;
            line-height: 1.4;
            text-transform: uppercase
        }

        .tls-sft h3 {
            color: #091e42;
            font-weight: 500;
            font-size: 32px;
            font-style: italic;
            margin: 0 0 40px
        }

        .tls-sft p {
            color: #444;
            font-size: 16px;
            padding-top: 10px;
            line-height: 1.4
        }

        .tls-sft .img,
        .tls-sft h5 {
            font-size: 24px;
            display: inline-block;
            vertical-align: middle
        }

        .tls-sft .img {
            width: 70px;
            height: 70px;
            padding-top: 15px;
            border-radius: 50%;
            background: #be8636;
            color: #fff
        }

        .tls-sft .img img {
            width: 100%;
            margin-bottom: 30px
        }

        .tls-sft h5 {
            color: #be8636;
            padding: 0 0 5px 20px;
            text-align: left
        }

        .tls-sft h5 span {
            color: #333;
            display: block;
            text-transform: capitalize;
            font-size: 18px
        }

        .main-wrkup-sec {
            background-size: cover;
            width: 100%;
            height: 675px
        }

        .wrk-up-wrap {
            padding: 80px 0 143px
        }

        .cntc-form,
        .wrk-up {
            padding: 40px
        }

        .wrk-up h3 {
            color: #091e42;
            font-weight: 700;
            font-size: 36px
        }

        .wrk-up p {
            color: #c49102;
            font-size: 22px;
            padding-top: 10px;
            line-height: 1.4;
            position: relative;
            padding-bottom: 50px
        }

        .wrk-up p:before {
            content: "";
            position: absolute;
            background: #dfb10c;
            height: 4px;
            width: 150px;
            left: 0;
            bottom: 0
        }

        .wrk-up a {
            font-size: 16px;
            margin-top: 50px;
            display: inline-block;
            color: #dfb10c
        }

        .wrk-up a i {
            padding-right: 10px;
            font-size: 22px
        }

        .our-team {
            padding: 0 0 60px
        }

        .our-team h1:before {
            content: "";
            position: absolute;
            background: #be8636;
            height: 4px;
            width: 150px;
            left: 0;
            right: 0;
            bottom: -30px;
            margin: 0 auto
        }

        .team-box1 {
            padding: 30px
        }

        .team-box1 h3 {
            color: #fff;
            font-weight: 700;
            font-size: 20px;
            padding-bottom: 20px
        }

        .team-box1 p {
            color: #fff;
            font-size: 16px;
            line-height: 1.4;
            padding: 5px 0 20px
        }

        .team-box1 img {
            border-radius: 50%;
            background-color: #f4f5f7;
            width: 150px
        }

        .team-box1 a {
            margin: 30px 0;
            color: #be8636
        }

        .team-box1 a.team-lnk,
        .team-box1 span {
            display: block;
            margin: 0;
            font-size: 16px;
            color: #be8636
        }

        .team-box1.brdr:after,
        .team-box1.brdr:before {
            content: "";
            position: absolute;
            width: 1px;
            height: 435px;
            background-color: #ebecf0
        }

        .team-box1.brdr:before {
            left: 0;
            top: 0
        }

        .team-box1.brdr:after {
            right: 0;
            top: 0
        }

        .main-trst-rvw-sec,
        .sample-page .main-portfolio-sec {
            margin-top: 70px
        }

        .trst-rvw {
            padding: 0 0 40px
        }

        .trst-rvw h1 {
            font-size: 50px;
            margin-bottom: 15px;
            font-weight: 700;
            color: #091e42
        }

        .trst-rvw p {
            color: #c49102;
            font-size: 20px;
            font-weight: 400;
            padding-bottom: 0
        }

        .main-trst-rvw-sec .tls-sft {
            min-height: 355px;
            position: relative
        }

        .main-trst-rvw-sec .tls-wrap {
            padding: 0;
            margin: 0 0 30px
        }

        .main-trst-rvw-sec .tls-sft h5 {
            position: absolute;
            bottom: 25px;
            padding: 0
        }

        .wdt-80 {
            width: 76.5%;
            margin: 0 auto
        }

        .main-pricing-sec,
        .mytesti {
            margin-top: 131px
        }

        .custom-package .field-blank-clr {
            border: 1px solid #ccc;
            background: #fff;
            width: 100%;
            font-size: 14px;
            color: #636b6f;
            text-align: left;
            text-transform: capitalize
        }

        .custom-package .field-blank-clr:hover {
            border: 1px solid #ccc;
            background: #fff;
            box-shadow: none;
            z-index: 2;
            -webkit-transition: none;
            -webkit-transform: none;
            -ms-transition: none;
            -ms-transform: none;
            -moz-transition: none;
            -moz-transform: none;
            transition: none;
            transform: none
        }

        .custom-package p {
            display: inline-block;
            font-size: 14px;
            margin-bottom: 0;
            line-height: 100%;
            padding: 0
        }

        .pri-service>p {
            color: #091e42;
            font-size: 16px;
            padding: 15px 0 0
        }

        .custom-package input.cost_calc_row-2 {
            width: 100%;
            color: #5c6468;
            border-radius: 4px;
            font-weight: 700;
            padding: 15px 10px;
            text-align: left;
            opacity: 0;
            height: 59px;
            cursor: pointer;
            z-index: 9999
        }

        .parent input[type=checkbox] {
            float: none;
            position: relative;
            z-index: 999;
            height: 50px;
            opacity: 0
        }

        .custom-checkbox {
            background: #000;
            width: 100%;
            display: inline-block;
            border-radius: 3px
        }

        .custom-package input.cost_calc_row-2.cost_calc_calculate.single.cost_calc_active {
            background: #b8285a;
            background: -moz-linear-gradient(left, #b8285a 0, #a32974 50%, #90298b 100%);
            background: -webkit-linear-gradient(left, #b8285a 0, #a32974 50%, #90298b 100%);
            background: linear-gradient(to right, #b8285a 0, #a32974 50%, #90298b 100%);
            background-color: #a32974;
            color: #fff !important
        }

        .custom-package input.cost_calc_button {
            transform: translateY(0);
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s;
            color: #fff;
            background-color: #dfb10c;
            padding: 10px 20px;
            border-radius: 3px;
            display: inline-block;
            margin-top: 20px;
            font-weight: 600;
            font-size: 18px;
            text-transform: capitalize;
            cursor: pointer;
            width: 100%;
            border: 1px solid transparent
        }

        .custom-package input.cost_calc_button:hover {
            transform: translateY(-.625rem);
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s;
            color: #fff;
            background: #0047b3
        }

        .custom-package input.cost_calc_row-2:hover {
            box-shadow: none;
            -webkit-transition: none;
            -webkit-transform: none;
            -ms-transition: none;
            -ms-transform: none;
            -moz-transition: none;
            -moz-transform: none;
            transition: none;
            transform: none
        }

        .custom-package #cost_calc_breakdown_container {
            padding: 15px 20px;
            border-radius: 3px;
            border: 1px solid #d7d7d7;
            margin-top: 65px;
            width: 360px
        }

        .box-custom-package-2 {
            padding: 30px 30px 15px;
            border: 1px solid #a2a6a9;
            border-radius: 3px
        }

        .box-custom-package-2 input {
            margin: 0 0 15px;
            border-radius: 3px;
            padding: 10px 18px;
            border: 1px solid #a2a6a9;
            color: #a2a6a9
        }

        .box-custom-package-2 input::placeholder {
            color: #a2a6a9
        }

        .box-custom-package h4 {
            margin-top: 0;
            cursor: pointer;
            padding: 0;
            color: #091e42;
            font-size: 22px
        }

        .parent {
            height: 50px;
            margin: 0 0 15px
        }

        input.data-item-custom-quantity {
            width: 100%;
            height: 50px;
            border-radius: 3px;
            border: 1px solid #a2a6a9;
            padding: 15px 8px;
            outline: 0;
            color: #a2a6a9
        }

        .parent small {
            display: inline-block;
            text-align: right;
            width: 100%;
            padding-right: 15px;
            font-size: 13px
        }

        h3.breakdown-before-left {
            color: #091e42;
            font-weight: 700;
            font-size: 36px;
            padding: 15px
        }

        a[data-toggle=tooltip] {
            position: absolute;
            top: 44%;
            transform: translateY(-50%);
            left: -23px;
            color: grey;
            height: 16px;
            width: 16px;
            text-align: center;
            background-color: #eaeaea;
            border-radius: 50%;
            font-size: 10px;
            display: none;
            line-height: 18px
        }

        .home-banner-content.hme-bner-cntn input.submit,
        input.btn-theme {
            background: -moz-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: -webkit-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            border: 1px solid transparent !important
        }

        .more-less {
            float: right;
            color: #a2a6a9;
            position: relative;
            top: 0;
            font-size: 20px
        }

        #section1 h4,
        #section2 h4,
        #section3 h4,
        #section4 h4 {
            padding: 15px 0
        }

        .parent input[type=checkbox]:checked+span {
            border-color: #dfb10c;
            color: #dfb10c
        }

        div#custom-item-list div {
            border-bottom: 1px solid #a2a6a9;
            padding: 10px 0
        }

        .custom-package .item-detail-cart {
            font-size: 14px;
            display: inline-block;
            border: none;
            padding-bottom: 0;
            margin-bottom: 0;
            max-width: 80%;
            min-width: 80%;
            color: #091e42
        }

        .custom-package .item-price-cart {
            text-align: right;
            color: #dfb10c;
            width: 20%
        }

        p#custom-totalCost {
            font-size: 36px;
            color: #dfb10c;
            font-weight: 700;
            margin-bottom: 20px;
            padding-top: 15px
        }

        h4.margin-top-20.mad {
            font-size: 24px;
            color: #dfb10c;
            font-weight: 700
        }

        .box-cstm-pckge {
            position: absolute;
            width: 100%
        }

        .totl-cst {
            color: #091e42;
            font-weight: 700;
            font-size: 26px;
            text-align: center
        }

        .sction-hght .col-lg-10 {
            height: 65px
        }

        .floatbutton .clickbutton,
        .floatbutton2 .clickbutton2 {
            height: 270px;
            vertical-align: top;
            text-transform: uppercase;
            font-family: Poppins, sans-serif;
            font-weight: 700;
            display: inline-block;
            cursor: pointer
        }

        .fologo p {
            padding: 0;
            font-size: 14px
        }

        input.btn-theme {
            background: linear-gradient(to right, #1e6f5c 0, #289672 50%, #be8636 100%)
        }

        .info-content {
            text-align: center;
            padding: 0 100px 10px
        }

        .home-banner-content.hme-bner-cntn input.submit {
            margin-top: 0;
            background: linear-gradient(to left, #be8636 0, #be863696 100%);
            font-size: 16px;
            height: 50px;
            padding: 9px 86px 19px !important;
            border-radius: 0 5px 5px 0
        }

        .home-banner-content.hme-bner-cntn input {
            font-size: 16px !important
        }

        .main-princing-sec-hme .smallboxes .more-less {
            font-size: 20px;
            top: 0
        }

        .main-y-selectd p {
            color: #091e42;
            font-size: 16px;
            padding: 0 0 20px
        }

        .main-selected-product {
            font-size: 0px;
            background: #ebecf0;
            padding: 20px 10px 20px 20px;
            border-radius: 6px
        }

        .selected-box1 {
            display: inline-block;
            width: 87%
        }

        .selected-box1 h4 {
            font-size: 16px;
            padding: 0
        }

        .selected-box1>h4 small {
            display: block;
            color: #091e42;
            font-size: 16px;
            padding: 10px 0 0 20px
        }

        .selected-box2 {
            display: inline-block;
            width: 13%
        }

        .banner-home .bullet-points {
            text-align: center;
            margin: 10px 0
        }

        .banner-home .bullet-points li .text_off {
            animation: 1s linear infinite blinker;
            box-sizing: border-box;
            color: #5ca6e5;
            font-size: 22px;
            font-weight: 700;
            line-height: 15px;
            margin: 0;
            padding: 0;
            text-align: center;
            text-shadow: rgb(255 255 255 / 27%) 0 -1px 1px;
            word-wrap: break-word
        }

        .banner-home .bullet-points li {
            font-size: 16px;
            color: #fff;
            display: inline-block;
            padding: 0 20px;
            margin: 0 0 5px;
            position: relative
        }

        .banner-home .bullet-points li:before {
            content: "\f336";
            font-family: "Font Awesome 5 Pro";
            color: #be8636;
            position: absolute;
            left: -5px;
            font-size: 18px
        }

        .floatbutton.active {
            right: 0;
            z-index: 11;
            transition: .4s
        }

        .floatbutton .banner-form button,
        .floatbutton2 .banner-form button {
            padding: 0;
            background-color: #017b89 !important;
            opacity: 1;
            color: #fff;
            width: 25px;
            height: 25px;
            border-radius: 100%;
            z-index: 11;
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 14px;
            border: none
        }

        .floatbutton {
            transition: .4s;
            position: fixed;
            right: -370px;
            top: 16%;
            font-size: 0;
            width: 420px;
            z-index: 99999
        }

        .floatbutton .clickbutton {
            border-radius: 50px 0 0 50px;
            width: 50px;
            z-index: 999;
            box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, .09);
            padding-top: 0;
            background: #017b89;
            margin-top: 198px;
            color: #fff;
            font-size: 14px;
            position: relative;
            box-shadow: 8px 16px 50px 0 rgba(255, 127, 0, .27);
            -ms-box-shadow: 0 0 40px #00000026;
            -o-box-shadow: 0 0 40px #00000026
        }

        .floatbutton .clickbutton .crossplus:before,
        .floatbutton2 .clickbutton2 .crossplus:before {
            content: "";
            display: none;
            position: absolute;
            width: 20px;
            height: 2px;
            right: 0;
            background: #fbb334;
            z-index: 99;
            top: 0;
            left: 0;
            bottom: 0;
            margin: auto
        }

        .floatbutton .clickbutton .crossplus:after,
        .floatbutton2 .clickbutton2 .crossplus:after {
            content: "";
            display: none;
            position: absolute;
            width: 2px;
            height: 20px;
            right: 0;
            background: #fab334;
            z-index: 99;
            top: 0;
            left: 0;
            bottom: 0;
            margin: auto
        }

        .floatbutton .clickbutton .crossplus {
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s;
            position: absolute;
            display: block;
            transform: rotate(-90deg);
            font-size: 14px;
            color: #fff;
            left: -125%;
            white-space: pre;
            bottom: 122px;
            font-weight: 700
        }

        .floatbutton .clickbutton .crossplus i,
        .floatbutton2 .clickbutton2 .crossplus i {
            font-size: 18px;
            color: #f43535;
            margin: 17px 0 0 15px
        }

        .floatbutton .banner-form {
            background: #303030;
            padding: 30px;
            position: relative;
            z-index: 9;
            border-radius: 5px 0 0 5px;
            margin: 110px 0 0;
            width: 370px;
            border: 2px solid #000;
            display: inline-block;
            box-shadow: 0 0 30px #0000001f
        }

        .floatbutton .banner-form .ban-form input {
            width: 100%;
            margin: 0 0 15px;
            border: 1px solid #017b89;
            background: 0 0;
            padding: 10px 15px;
            color: #fff;
            font-size: 16px;
            border-radius: 3px;
            height: 50px;
            font-weight: 400;
            outline: 0 !important
        }

        .floatbutton2 .banner-form .ban-form input:placeholder {
            color: #fff
        }

        .floatbutton .banner-form .ban-form input:placeholder {
            color: #fff
        }

        .floatbutton .banner-form h3,
        .floatbutton2 .banner-form h3 {
            color: #fff;
            font-size: 24px;
            margin-bottom: 20px
        }

        .floatbutton .banner-form .ban-form input[type=submit] {
            color: #fff;
            font-weight: 600;
            background: #017b89;
            border-radius: 3px;
            text-align: center;
            padding: 10px 15px;
            margin: 20px 0 0;
            border: transparent
        }

        .floatbutton .banner-form .ban-form textarea,
        .floatbutton2 .banner-form .ban-form textarea {
            width: 100%;
            border: 1px solid #e5e5e5;
            background: #fff;
            padding: 10px 15px;
            color: gray;
            font-size: 14px;
            border-radius: 3px;
            font-weight: 400;
            height: 120px;
            outline: 0 !important;
            margin: 15px 0 0
        }

        .floatbutton .btns_wrap .call_wrap,
        .floatbutton .btns_wrap .chat_wrap {
            box-shadow: 0 0 11px #eaf0f6;
            border-radius: 50px 0 0 50px;
            right: -230px;
            width: 280px;
            padding: 0;
            position: absolute;
            overflow: hidden
        }

        .floatbutton .btns_wrap {
            position: fixed;
            right: -6px
        }

        .floatbutton .btns_wrap a:hover {
            text-decoration: none !important;
            right: 0;
            background: #303030
        }

        .floatbutton .btns_wrap .call_wrap {
            top: 120px;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -ms-transition: .3s;
            -o-transition: .3s;
            transition: .3s
        }

        .floatbutton .btns_wrap .call_wrap span {
            color: #fff;
            font-size: 20px;
            vertical-align: middle;
            background: #303030;
            padding: 15px 20px 15px 15px
        }

        .floatbutton .btns_wrap .chat_wrap {
            display: block;
            top: 40px;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -ms-transition: .3s;
            -o-transition: .3s;
            transition: .3s
        }

        .floatbutton .btns_wrap .call_wrap span.icoo,
        .floatbutton .btns_wrap .chat_wrap span.icoo {
            color: #fff;
            font-size: 18px;
            padding: 18px 16px 16px;
            border-right: none;
            vertical-align: middle;
            display: inline-block;
            border-radius: 0;
            background: #017b89;
            box-shadow: 8px 16px 50px 0 rgb(55 184 199) !important;
        }

        .floatbutton .btns_wrap .chat_wrap span {
            color: #fff;
            font-size: 20px;
            vertical-align: middle;
            background: #303030;
            padding: 15px 30px 15px 15px
        }

        .countdown {
            display: block;
            width: 65%;
            text-align: center;
            color: #fff;
            font-size: 22px;
            margin-top: 6px;
            padding: 5px 0;
            border: 2px solid #fff;
            border-right: 0;
            border-left: 0;
            border-radius: 6px;
            animation: 1s linear infinite bf-animate-2
        }

        .floatbutton2 {
            transition: .4s;
            position: fixed;
            left: -375px;
            top: 40%;
            font-size: 0;
            width: 420px;
            transform: translateY(-50%);
            z-index: 9;
            display: flex;
            flex-direction: row-reverse
        }

        .floatbutton2 .clickbutton2 {
            border-radius: 0 50px 50px 0;
            width: 50px;
            z-index: 999;
            padding-top: 0;
            background: #017b89;
            margin-top: 198px;
            color: #fff;
            font-size: 14px;
            position: relative;
            box-shadow: 8px 16px 50px 0 rgb(55 184 199);
            -ms-box-shadow: 0 0 40px #00000026;
            -o-box-shadow: 0 0 40px #00000026
        }

        .floatbutton2 .clickbutton2 .crossplus {
            transition: .4s;
            position: absolute;
            display: block;
            transform: rotate(-90deg);
            font-size: 14px;
            color: #fff;
            left: -80%;
            white-space: pre;
            bottom: 122px;
            font-weight: 700
        }

        .floatbutton2 .banner-form {
            background: #303030;
            padding: 30px;
            position: relative;
            z-index: 9;
            border-radius: 5px 0 0 5px;
            margin: 110px 0 0;
            width: 370px;
            display: inline-block;
            box-shadow: 0 0 30px #0000001f;
            border: 2px solid #000
        }

        .black_friday,
        .black_friday .black_friday_top {
            box-shadow: 0 0 1px 2px #e50b48, 0 0 1px 2px #e50b48 inset;
            color: #fff;
            display: flex
        }

        .floatbutton2 .banner-form .ban-form input {
            width: 100%;
            margin: 0 0 15px;
            border: 1px solid #017b89;
            background: 0 0;
            padding: 10px 15px;
            color: #fff;
            font-size: 16px;
            border-radius: 3px;
            height: 50px;
            font-weight: 400;
            outline: 0 !important
        }

        .floatbutton2 .banner-form .ban-form input[type=submit] {
            color: #fff;
            font-weight: 600;
            border-radius: 3px;
            text-align: center;
            background: #017b89;
            padding: 10px 15px;
            margin: 20px 0 0;
            border: transparent
        }

        .floatbutton2.active {
            left: 0;
            z-index: 11;
            transition: .4s
        }

        .black_friday {
            width: 250px;
            padding: 10px 0;
            height: auto;
            background: url(assets/images/black-friday-bg.webp);
            position: fixed;
            bottom: 30px;
            left: 20px;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            border: 2px solid #fff;
            filter: drop-shadow(0px 0px 5px #e50b48);
            z-index: 9999;
            cursor: pointer;
            animation: 1s linear infinite bf-animate
        }

        .conter-cont-box,
        .conter-img-box,
        .popup .wrapper>div {
            display: inline-block;
            vertical-align: middle
        }

        .prc_boxess,
        .prce_box {
            box-shadow: 5px 6px 30px #00000012;
            position: relative
        }

        @keyframes bf-animate {

            0%,
            100% {
                filter: drop-shadow(0px 0px 5px #e50b48);
                transform: translateY(-5px)
            }

            50%,
            80% {
                filter: drop-shadow(0px 0px 5px #5ca6e5);
                box-shadow: 0 0 1px 2px #5ca6e5, 0 0 1px 2px #5ca6e5 inset;
                border-color: #000;
                transform: translateY(0);
                border-radius: 25px
            }
        }

        @keyframes bf-animate-2 {

            0%,
            100% {
                filter: drop-shadow(0px 0px 5px #e50b48)
            }

            50% {
                filter: drop-shadow(0px 0px 5px #5ca6e5);
                box-shadow: 0 0 1px 2px #5ca6e5, 0 0 1px 2px #5ca6e5 inset;
                border-color: #000;
                transform: translateX(0)
            }

            80% {
                filter: drop-shadow(0px 0px 5px #5ca6e5);
                box-shadow: 0 0 1px 2px #5ca6e5, 0 0 1px 2px #5ca6e5 inset;
                border-color: #000
            }
        }

        .black_friday h2 {
            font-size: 25px !important;
            -webkit-text-stroke: 1.5px #56575b;
            text-shadow: 1px 2px 15px #56575b;
            filter: drop-shadow(0px 0px 25px #56575b);
            font-weight: 500;
            padding: 0;
            color: #fff;
            font-family: Yantramanav, sans-serif
        }

        .prce_box h3,
        .prce_box h4 {
            font-family: arial !important
        }

        .black_friday h2 span {
            padding-left: 5px;
            -webkit-text-stroke: 0px #5ca6e5;
            text-shadow: 1px 2px 15px #5ca6e5;
            filter: drop-shadow(0px 0px 25px #e50b48);
            color: #fff;
            font-family: Yantramanav, sans-serif
        }

        .black_friday .black_friday_top {
            width: 80px;
            height: 34px;
            background: 0 0;
            border: 2px solid #fcffeb;
            justify-content: center;
            align-items: center;
            border-radius: 5px;
            filter: drop-shadow(0px 0px 5px #e70046);
            margin-bottom: 5px;
            animation: 1s linear infinite bf-animate-2
        }

        .black_friday .black_friday_top p {
            font-size: 20px !important;
            margin-bottom: 0;
            color: #fff;
            font-family: Yantramanav, sans-serif;
            padding: 0
        }

        .black_friday #veteran-countdown {
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            width: 80%;
            margin-top: 6px;
            padding: 5px 0;
            border: 2px solid #fff;
            border-right: 0;
            border-left: 0;
            border-radius: 6px
        }

        .black_friday #veteran-countdown .veteran-counter span.ping {
            font-size: 18px !important;
            font-weight: 600;
            color: #fff;
            margin: 0;
            padding: 0;
            display: flex;
            border-radius: 4px;
            justify-content: center;
            align-items: center;
            font-family: Yantramanav, sans-serif
        }

        @keyframes ping {
            0% {
                filter: drop-shadow(1px 1px 10px #e50b48)
            }

            50% {
                filter: unset
            }

            100% {
                filter: drop-shadow(1px 1px 10px #fff)
            }
        }

        .black_friday #veteran-countdown .veteran-counter span::before {
            content: attr(b);
            display: block;
            text-shadow: 0 0 12px rgb(238 238 238 / 50%), 0 0 32px rgb(238 238 238 / 30%), 0 24px 48px rgb(238 238 238 / 10%), 0 -24px 48px rgb(238 238 238 / 10%)
        }

        .black_friday #veteran-countdown .veteran-counter b {
            font-size: 14px !important;
            font-weight: 800;
            letter-spacing: 1px;
            font-family: Montserrat, sans-serif;
            margin: 0;
            padding: 0
        }

        @media screen and (max-width:1024px) {
            .black_friday {
                width: 200px;
                height: 129px
            }

            .black_friday .black_friday_top {
                width: 72px;
                height: 30px
            }

            .black_friday .black_friday_top p {
                font-size: 18px !important
            }

            .black_friday h2 {
                font-size: 22px !important
            }

            .banner-home::before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: rgb(55 69 80 / 80%)
            }
        }

        @media screen and (max-width:767px) {
            .black_friday {
                width: 159px;
                height: 122px
            }

            .black_friday h2 {
                font-size: 20px !important
            }

            .black_friday #veteran-countdown .veteran-counter span.ping {
                font-size: 16px !important
            }

            .black_friday .black_friday_top {
                width: 60px;
                height: 28px
            }
        }

        .clientele-sec ul {
            font-size: 0px;
            list-style: none;
            margin: 0
        }

        .cntc-form h3 {
            color: #091e42;
            font-size: 36px;
            font-weight: 600
        }

        .small-a {
            text-transform: lowercase
        }

        .cntc-form p {
            color: #be8636;
            font-size: 18px;
            line-height: 1.3
        }

        .fortest {
            height: 145px
        }

        .main-counter-sec {
            padding: 0 70px;
            background: #f6f6f6;
            border-top: 1px solid #e2e2e2
        }

        .quick-ser {
            height: 100px
        }

        .counter-box1 {
            font-size: 0px;
            vertical-align: middle;
            padding: 30px 10px
        }

        .conter-img-box {
            width: 25%
        }

        .conter-img-box figure {
            margin: 0;
            border-radius: 100%
        }

        .conter-img-box figure img {
            margin: 0 auto;
            text-align: center;
            display: block;
            padding: 4px 0
        }

        .conter-cont-box {
            width: 75%;
            padding: 0 0 0 20px
        }

        .conter-cont-box p {
            font-size: 16px;
            padding: 0;
            color: #3a3a3a;
            font-weight: 600;
            line-height: 18px
        }

        .conter-cont-box p span {
            color: #3a3a3a;
            display: block
        }

        .prce_box b {
            color: #dfb10c;
            font-weight: 700;
            font-size: 14px;
            padding: 0;
            display: block
        }

        .prce_box h3 {
            color: #091e42;
            font-weight: 700;
            font-size: 20px;
            padding: 0 0 20px
        }

        .prce_box h3 span {
            display: block;
            font-size: 14px;
            color: #091e42;
            font-weight: 400;
            padding-top: 5px
        }

        .prce_box ul li.pck-heading {
            font-size: 18px;
            font-weight: 700
        }

        .prce_box h4 {
            color: #091e42;
            font-weight: 700;
            font-size: 22px;
            padding: 0
        }

        .prce_box a {
            font-size: 14px;
            font-weight: 700;
            margin: 25px 0 0;
            display: inline-block;
            padding: 10px 25px
        }

        .prce_box p {
            line-height: 18px;
            font-size: 14px;
            color: #a3a3a3;
            margin: 0;
            padding: 0
        }

        .prce_box a.confused {
            font-size: 14px;
            color: #be8636;
            margin: 15px 0 0;
            padding: 0
        }

        .prce_box a.confused i {
            padding: 0 2px 0 10px
        }

        .prc_boxess {
            background: #fff;
            padding: 27px 20px 20px;
            border-radius: 6px;
            border: 1px solid transparent;
            min-height: 150px;
            font-size: 0px;
            margin: 15px 0;
            transition: .4s
        }

        .prce_box {
            text-align: center;
            background: #fff;
            padding: 20px;
            border-radius: 6px;
            border: 1px solid transparent;
            min-height: 350px;
            font-size: 0px;
            margin: 20px 15px 25px;
            transition: .4s
        }

        .prce_box.bst-slr:after {
            content: "BEST SELLER";
            color: #fff;
            font-size: 12px;
            font-weight: 700;
            vertical-align: middle;
            padding: 7px 10px;
            text-indent: -15px;
            display: block;
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            height: 35px;
            width: 180px;
            background-color: red;
            position: absolute;
            border: 2px solid #b70000;
            box-shadow: 2px 1px 7px -1px #b70000;
            right: -62px;
            top: 23px
        }

        .growth p small:before,
        .prce_box ul li:before {
            position: absolute;
            top: 9px;
            border-radius: 50%;
            content: ""
        }

        .prce_box ul {
            text-align: left;
            margin: 0;
            padding: 20px 0
        }

        .prce_box ul li {
            display: block !important;
            font-size: 14px;
            color: #091e42;
            position: relative;
            padding-left: 20px;
            margin: 0 !important
        }

        .prce_box ul li:before {
            left: 0;
            width: 6px;
            height: 6px;
            background: #be8636
        }

        .pck-scrl {
            height: 125px
        }

        .prtf-srl {
            height: 245px
        }

        .pck-scrl .mCustomScrollBox {
            padding: 0 15px 0 0
        }

        .growth {
            background: #f4f6f8;
            padding: 15px;
            border-radius: 6px;
            text-align: left
        }

        .growth p {
            padding: 10px 0 0;
            color: #091e42
        }

        .growth p small {
            font-size: 14px;
            position: relative;
            padding: 0 0 0 15px
        }

        .growth p small:before {
            left: 5px;
            width: 4px;
            height: 4px;
            background: #091e42
        }

        .icn-box-ser {
            display: inline-block;
            width: 7%;
            vertical-align: middle
        }

        .ys-container,
        .ys-layer {
            display: none;
            position: fixed;
            height: 100%;
            top: 0;
            left: 0
        }

        .prc_boxess .small-serces {
            display: inline-block;
            width: 70%;
            vertical-align: middle;
            padding: 0 10px 0 15px
        }

        .growth.grwth a {
            margin: 0 0 0 10px;
            background: #03d0dd;
            padding: 3px 10px;
            border-radius: 6px;
            font-size: 10px;
            color: #fff
        }

        .prc_boxess .plus-pri {
            display: inline-block;
            width: 23%;
            vertical-align: middle;
            text-align: center
        }

        .prc_boxess .plus-pri p {
            font-size: 20px;
            font-weight: 700;
            padding: 0 0 14px;
            color: #091e42
        }

        .prc_boxess .plus-pri a {
            font-size: 14px;
            font-weight: 700;
            display: block;
            padding: 10px
        }

        .portfolio-box ul li {
            display: inline-block;
            margin: 0 30px 0 0
        }

        .ys-layer {
            opacity: .7;
            width: 100%;
            z-index: 1000
        }

        .ys-container {
            width: 100%;
            background-color: rgba(0, 0, 0, .5);
            z-index: 9999
        }

        .ys-box {
            margin: 0 auto;
            position: relative;
            top: 43.5%;
            transform: translateY(-50%);
            border-radius: 10px 10px 20px 20px;
            transition: height .2s ease-in-out
        }

        .ys-popup-close {
            position: absolute;
            color: #000;
            text-align: center;
            font-size: 17px;
            text-decoration: none;
            display: block;
            right: 20px;
            top: 20px;
            font-weight: 700
        }

        .ys-container.finished .ys-popup-close {
            width: 40px;
            height: 40px;
            text-indent: 0
        }

        .ys-popup-content {
            display: none;
            padding: 20px 40px;
            background: #f5f5f5;
            border-radius: 0 0 10px 10px
        }

        .ys-popup-close:hover {
            text-decoration: none;
            color: red
        }

        .ys-box {
            border-top: 5px solid #524a61;
            height: 574px;
            width: 572px !important;
            background: 0 0/cover #f5f5f5;
            padding: 0
        }

        .ys-box .mainbann {
            border-radius: 20px 20px 0 0;
            width: 100%
        }

        .popupform h2 {
            color: #1a74f0;
            font-size: 26px;
            font-weight: 400
        }

        .popupform h2 span {
            color: #ea2d62
        }

        .popupform p {
            color: #c49102;
            font-size: 18px;
            padding: 0 0 8px;
            text-align: center
        }

        .popupform form p {
            color: #c49102;
            font-size: 14px;
            font-weight: 500
        }

        .popupform form p span {
            color: #0c71f4
        }

        p.small {
            font-size: 14px;
            color: #000;
            text-align: center;
            display: block
        }

        .popupform form .fldst {
            margin: 0;
            display: block;
            width: 100%
        }

        .popupform form .fldst .intl-tel-input {
            width: 100%;
            margin-bottom: 15px
        }

        .popupform form .fldst.btnattach button {
            outline: 0;
            position: relative;
            bottom: 0;
            border: 0;
            display: block;
            right: 0;
            background: #dfb10c;
            width: 100%;
            height: 50px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 16px;
            color: #fff
        }

        .popupform form .lst-p {
            text-align: center;
            padding: 15px 0
        }

        .popupform form input {
            width: 100%;
            margin: 0 0 15px;
            border: 1px solid #e5e5e5;
            background: #fff;
            padding: 10px 15px;
            color: gray;
            font-size: 14px;
            border-radius: 5px;
            height: 50px;
            font-weight: 400;
            outline: 0 !important
        }

        .popupform h3 {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            margin: 0 auto 10px;
            display: block;
            width: 55%;
            text-align: center;
            background: #524a61;
            color: #fff;
            border-radius: 0 0 10px 10px;
            padding: 10px;
            font-size: 30px
        }

        .popupform figure {
            text-align: center;
            margin: 20px 0 0
        }

        .popupform figure img {
            width: 30%
        }

        .fldst textarea {
            width: 100%;
            border: 1px solid #e5e5e5;
            background: #fff;
            padding: 10px 15px;
            color: gray;
            font-size: 14px;
            border-radius: 5px;
            font-weight: 400;
            outline: 0 !important;
            margin: 0 0 15px;
            resize: none;
            height: 100px
        }

        .ghostwriting-page .clientele-sec {
            background-color: #f4f5f7
        }

        .terms_cond_inner h5 {
            color: #ca983f;
            font-size: 26px
        }

        .terms_cond_inner p {
            color: #fff;
            font-size: 14px;
            line-height: 1.4
        }

        .terms_cond_inner ul li {
            display: block;
            color: #fff;
            font-size: 14px;
            line-height: 26px;
            position: relative
        }

        .terms_cond_inner ul li:before {
            content: "";
            position: absolute;
            left: -15px;
            top: 10px;
            width: 6px;
            height: 6px;
            background: #ca973f;
            border-radius: 50%
        }

        .mst-inr ul li,
        ul.artcle-lst li {
            position: relative;
            padding: 0 0 0 25px
        }

        .tbs-inner-srvcess h3 {
            color: #c9963e;
            font-weight: 700;
            font-size: 30px
        }

        .tbs-inner-srvcess p {
            color: #fff;
            font-size: 22px;
            padding-top: 10px;
            line-height: 1.4;
            font-weight: 400
        }

        .tbs-inner-srvcess .portfolio-box ul li {
            position: relative;
            padding: 0 0 0 25px;
            font-size: 16px;
            color: #fff
        }

        .mst-inr ul li:before,
        .tbs-inner-srvcess .portfolio-box ul li:before,
        ul.artcle-lst li:before {
            position: absolute;
            font-size: 12px;
            left: 0;
            content: "\f00c"
        }

        .tbs-inner-srvcess .portfolio-box ul li:before {
            font-family: "Font Awesome 5 Pro";
            top: 5px;
            color: #be8636
        }

        .mst-inr ul li {
            display: block;
            font-size: 18px;
            color: #3a3a3a;
            line-height: 30px
        }

        .mst-inr ul li:before {
            top: 1px;
            font-family: fontawesome;
            color: #39ed92
        }

        ul.artcle-lst li {
            font-size: 16px;
            color: #fff;
            display: block
        }

        ul.artcle-lst li:before {
            top: 5px;
            font-family: "Font Awesome 5 Pro";
            color: #be8636
        }

        .myprocess.main-arcle-sec ul li {
            width: auto;
            text-align: left;
            padding-right: 0
        }

        .myprocess.main-arcle-sec .prce_box {
            min-height: 600px;
            margin: 20px 0
        }

        .myprocess.main-arcle-sec .prtf-srl {
            height: 368px
        }

        .myprocess .tbs-inner-srvcess .portfolio-box .pr-hdr {
            color: #091e42;
            font-weight: 700;
            font-size: 20px;
            padding: 20px 0 10px
        }

        .myprocess.main-arcle-sec .prce_box p {
            font-size: 15px;
            color: #091e42
        }

        .mobile-cta {
            position: fixed;
            bottom: 1.5%;
            z-index: 14;
            left: 3%;
            -webkit-transition: .6s;
            -moz-transition: .6s;
            -o-transition: .6s;
            transition: .6s;
            display: none
        }

        .mobile-cta .xicon {
            font-size: 24px;
            color: #fff;
            text-align: center;
            width: 50px;
            height: 50px;
            display: block;
            border-radius: 50%;
            border: 4px solid #dfb10c;
            background: #b71f1f;
            padding-top: 4px;
            text-decoration: none
        }

        .clientsLogo img {
            width: 80%;
            height: 100px;
            object-fit: scale-down
        }

        .clientsLogo {
            background: #500a0a;
            padding: 30px 0
        }

        .bg-detail {
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover
        }

        .inline-block>li,
        .tab-style-1 ul li {
            display: inline-block;
            margin-right: 10px
        }

        .btn-style-3 {
            color: #000;
            font-weight: 600;
            background-color: #fff;
            border: 1px solid #fff;
            text-transform: capitalize;
            border-radius: 6px;
            padding: 10px 15px
        }

        .btn-style-3:hover {
            color: #fff;
            background: 0 0
        }

        .banner-home .banner-content-home {
            text-align: center;
            margin: 90px 0 30px;
            display: block;
            position: relative
        }

        .banner-home {
            position: relative;
            min-height: 780px
        }

        .banner-content-home h2 .wrap {
            color: #fff;
            font-size: 60px;
            line-height: 1.12
        }

        .banner-content-home h2::before {
            content: "";
            position: absolute;
            top: -14px;
            right: -40px;
            width: 155px;
            height: 114px;
            filter: brightness(0)
        }

        .book-covers ul li img {
            border-radius: 4px;
            max-width: 80%
        }

        .book-cover-slider .slick-arrow {
            width: 37px;
            height: 37px;
            box-shadow: none
        }

        .book-cover-slider .slick-arrow::before {
            position: absolute;
            top: -3px;
            bottom: 0;
            left: 1px;
            right: 0;
            margin: auto;
            line-height: normal;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .book-cover-slider .slick-prev {
            left: -20px
        }

        .book-cover-slider .slick-next {
            right: 20px
        }

        .our-process marquee {
            font-size: 100px;
            text-shadow: 0 0 0 #1f725e, 0 0 2px #1f715d;
            color: #fff;
            font-weight: 700;
            margin-bottom: 30px;
            text-transform: uppercase
        }

        .heading h6 {
            margin: 0 0 15px;
            font-size: 16px;
            color: #fff;
            text-transform: uppercase;
            background: #017b89;
            display: initial;
            padding: 0 8px;
            border-radius: 5px
        }

        .heading h3 {
            margin-top: 10px;
            color: #fff;
            font-size: 45px;
            font-weight: 700;
            line-height: 1;
            margin-bottom: 10px
        }

        .process-box {
            position: relative;
            padding-bottom: 20px
        }

        .process-box>span {
            font-size: 20px;
            color: #be8636;
            font-weight: 600;
            display: block;
            padding-bottom: 14px;
            margin-bottom: 15px;
            border-bottom: 1px solid #b2b9c1
        }

        .process-box h4 {
            font-size: 24px;
            font-weight: 600;
            color: #000;
            margin-bottom: 10px
        }

        .process-box p {
            font-size: 14px;
            color: #687087;
            padding: 0
        }

        .all-services {
            position: relative;
            width: 116px;
            height: 116px;
            text-transform: uppercase;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            background: linear-gradient(to right, #1e6f5c 0, #289672 50%, #be8636 100%);
            border-radius: 50%
        }

        .all-services::before {
            content: "";
            position: absolute;
            left: 7px;
            top: 1px;
            width: 100%;
            height: 100%;
            border: 1px solid #ccc;
            border-radius: 50%
        }

        .all-services:hover {
            color: #fff;
            background: linear-gradient(to right, #be8636 0, #289672 50%, #1e6f5c 100%)
        }

        .cta__2 {
            position: relative;
            padding: 110px 0
        }

        .cta__2 .element {
            right: 50px;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .starting-price .style-1 {
            position: relative;
            color: #fff;
            font-size: 20px;
            font-weight: 700
        }

        .starting-price .style-2 {
            position: relative;
            color: #111;
            font-size: 20px;
            font-weight: 700;
            background-color: #e6c01d;
            display: inline-block;
            padding: 2px 20px;
            border-radius: 2px
        }

        .bg-color-1 {
            background-color: #f7f9fc;
            border: 5px solid #017b89;
            animation: 1s linear infinite bf-animate-banner
        }

        .mst-img-sec {
            position: static;
            z-index: 1
        }

        .mst-img-sec .element {
            right: -125px;
            z-index: 9;
            bottom: 0
        }

        .our-testimonial .heading h3 {
            margin-bottom: 5px
        }

        .single-review-box p {
            font-size: 16px;
            color: #fff;
            margin: 20px 0 25px;
            padding: 0
        }

        .single-review-box h5 {
            font-size: 16px;
            color: #fff;
            font-weight: 700;
            margin-bottom: 5px;
            text-transform: capitalize
        }

        .single-review-box h6 {
            font-size: 14px;
            color: #fff;
            text-transform: capitalize
        }

        .single-review-slider .slick-arrow {
            font-size: 0;
            position: absolute;
            right: 0;
            bottom: 0;
            width: 60px;
            height: 60px;
            background-color: #fff;
            padding: 0;
            border: none;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50px;
            z-index: 1;
            box-shadow: none;
            top: auto;
            transform: translate(0);
            transition: .4s ease-in-out
        }

        .single-review-slider .slick-arrow:hover {
            background-color: #c5903b !important
        }

        .single-review-slider .slick-arrow::before {
            content: "";
            position: absolute;
            background: url(assets/images//sprite.png) no-repeat;
            width: 22px;
            height: 13px;
            transform: rotate(180deg)
        }

        .single-review-slider .slick-prev {
            right: 80px;
            left: auto
        }

        .single-review-slider .slick-prev::before {
            transform: rotate(0)
        }

        .single-review-slider .slider__counter {
            position: absolute;
            bottom: -50px;
            font-size: 16px;
            font-weight: 600;
            font-family: "Open Sans", sans-serif;
            color: #111;
            letter-spacing: -2px
        }

        .main-navigation>ul>li,
        .single-review-slider-nav .slick-slide+.slick-slide {
            display: inline-block;
            position: relative
        }

        .single-review-slider-nav .slick-slide img {
            display: inline-block;
            border-radius: 50%;
            border: 1px solid #ccc
        }

        .blog-list-slider li {
            margin: 0 15px;
            position: relative;
            border-radius: 4px
        }

        .blog-list-slider li .hover-box {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background-color: rgb(191 137 58 / 85%);
            display: flex;
            flex-flow: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 40px 50px;
            border-radius: 4px;
            opacity: 0;
            transition: .4s ease-in-out
        }

        .blog-list-slider li .hover-box h5 {
            color: #111;
            font-weight: 700;
            font-size: 24px;
            margin-bottom: 10px
        }

        .blog-list-slider li .hover-box p {
            color: #111
        }

        .blog-list-slider li .hover-box .read-more {
            border: 1px solid #111;
            color: #111;
            font-size: 18px;
            font-weight: 700;
            padding: 7px 35px;
            border-radius: 4px
        }

        .blog-list-slider .slick-dots li button {
            width: 13px;
            height: 13px;
            background-color: #eff0f4;
            border-radius: 25px
        }

        .blog-list-slider .slick-dots li.slick-active button {
            background-color: #be8636
        }

        .blog-list-slider .slick-list {
            padding: 0 30% !important
        }

        .cta__4 {
            padding: 50px 0;
            position: relative;
            z-index: 1
        }

        .cta__4 .heading p {
            font-weight: 600
        }

        .cta__4 .btn-main {
            padding: 10px 40px
        }

        .cta__4 .cta-4-img-02 {
            right: 10%;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .cta__4 .cta-4-img-01 {
            top: 0;
            bottom: 0;
            margin: auto;
            left: 50px;
            z-index: -1
        }

        .get-in-touch p {
            padding: 0;
            color: #fff;
            font-size: 24px;
            font-weight: 600
        }

        .get-in-touch p a {
            font-size: 16px;
            color: #fff;
            font-weight: 600;
            margin: 0 10px
        }

        .all-service-close:hover,
        .chrismas-offers .banner-form h3,
        .chrismas-offers .outer-show p.blink,
        .content .discrp h2,
        .content .discrp p,
        .get-in-touch p a i,
        .whitebtn:hover {
            color: #fff
        }

        .blackbtn {
            color: #fff;
            border-color: #fff
        }

        .blackbtn:hover {
            border-color: #be8636
        }

        .whitebtn {
            color: #000;
            border-color: #fff;
            background-color: #fff !important
        }

        .pricingTable p {
            color: #fff;
            font-size: 22px;
            padding-top: 10px;
            line-height: 1.4;
            margin-bottom: 20px
        }

        .pricingTable ul.firstCol {
            border-radius: 4px
        }

        .pricingTable ul.firstCol li {
            height: 40px;
            border-bottom: 1px solid #c5913b;
            text-align: left;
            vertical-align: middle;
            padding: 6px 0;
            font-weight: 700;
            color: #ffff
        }

        .pricingTable ul.sec {
            border: 1px solid #f1f1f1
        }

        .pricingTable ul.sec li {
            height: 40px;
            text-align: center;
            padding: 5px 0;
            border-bottom: 1px solid #f1f1f1;
            font-weight: 700
        }

        .pricingTable ul.sec li:nth-child(2n) {
            background: #efefef
        }

        .pricingTable ul.sec li.head {
            background: #cd9c41;
            color: #fff;
            font-size: 16px
        }

        .pricingTable ul.sec li.price {
            font-size: 16px;
            font-weight: 700;
            color: #3c434e
        }

        .pricingTable ul.sec li i {
            color: #cd9c41
        }

        .pricingTable ul.sec li i.fa-close {
            color: #cb2424
        }

        .pricingTable ul.sec li a {
            font-weight: 700;
            color: #c69302;
            font-size: 15px
        }

        .modals .modal-dialog {
            max-width: 100%;
            margin: 0
        }

        .modals .modal {
            padding-right: 0 !important
        }

        .modals .modal-content {
            height: 100vh;
            background: #000000bd
        }

        .content {
            width: 1000px;
            margin: 0 auto;
            height: 100vh;
            vertical-align: middle;
            display: table
        }

        .content .img {
            width: 30%;
            display: table-cell;
            vertical-align: middle
        }

        .content .discrp {
            width: 100%;
            height: 340px;
            padding: 0 0 0 50px;
            margin-top: 29% !important;
            vertical-align: middle
        }

        .content li {
            color: #fff;
            font-size: 16px;
            list-style: disc inside
        }

        .modals .modal-header {
            border-bottom: 0 solid #e9ecef;
            position: absolute;
            width: 100%
        }

        .modals .modal-header .close {
            padding: 1rem;
            margin: -2rem -1rem 1rem auto
        }

        .modals button.close {
            padding: 0;
            background-color: #fff;
            opacity: 1;
            border: 0;
            -webkit-appearance: none;
            font-size: 34px
        }

        .modals .modal-footer {
            width: 100%;
            position: absolute;
            text-align: left;
            bottom: 100px;
            border-top: 0;
            display: block;
            margin: 0 0 0 18%
        }

        .modals .modal-footer h3 {
            color: #fff;
            margin: 0;
            width: 100%;
            display: block;
            position: inherit;
            font-size: 34px
        }

        .modals .modal-footer p {
            margin: 46px 0 0;
            width: 100%;
            text-align: left;
            display: block;
            position: inherit;
            color: #fff
        }

        .modals .modal-footer a {
            right: 37%;
            position: absolute;
            background: -moz-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: -webkit-linear-gradient(left, #1e6f5c 0, #289672 50%, #be8636 100%);
            background: linear-gradient(to right, #1e6f5c 0, #289672 50%, #be8636 100%);
            font-family: gilroy-medium, sans-serif;
            font-size: 16px;
            color: #fff;
            cursor: pointer;
            border-radius: 3px;
            padding: 10px;
            top: 40px
        }

        .modals .modal {
            overflow: visible;
            top: -100%;
            transition: .8s;
            z-index: 0;
            display: none
        }

        .modals .modal.show {
            top: 0;
            z-index: 999999;
            display: block
        }

        .mytesti .trst-rvw h1 {
            color: #091e42;
            font-weight: 700;
            font-size: 40px
        }

        .mytesti .trst-rvw p {
            color: #091e42;
            font-size: 18px;
            padding-bottom: 20px
        }

        .mytesti .tls-wrap .tls-sft {
            padding: 25px 40px;
            box-shadow: 5px 6px 30px #00000012;
            border-radius: 6px;
            min-height: 265px;
            position: relative
        }

        .mytesti .tls-wrap .tls-sft h3 {
            color: #091e42;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            margin-bottom: 0
        }

        .mytesti .tls-wrap .tls-sft p {
            font-size: 16px;
            padding-top: 10px;
            line-height: 1.4;
            height: 122px;
            padding-left: 0
        }

        .mytesti .tls-wrap .tls-sft h5 {
            color: #c49102;
            font-size: 18px;
            font-weight: 600
        }

        .mytesti .tls-wrap .tls-sft h5 span {
            font-size: 14px;
            font-weight: 600
        }

        .prce_box ul li.heading {
            padding-left: 0;
            padding-bottom: 10px;
            font-weight: 700
        }

        .eggoffer.show {
            position: fixed;
            bottom: 8px;
            transition: .4s
        }

        .chrismas-offers,
        .eggoffer {
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            position: fixed
        }

        .eggoffer {
            width: 150px;
            cursor: pointer;
            transition: .4s;
            bottom: 10px;
            left: 8px;
            z-index: 999
        }

        .eggoffer .top {
            position: relative;
            z-index: -1
        }

        .eggoffer .bottom {
            cursor: pointer;
            padding: 16px 5px;
            border-radius: 5px;
            background: #16a07d
        }

        .chrismas-offers .banner-form input[type=submit],
        .chrismas-offers .outer-show {
            background: linear-gradient(to left, #dfb10c 0, #c49102 100%)
        }

        .eggoffer .bottom h3 {
            font-size: 14px;
            margin: 0;
            color: #fff
        }

        .eggoffer .bottom span {
            color: #fff;
            font-size: 20px;
            font-weight: 900;
            width: 100%;
            padding-top: 6px;
            line-height: 1;
            display: inline-block;
            text-align: center;
            text-shadow: 0 2px 2px #666
        }

        .form_wrap .analyzeform form input[type=submit] {
            width: 100%;
            margin: 10px 0 0;
            text-align: center;
            border-radius: 4px
        }

        .overlay-bg.vis {
            display: block !important
        }

        .analyzeform form input[type=email],
        .analyzeform form input[type=number],
        .analyzeform form input[type=tel],
        .analyzeform form input[type=text],
        .analyzeform form textarea {
            width: 100%;
            margin: 0 0 10px;
            border: 1px solid #e5e5e5;
            background: #fff;
            padding: 13px 15px;
            color: gray;
            font-size: 13px;
            height: 50px;
            font-weight: 400;
            outline: 0 !important
        }

        .form_wrap .analyzeform form .dtf textarea {
            margin: 10px 0 0;
            height: 140px
        }

        .blink {
            animation: 1s step-start infinite blinker
        }

        @keyframes blinker {

            0%,
            100%,
            49%,
            50% {
                color: #ffe606
            }

            60%,
            99% {
                color: transparent
            }
        }

        .chrismas-offers {
            transition: .4s;
            left: -450px;
            top: 200px;
            font-size: 0;
            width: 450px;
            z-index: 999
        }

        .chrismas-offers .outer-show {
            width: 50px;
            z-index: 999;
            height: 250px;
            cursor: pointer;
            box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, .09);
            border-radius: 0 10px 10px 0;
            display: inline-block;
            padding-top: 0;
            vertical-align: top;
            position: relative;
            text-transform: uppercase;
            left: 450px;
            right: auto;
            top: 0
        }

        .chrismas-offers .outer-show p {
            color: #fff;
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
            position: absolute;
            display: block;
            transform: rotate(-90deg);
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s;
            left: -70px;
            text-transform: capitalize;
            white-space: pre;
            bottom: 115px;
            padding: 0
        }

        .chrismas-offers .outer-show:hover {
            right: 0
        }

        .chrismas-offers.show {
            left: -135px
        }

        .chrismas-offers span.icoo {
            color: #c39d35;
            font-size: 18px;
            padding: 15px 20px;
            background: #fff;
            border-radius: 10px 0 0 10px;
            border-right: 1px solid #ded9d9;
            vertical-align: middle;
            display: inline-block
        }

        .chrismas-offers .banner-form {
            width: 400px;
            background: #c5c5c5;
            top: -60px
        }

        .overlay {
            z-index: 9999;
            position: fixed;
            background-color: rgb(0 0 0 / 90%);
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            display: none;
            transition: .4s ease-in-out
        }

        .all-service-popup {
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s ease-in-out;
            width: 813px;
            height: 400px;
            border-radius: 10px;
            z-index: 99999;
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            border: 5px solid #be8636;
            background: #fff
        }

        .author-box .ab-overlay,
        .author-box .author-detail {
            transition: .5s ease-in-out;
            top: 0;
            height: 100%;
            left: 0
        }

        .all-service-popup .header {
            background: linear-gradient(to right, #1e6f5c 0, #289672 50%, #be8636 100%);
            padding: 19px 30px
        }

        .all-service-popup .header .heading h3 {
            color: #fff;
            font-size: 28px
        }

        .all-service-popup ul li:first-child a i {
            transform: rotate(90deg)
        }

        .services-list {
            padding: 20px;
            position: relative
        }

        .services-list::before {
            content: "";
            position: absolute;
            background: url(assets/images/mix/popup-element.html);
            right: -50px;
            bottom: -50px;
            width: 140px;
            height: 150px
        }

        .services-list .popup-service-box {
            position: relative;
            border: 1px solid #18dba0;
            border-radius: 4px;
            margin-bottom: 20px
        }

        .services-list .popup-service-box a {
            padding: 20px 10px 20px 70px;
            display: flex;
            align-items: center;
            min-height: 70px
        }

        .services-list .popup-service-box i {
            background: url(assets/images/sprite.png) 0 -19px no-repeat;
            width: 40px;
            height: 40px;
            position: absolute;
            top: 0;
            left: 15px;
            bottom: 0;
            margin: auto
        }

        .services-list .popup-service-box i.ic2 {
            background-position: -50px -19px;
            width: 36px;
            height: 40px
        }

        .services-list .popup-service-box i.ic3 {
            background-position: -92px -19px;
            width: 40px;
            height: 40px
        }

        .services-list .popup-service-box i.ic4 {
            background-position: -142px -18px;
            width: 40px;
            height: 41px
        }

        .services-list .popup-service-box i.ic5 {
            background-position: 0 -70px;
            width: 40px;
            height: 39px
        }

        .services-list .popup-service-box i.ic6 {
            background-position: -50px -70px;
            width: 40px;
            height: 35px
        }

        .services-list .popup-service-box i.ic7 {
            background-position: -95px -70px;
            width: 40px;
            height: 39px
        }

        .services-list .popup-service-box i.ic8 {
            background-position: -142px -68px;
            width: 40px;
            height: 40px
        }

        .services-list .popup-service-box i.ic9 {
            background-position: 0 -121px;
            width: 34px;
            height: 40px
        }

        .services-list .popup-service-box i.ic10 {
            background-position: -48px -125px;
            width: 40px;
            height: 32px
        }

        .services-list .popup-service-box i.ic11 {
            background-position: -102px -125px;
            width: 40px;
            height: 32px
        }

        .services-list .popup-service-box h5 {
            font-size: 13px;
            color: #000;
            font-weight: 500
        }

        .services-list .popup-service-box.b-0 {
            border: 0
        }

        .process-box .read-more {
            background: url(assets/images/sprite.png) -54px 0 no-repeat;
            width: 22px;
            height: 13px;
            position: absolute;
            right: 0
        }

        .services-list .get-started {
            position: relative;
            color: #000;
            font-size: 16px;
            font-weight: 400;
            flex-flow: column
        }

        .services-list .get-started span {
            display: block;
            width: 40px;
            height: 40px;
            border-radius: 50px;
            margin: auto;
            background-color: #3fbd90;
            position: relative
        }

        .services-list .get-started span::before {
            content: "";
            position: absolute;
            background: url(assets/images/sprite.png) -26px 0 no-repeat;
            width: 22px;
            height: 13px;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto
        }

        .all-service-close {
            position: absolute;
            right: -30px;
            top: -30px;
            border-radius: 50px;
            background-color: #c79503;
            width: 50px;
            height: 50px;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1
        }

        .blog-post-image,
        .related-post-box .img-box img {
            border-radius: 10px
        }

        .all-service-close i {
            font-size: 26px
        }

        .related-post-box {
            position: relative;
            margin-bottom: 20px
        }

        .related-post-box .title-box h5 {
            font-size: 20px;
            color: #000;
            font-weight: 600;
            margin-bottom: 15px
        }

        .related-post-box .title-box {
            padding: 15px 0 0
        }

        .blog-post-content p,
        .related-post-box .title-box p {
            font-size: 16px;
            color: #687087
        }

        .related-post-box .title-box .read-more {
            font-size: 14px;
            color: #be8636;
            text-transform: capitalize;
            position: relative;
            display: flex;
            align-items: center
        }

        .related-post-box .title-box .read-more i {
            background: url(assets/images/sprite.png) -54px 0 no-repeat;
            width: 22px;
            height: 13px;
            display: inline-block;
            margin-left: 10px
        }

        .article-post {
            padding: 20px 0
        }

        .blog-post-image {
            position: relative;
            margin-bottom: 30px
        }

        .hamburger,
        .popup-overlay {
            top: 0;
            bottom: 0;
            margin: auto;
            z-index: 999
        }

        .blog-post-image::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgb(0 0 0 / 40%);
            border-radius: inherit
        }

        .blog-post-image .featured-image {
            border-radius: inherit
        }

        .blog-post-image .bottom {
            position: absolute;
            bottom: 7%;
            padding: 0 60px
        }

        .blog-post-image h2 {
            color: #fff;
            padding: 0 0 30px;
            font-size: 54px;
            font-weight: 700;
            border-bottom: 1px solid #aca9a6;
            margin-bottom: 30px
        }

        .blog-post-image .blog-owner {
            display: flex;
            align-items: center
        }

        .blog-post-image .blog-owner h6 {
            color: #fff;
            font-size: 18px;
            margin-left: 20px
        }

        .blog-post-content h5 {
            font-size: 24px;
            font-weight: 600;
            color: #000;
            margin-bottom: 5px
        }

        .breadcrumbs>ul>li a {
            font-size: 14px;
            color: #be8636
        }

        .breadcrumbs>ul>li a i {
            margin: 0 4px;
            color: #687087
        }

        .over-hidden {
            overflow: hidden !important
        }

        .hamburger {
            width: 30px;
            height: 20px;
            cursor: pointer;
            position: absolute;
            right: 15px
        }

        .hamburger span {
            display: block;
            height: 4px;
            width: 100%;
            background: #4bba87;
            position: absolute;
            transition: .6s;
            border-radius: 100px
        }

        .hamburger span:first-child {
            top: 0
        }

        .hamburger span:nth-child(2) {
            top: 8px;
            transform-origin: left
        }

        .hamburger span:nth-child(3) {
            top: 16px
        }

        .hamburger.open span:first-child {
            transform: rotate(45deg);
            top: 12px;
            transform-origin: right-center
        }

        .hamburger.open span:nth-child(2) {
            width: 0;
            opacity: 0
        }

        .hamburger.open span:nth-child(3) {
            transform: rotate(-45deg);
            top: 12px;
            transform-origin: right-center
        }

        .main-navigation>ul>li>a {
            color: #fff;
            font-size: 16px;
            padding: 16px 12px;
            display: block;
            font-weight: 400;
            text-transform: capitalize;
            border-right: 1px solid #be8636
        }

        .main-navigation>ul>li>a:hover {
            background: #cb9940
        }

        .main-navigation>ul>li:last-child>a {
            border-right: none
        }

        .dropdown-nav {
            position: absolute;
            width: 220px;
            background-color: #fff;
            padding: 0;
            border: 1px solid #cbd6e2;
            border-radius: .1875rem;
            box-shadow: 0 1px 24px rgb(45 62 80 / 12%);
            left: -150%;
            visibility: hidden;
            opacity: 0;
            pointer-events: none
        }

        .main-navigation .dropdown-nav ul::before {
            position: absolute;
            content: "";
            top: -12px;
            right: 35px;
            z-index: 0;
            width: 20px;
            height: 20px;
            background: #fff;
            -webkit-transform: rotate(45deg);
            transform: rotate(44deg);
            border-radius: 5px;
            border-top: 1px solid #cbd6e2;
            border-left: 1px solid #cbd6e2
        }

        .main-navigation .dropdown-nav ul li a {
            padding: 10px 20px;
            display: block;
            font-size: 16px;
            color: #111
        }

        .main-navigation>ul>li.has-menu:hover .dropdown-nav {
            opacity: 1;
            visibility: visible;
            pointer-events: auto
        }

        .popup-overlay {
            width: 100%;
            height: 100%;
            background-color: rgb(0 0 0 / 90%);
            position: fixed;
            left: 0;
            right: 0;
            opacity: 0;
            visibility: hidden;
            transition: .4s ease-in-out
        }

        .popup {
            border: 5px solid #18dba0;
            border-radius: 4px;
            box-shadow: 0 10px 20px rgb(0 0 0 / 20%);
            max-width: 90%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 753px;
            max-height: 90vh;
            display: flex;
            flex-direction: column;
            font-size: 0
        }

        .popup .popup-close {
            background: #ffc424;
            position: absolute;
            right: -25px;
            top: -25px;
            width: 64px;
            height: 64px;
            border-radius: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 28px
        }

        .popup .off-20 {
            position: absolute;
            left: -20px;
            top: 0
        }

        .popup .popup-img {
            max-width: fit-content;
            position: absolute;
            bottom: 9%;
            left: -110px
        }

        .popup .wrapper {
            font-size: 0;
            background-size: cover;
            background-position: center;
            padding: 35px 0
        }

        .popup .wrapper .left {
            width: 40%
        }

        .popup .wrapper .right {
            width: 60%;
            padding: 0 35px
        }

        .popup .wrapper h3 {
            color: #fff;
            margin-bottom: 5px
        }

        .popup .wrapper p {
            color: #fff;
            font-size: 15px;
            padding: 0;
            margin-bottom: 20px
        }

        .popup .formwrap .custom-input-style {
            width: 100%;
            background-color: #fff;
            height: 45px;
            border: none;
            border-radius: 4px;
            color: #000;
            font-size: 14px;
            padding: 0 15px;
            outline: 0
        }

        .popup .formwrap .custom-textarea-style {
            width: 100%;
            background-color: #fff;
            border-radius: 4px;
            height: 100px;
            font-size: 14px;
            padding: 10px 15px;
            outline: 0
        }

        .popup .formwrap .custom-submit-style {
            width: 100%;
            background: linear-gradient(to left, #c49102 0, #dfb10c 100%) !important;
            font-size: 18px;
            color: #fff;
            border: none;
            border-radius: 3px;
            font-weight: 600;
            padding: 10px 0;
            cursor: pointer
        }

        .popup-overlay.active {
            opacity: 1;
            visibility: visible
        }

        .tab-style-1 {
            margin-bottom: 50px
        }

        .tab-style-1 ul li a {
            font-size: 16px;
            color: #000;
            font-weight: 600;
            text-transform: uppercase;
            padding: 10px 15px;
            border-radius: 4px;
            display: inline-block;
            transition: .15s ease-in-out
        }

        .tab-style-1 ul li.active a {
            background: #017b89;
            color: #fff
        }

        .expert-writers .heading {
            margin-bottom: 60px
        }

        .expert-writers .btn-theme {
            padding: 10px 30px;
            margin-top: 30px
        }

        .ew-portfolio-box {
            text-align: center;
            margin-bottom: 30px
        }

        .ew-portfolio-box .slide {
            display: inline-block;
            margin: 15px
        }

        .listed-author {
            background-color: #14a170
        }

        .author-box {
            position: relative;
            overflow: hidden;
            cursor: pointer;
            margin-bottom: 20px
        }

        .author-box .ab-overlay {
            position: absolute;
            width: 100%;
            background-color: rgb(0 0 0 / 70%);
            transform: translateY(-100%)
        }

        .author-box .author-detail {
            position: absolute;
            width: 100%;
            padding: 25px 30px;
            transform: translateY(100%)
        }

        .author-box .author-detail h4 {
            color: #fff;
            margin-bottom: 10px
        }

        .author-box .author-detail p {
            color: #fff;
            margin-bottom: 20px;
            padding: 0;
            font-size: 16px
        }

        .author-box .author-detail ul li span {
            color: #14a170;
            font-weight: 600
        }

        .author-box .author-detail .hire-writer {
            color: #fff;
            border: 1px solid #fff;
            font-size: 16px;
            font-weight: 600;
            padding: 10px 25px;
            display: inline-block;
            border-radius: 50px;
            transition: .4s ease-in-out
        }

        .author-box:hover .author-detail {
            transform: translateY(0);
            transition: .6s ease-in-out
        }

        .trust-pilot {
            color: #fff;
            font-size: 16px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .trust-pilot img {
            margin: 0 5px
        }

        .color-white {
            color: #000 !important
        }

        .process-flow .op-box {
            position: relative;
            text-align: center;
            border-radius: 10px;
            background-color: #fff;
            padding: 25px 18px 30px;
            height: 100%;
            box-shadow: 3px -8px 43px 0 rgb(0 0 0 / 16%)
        }

        .process-flow .op-box i {
            background: url(../images/sprite.png) -2px -178px no-repeat;
            width: 51px;
            height: 49px;
            display: inline-block
        }

        .process-flow .op-box i.ic2 {
            background-position: -67px -175px;
            width: 49px
        }

        .process-flow .op-box i.ic3 {
            background-position: -136px -175px;
            width: 49px
        }

        .process-flow .op-box i.ic4 {
            background-position: -199px -178px;
            width: 49px
        }

        .process-flow .op-box h6 {
            font-size: 18px;
            font-weight: 600;
            color: #000;
            margin: 7px 0 10px
        }

        .process-flow .op-box p {
            margin: 0;
            font-size: 16px;
            color: #666;
            padding: 0;
            line-height: 1.35
        }

        .process-flow .count {
            font-size: 15px;
            font-weight: 500;
            position: absolute;
            left: -15px;
            top: -15px;
            color: #fff;
            background: #017b89;
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50px;
            line-height: normal
        }

        .process-flow .btn-style-2 {
            padding: 12px 35px
        }

        .myprocess-style-2 .prce_box-style-2 {
            margin: 20px 0;
            position: relative
        }

        .myprocess-style-2 .prce_box-style-2::before {
            content: "50% Off";
            position: absolute;
            transform: rotate(45deg);
            right: -35px;
            top: 10px;
            font-size: 15px;
            background-color: #e62e2d;
            color: #fff;
            padding: 3px 40px
        }

        .prce_box-style-2 {
            background: #fff;
            padding: 20px 15px;
            border-radius: 6px;
            border: 1px solid transparent;
            min-height: 350px;
            font-size: 0px;
            position: relative;
            box-shadow: 5px 6px 30px #12121226;
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s;
            overflow: hidden
        }

        .prce_box-style-2 h3 {
            color: #091e42;
            font-weight: 700;
            font-size: 24px;
            margin: 0 0 5px
        }

        .prce_box-style-2 h3 .pricing {
            color: #be8636;
            font-size: 26px;
            display: block
        }

        .prce_box-style-2 h3 span {
            font-size: 38px;
            line-height: normal
        }

        .bb-1 {
            border-bottom: 1px solid #cecece;
            margin-bottom: 15px
        }

        .prce_box-style-2 ul.pck-scrl-style-2 {
            height: 300px;
            overflow-x: hidden;
            text-align: left;
            padding: 20px 0
        }

        .prce_box-style-2 ul.pck-scrl-style-2::-webkit-scrollbar {
            width: 8px;
            background-color: #f5f5f5
        }

        .prce_box-style-2 ul.pck-scrl-style-2::-webkit-scrollbar-button:end:increment,
        .prce_box-style-2 ul.pck-scrl-style-2::-webkit-scrollbar-button:start:decrement {
            display: none
        }

        .prce_box-style-2 ul.pck-scrl-style-2::-webkit-scrollbar-track-piece {
            background-color: #ccc
        }

        .prce_box-style-2 ul.pck-scrl-style-2::-webkit-scrollbar-thumb:vertical {
            background-color: #be8636
        }

        .prce_box-style-2 ul.pck-scrl-style-2 li {
            display: block !important;
            font-size: 14px;
            color: #687087;
            position: relative;
            padding-left: 20px;
            margin-bottom: 10px;
            line-height: normal
        }

        .prce_box-style-2 ul li.pck-heading {
            font-size: 16px;
            font-weight: 700;
            font-family: Poppins, sans-serif;
            line-height: 1.3
        }

        .prce_box-style-2 ul.pck-scrl-style-2 li:before {
            content: "\f00c";
            position: absolute;
            left: 0;
            top: 9px;
            color: #be8636;
            font-family: "Font Awesome 5 pro";
            font-weight: 900
        }

        .prce_box-style-2 h4 {
            color: #091e42;
            font-weight: 700;
            font-size: 22px;
            margin: 20px 0 10px
        }

        .prce_box-style-2 .toll-free {
            font-weight: 600;
            color: #171717;
            margin: 10px 0 0 !important;
            text-align: center;
            font-size: 15px;
            padding: 0
        }

        .prce_box-style-2 .toll-free a {
            color: inherit;
            font-weight: 400
        }

        .prce_box-style-2 .toll-free i {
            color: #be8636;
            display: inline-block;
            font-size: 13px
        }

        .prce_box-style-2 .btn-style-1 {
            padding: 9px 15px;
            font-size: 14px
        }

        @media (min-width:1600px) {
            .inner-banner {
                height: 76vh
            }

            .main-menu>ul>li>a {
                font-size: 16px
            }

            .nav-area-full .col-lg-10 {
                padding-left: 0
            }
        }

        @media only screen and (min-width:1200px) and (max-width:1500px) {
            .banner-home {
                min-height: auto
            }

            .banner-home .banner-content-home {
                margin: 50px 0
            }

            .book-covers {
                margin-top: 0
            }

            .banner-content-home h2 {
                font-size: 50px
            }

            .help__you {
                padding: 40px 0
            }

            .heading h3 {
                font-size: 38px
            }

            .heading p {
                font-size: 16px
            }

            .blog-list-slider li .hover-box p {
                font-size: 14px
            }

            .cta__4 .cta-4-img-01 {
                left: -100px
            }

            .cta__4 .cta-4-img-02 {
                right: 0
            }
        }

        @media (max-width:1199px) {

            .element,
            .portfolio-slider .slick-arrow,
            .ser_slider .slick-arrow {
                display: none !important
            }

            .hamburger {
                display: block;
                top: 0
            }

            .menuwrap.open {
                display: flex;
                left: 0
            }

            .menuwrap {
                position: fixed;
                left: -200%;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                background: #08180e;
                height: 100vh;
                display: flex;
                align-items: center;
                transition: .4s;
                z-index: 3;
                width: 100vw;
                overflow-y: scroll;
                padding: 20px
            }

            .dropdown-nav,
            .main-navigation>ul>li>ul {
                position: relative;
                opacity: 1;
                visibility: visible;
                pointer-events: auto
            }

            .main-navigation.menuwrap>ul>li {
                display: block;
                text-align: left;
                padding: 0
            }

            .main-navigation.menuwrap>ul>li>a {
                padding: 0;
                font-weight: 400;
                border-right: 0
            }

            .main-navigation .dropdown-nav ul li a:hover,
            .main-navigation.menuwrap>ul>li>a:hover {
                background: 0 0;
                color: #be8636
            }

            .main-navigation.menuwrap ul li {
                margin-bottom: 7px
            }

            .main-navigation>ul>li>ul {
                background: 0 0;
                box-shadow: none;
                width: auto;
                top: 0;
                padding-left: 15px;
                margin: 15px 0
            }

            .main-navigation>ul>li>ul>li {
                border: none;
                margin-bottom: 10px
            }

            .main-navigation>ul>li>ul>li a {
                color: #fff;
                font-weight: 400;
                padding: 0;
                font-size: 13px
            }

            .main-navigation>ul>li>ul>li a i {
                display: inline-block;
                margin-right: 5px
            }

            .dropdown-nav {
                left: 0;
                background-color: transparent;
                border: none
            }

            .banner-content-home h2::before,
            .main-navigation .dropdown-nav ul::before,
            .main-navigation.menuwrap>ul>li.has-menu>a {
                display: none
            }

            .main-navigation .dropdown-nav ul li a {
                color: #fff;
                padding: 0
            }
        }

        @media only screen and (max-width:1200px) {
            .home-slider .slick-dots {
                width: auto;
                text-align: center
            }
        }

        @media (min-width:1024px) {
            .cta__2 .element {
                right: -200px
            }
        }

        @media (max-width:1024px) {

            .Ghost-book-writing-content h1,
            .built-sec h2,
            .clientele-sec h2,
            .cntc-form h3,
            .collaboration-sec .wrapper h2,
            .form-box-main h2,
            .fourth-sec-content h3,
            .ghst-writng-content h1,
            .git h3,
            .home-banner-content h1,
            .info-content h3,
            .introduction-sec .wrapper h3,
            .introduction-sec2 .wrapper h3,
            .main-ghst-sec h3,
            .mycta h2,
            .myprocess h2,
            .our-team h1,
            .policypg h2,
            .strt-cta h3,
            .team-content h3,
            .thierd-sec-content h3,
            .tools-sec h2,
            .tpmst-heading h2,
            .trst-rvw h1,
            .works-content h3 {
                font-size: 32px;
                line-height: 36px
            }

            .banner-form h3 {
                font-size: 24px
            }

            .Ghost-book-writing-content p,
            .blog-list-slider li .hover-box h5,
            .info-content p,
            .introduction-sec2 .wrapper p,
            .main-ghst-sec p,
            .strt-cta p,
            .team-content p,
            .works-content p {
                font-size: 18px
            }

            .main-Ghost-book-writing-sec {
                height: 455px
            }

            .nav-area-full {
                display: block !important
            }

            .forpgactive,
            .top-info-list,
            ul.othermenu.forpgactive {
                display: none !important
            }

            .homwBtmform.mob-no-bg {
                background-image: none !important
            }

            body.order-page.iti-mobile .form-box-main form {
                width: 100%;
                margin: 0 auto;
                padding-top: 160px
            }

            .all-service-popup {
                width: 90%;
                height: 90%;
                overflow-y: scroll
            }

            .all-service-close {
                right: 0;
                top: 0
            }

            .all-service-popup .header {
                padding: 15px 20px
            }

            .all-service-popup ul,
            .all-services::before,
            .boxessec .boxeswrap ul li figure,
            .services-list::before {
                display: none
            }

            .all-service-popup ul>li {
                margin-bottom: 5px
            }

            .services-list .popup-service-box a {
                min-height: auto;
                padding: 10px;
                display: block;
                text-align: center
            }

            .services-list .popup-service-box i {
                display: block;
                left: 0;
                position: relative
            }

            .services-list .popup-service-box h5 {
                margin-top: 10px
            }

            .article-post {
                padding-top: 50px !important
            }

            .blog-post-image::before {
                display: none;
                bottom: 0
            }

            .blog-post-image .bottom {
                position: relative;
                margin-top: 15px;
                padding: 0
            }

            .blog-post-image h2 {
                color: #000;
                font-size: 24px;
                padding-bottom: 20px;
                margin-bottom: 20px
            }

            .boxessec .boxeswrap ul li .textwrap,
            .leftinner .checklist li {
                width: 100%
            }

            .all-services {
                width: 100%;
                border-radius: 4px;
                height: auto;
                padding: 13px 0;
                margin-bottom: 15px
            }

            .mst-img-sec {
                margin-top: 20px
            }

            .mypopup-wrap .mypopup .left img {
                left: 0
            }

            .blog-list-slider li .hover-box {
                padding: 40px 20px
            }

            .boxessec .boxeswrap ul li {
                width: 30%
            }
        }

        @media only screen and (max-width:1024px) {
            .home-banner {
                background-position: center left
            }

            .testimonials-slider-main .slick-prev {
                left: 0
            }

            .testimonials-slider-main .slick-next {
                right: 0
            }

            .top-info-list li:nth-child(2) {
                display: none
            }

            .top-info-list li a {
                font-size: 20px
            }

            .nav-area-full {
                margin-top: 105px
            }

            .landing-pagetext figure img,
            .leftinner figure img {
                max-width: 100%
            }

            .singletestimonials .testwraper .item .quotepart {
                width: 77%
            }

            .pricing-sec .nav-pills li {
                margin: 0
            }

            .smallboxes .smallbox {
                width: 30%
            }

            .help__you .ul-style-1 li {
                font-size: 14px
            }
        }

        @media (max-device-width:1024px) and (orientation:landscape) {

            .analyzeform form input[type=email],
            .analyzeform form input[type=number],
            .analyzeform form input[type=tel],
            .analyzeform form input[type=text],
            .analyzeform form textarea {
                height: 35px
            }

            .popup .wrapper {
                overflow-y: scroll;
                padding: 20px 0
            }
        }

        @media (min-width:824px) {
            .approach-items .approach-item:first-child:before {
                height: 50%;
                top: 50%
            }

            .approach-items .approach-item:last-child:before {
                height: 50%;
                bottom: 50%
            }

            .approach-items .approach-item .approach-inner {
                width: calc(50% - 70px)
            }

            .approach-items .approach-item .approach-inner:before {
                position: absolute;
                top: 50%;
                display: inline-block;
                content: "";
                right: -74px;
                width: 0;
                height: 0;
                margin-top: -12px;
                border-top: 12px solid transparent;
                border-bottom: 12px solid transparent;
                border-right: 12px solid #20cb98
            }

            .approach-items .approach-item .approach-inner:after {
                top: 50%;
                right: -167px;
                margin-top: -11px
            }

            .approach-items .approach-item:nth-child(2n) .approach-inner:before {
                left: -72px;
                right: auto;
                border-right: 0;
                border-left: 12px solid #20cb98
            }

            .approach-items .approach-item:nth-child(2n) .approach-inner:after {
                right: auto;
                left: -165px
            }

            .socialpg .approach-items .approach-item:nth-child(2n) .approach-inner:before {
                border-left: 12px solid #5d82c2;
                border-right: 0px
            }

            .socialpg .approach-items .approach-item .approach-inner:before {
                border-right: 12px solid #5d82c2
            }

            .locsearchpg .approach-items .approach-item:nth-child(2n) .approach-inner:before {
                border-left: 12px solid #20cb98;
                border-right: 0px
            }

            .locsearchpg .approach-items .approach-item .approach-inner:before {
                border-right: 12px solid #20cb98
            }

            .wbcontentpg .approach-items .approach-item:nth-child(2n) .approach-inner:before {
                border-left: 12px solid #f2bd19;
                border-right: 0px
            }

            .wbcontentpg .approach-items .approach-item .approach-inner:before {
                border-right: 12px solid #f2bd19
            }
        }

        @media (max-width:844px) {

            .copyright,
            .inline-block>li {
                margin-bottom: 10px
            }

            .spacing__x {
                padding: 40px 0
            }

            .banner-home {
                min-height: auto;
                background-position: left
            }

            .banner-content-home h2 {
                font-size: 40px
            }

            .heading h3 {
                font-size: 34px
            }

            .heading p {
                font-size: 16px
            }

            .heading p br,
            .our-testimonial .img-box,
            .popup .off-20,
            .popup .wrapper .left {
                display: none
            }

            .book-covers,
            .disclaimer-area,
            .element,
            .footer-bottom,
            .our-testimonial .img-box,
            .single-review-slider-nav {
                display: none !important
            }

            .bookSec .box img {
                margin: auto
            }

            .banner-form {
                padding: 20px
            }

            .blog-list-slider .slick-list {
                padding: 0 !important
            }

            .footer-last {
                background-color: #000
            }

            .fologo p {
                margin-top: 10px
            }

            .inline-block>li {
                margin-right: 0
            }

            .inline-block>li:last-child {
                margin-bottom: 0
            }

            .popup .popup-close {
                right: -5px;
                width: 50px;
                height: 50px;
                font-size: 18px;
                z-index: 1
            }

            .popup .wrapper .right {
                width: 100%;
                padding: 0 20px
            }

            .home-banner-content {
                top: 0
            }

            .home-banner-content.hme-bner-cntn .analyzeform {
                width: 100%
            }

            .home-banner-content .analyzeform h2 {
                font-size: 22px;
                text-align: center
            }

            .main-ghst-writng-first-sec {
                padding-top: 90px
            }
        }

        @media only screen and (max-width:769px) and (min-width:0px) {

            .cta h6,
            .helpsec .ctabottom a {
                float: none
            }

            .cta h6,
            .cta2,
            .cta2 .wrap h3,
            .cta2 .wrap h6,
            .faqsection h2,
            .helpsec .ctabottom,
            .listsec h2,
            .maparea h2,
            .oddinner-banner .inner-banner-content p,
            .ourapproachsec h2,
            .ourapproachsec p,
            .pricing-sec h2,
            .pricing-sec p,
            .pricingboxes .largebox .leftarea,
            .servicepg .inner-banner-content,
            .servicesec h4,
            .servicesec p,
            .smallboxes .smallbox .price-btnwrap,
            .smallboxes .smallbox figure,
            .smallboxes .smallbox h2,
            .smallboxes .smallbox h4,
            .ticklist li,
            .ticklist li.ralign {
                text-align: left
            }

            .bottom-form .txtwrap h2,
            .faqsection h2,
            .helpsec h2,
            .inner-banner .inner-banner-content h2 span,
            .leftinner h2,
            .listsec h2,
            .maparea h2,
            .ourapproachsec h2,
            .ourprocesses .paright h2,
            .pricing-sec h2,
            .satisfactionfold .textwrap h2,
            .servicesec h4,
            .strugglesec h2,
            .who-we-sec h2 {
                font-size: 26px
            }

            .bottom-form .txtwrap p,
            .helpsec p,
            .ourapproachsec p,
            .ourprocesses .paright p,
            .packages-sec p,
            .pricing-sec p,
            .satisfactionfold .textwrap p,
            .servicesec p,
            .strugglesec p,
            .who-we-sec p {
                font-size: 18px;
                line-height: 1.3
            }

            .designunigue,
            .nav-area-full {
                padding: 10px 0
            }

            .designunigue ul li:nth-child(2),
            .helpsec .imgplace figure img,
            .leftinner figure img,
            .listsec .wrap ul li,
            .main-wtn-sec ul li.sec,
            .maparea .mapwrap .mappart,
            .pricingboxes .largebox .rightarea,
            .satisfactionfold .textwrap .satisfylist li,
            .smallboxes .smallbox,
            .ticklist li,
            .twoboxes .contactboxeswrap .contactbox {
                width: 100%
            }

            .mobile-nav-btn {
                z-index: 999;
                top: 12px
            }

            .mobile-nav-btn span,
            .mobile-nav-btn span:after,
            .mobile-nav-btn span:before {
                background-color: #6c7780
            }

            .slider-wrapper {
                margin-top: 62px
            }

            .header-main {
                position: fixed;
                background: #fff;
                min-height: 55px
            }

            .home-banner-content h1 {
                font-size: 36px;
                line-height: 1.2
            }

            .home-banner-content .subtitle,
            .ourapproachsec .wrapper .chunk h3,
            .quest-title {
                font-size: 20px
            }

            .gclients .textw h3 {
                font-size: 36px
            }

            .cta h3,
            .helpsec .ctabottom h3 {
                font-size: 20px;
                margin-bottom: 30px
            }

            .accordion,
            .gclients h5 {
                margin-top: 20px
            }

            .cta h3,
            .diff-wrap li:nth-child(2),
            .diff-wrap li:nth-child(3),
            .diff-wrap li:nth-child(4),
            .diff-wrap li:nth-child(5) {
                margin-top: 0
            }

            .gclients .clientslist {
                margin-bottom: 20px
            }

            .bottom-form,
            .cta,
            .faqsection,
            .helpsec,
            .ourapproachsec,
            .ourprocesses,
            .packages-sec,
            .pricing-sec,
            .satisfactionfold,
            .singletestimonials,
            .strugglesec,
            .weDifferent-sec,
            .who-we-sec {
                padding: 60px 0
            }

            .strugglesec .paright {
                padding-right: 0
            }

            .strugglesec p {
                padding-bottom: 30px
            }

            .strugglesec ul li {
                width: 100%;
                font-size: 16px;
                padding-bottom: 15px
            }

            .helpsec .wayswrapper ul li {
                float: left;
                width: 100%;
                padding-right: 15px;
                padding-left: 15px;
                margin-bottom: 30px
            }

            .hidemob,
            .innerservices .inner-banner .inner-banner-content h2 br,
            .ourapproachsec figure img,
            .ourprocesses .processlistdown li h3 br,
            .partners-cta,
            .satisfactionfold figure,
            .servicepg .inner-banner .round1,
            .servicepg .inner-banner .round2,
            .servicepg .inner-banner .round3,
            .servicepg .inner-banner .round4,
            .servicepg .inner-banner .round5,
            .servicepg .inner-banner .round6,
            .servicepg .inner-banner .round7,
            .servicepg .inner-banner-content figure img.servicefigure,
            .who-we-sec figure,
            .xshide {
                display: none
            }

            .cta h6 {
                vertical-align: top
            }

            .singletestimonials .testwraper .item .quotepart h4 {
                font-size: 22px;
                line-height: 1.2
            }

            .singletestimonials .testwraper .item .quotepart {
                width: 100%;
                margin-top: 30px
            }

            .singletestimonials .testwraper .item .quotepart h4 span {
                display: none !important
            }

            .bottom-form .txtwrap p {
                padding-bottom: 20px
            }

            .bot-form form textarea {
                padding: 8px 18px
            }

            .xsmtpx-30 {
                margin-top: 30px
            }

            .footer-top .socialmid,
            .nav-area-full {
                margin: 0
            }

            .logo {
                display: inline-block;
                width: 70%
            }

            .mobile-nav img {
                width: 130px
            }

            .mobile-nav nav li a.active {
                background: #48aea0
            }

            .mobile-nav nav li ul li a {
                font-size: 14px
            }

            .mobile-nav nav li a {
                font-size: 18px
            }

            .mobile-nav nav li a.inner-pad {
                padding: 10px 40px
            }

            .inner-pages .inner-banner {
                margin-top: 62px;
                background-position: top left !important
            }

            .inner-banner-content h2 {
                font-size: 32px
            }

            .inner-banner-content p {
                font-size: 18px;
                padding-bottom: 30px
            }

            .cta2 .wrap h3 {
                font-size: 24px
            }

            .cta2 {
                height: auto
            }

            .ourprocesses .cta {
                position: relative;
                margin-top: 30px;
                margin-bottom: 40px
            }

            .ourprocesses .processlistdown li {
                width: 100%;
                height: auto;
                margin-bottom: 30px
            }

            .ourprocesses .processlistdown li:last-child {
                margin-bottom: 0
            }

            .singletestimonials .testwraper {
                width: 85%
            }

            .ourprocesses .cta h4 {
                line-height: 1.3
            }

            .servicepg .inner-banner {
                height: 460px
            }

            .who-we-sec h2.ptpx-40,
            .who-we-sec h2.ptpx-90 {
                padding-top: 0 !important
            }

            .diff-wrap li:nth-child(3) {
                margin-right: 20px
            }

            .diff-wrap li {
                width: 25%
            }

            .diff-wrap {
                margin-top: 40px
            }

            .pricingboxes .largebox .leftarea figure img {
                width: 200px
            }

            .pricingboxes .largebox .leftarea {
                width: 100%;
                margin-right: 0
            }

            .ticklist li.ralign {
                display: block
            }

            .smallbox.mid {
                margin: 0 0 32px
            }

            .designunigue .subimages li:last-child,
            .smallboxes .smallbox figure img {
                width: auto
            }

            .smallboxes .smallbox h2 {
                padding-top: 0
            }

            .smallbox.mright {
                margin-right: 0
            }

            .pricing-sec h2 {
                padding-top: 60px
            }

            .twoboxes .contactboxeswrap .contactbox.left {
                margin-right: 0;
                margin-bottom: 30px
            }

            .oddinner-banner .inner-banner-content h3 {
                font-size: 36px;
                text-align: left
            }

            .maparea h2 {
                padding-bottom: 40px
            }

            .listsec h2,
            .main-wtn-sec ul {
                padding: 0 15px
            }

            .maparea .mapwrap .infopart {
                width: 100%;
                padding: 30px;
                height: auto
            }

            .listsec .wrap ul li.br {
                border-right: 0px;
                padding: 10px 20px
            }

            .listsec .wrap ul li.bb,
            .listsec .wrap ul li:last-child {
                padding: 10px 20px
            }

            .listsec .wrap ul li:nth-child(n+13) {
                border-bottom: 1px solid #bbbecc
            }

            .listsec .wrap ul li:last-child {
                border-bottom: 0
            }

            .tabs .portfoliolist li {
                width: 42%
            }

            .cta h6 a {
                font-size: 16px;
                margin-top: 6px
            }

            .servicesec .boxwrap li {
                width: 29%
            }

            .designunigue ul li:first-child {
                width: 100%;
                border: none
            }

            .designunigue .subimages,
            body .testimonials-slider .tls-sft {
                padding: 0
            }

            .designunigue ul li:last-child {
                text-align: center;
                width: 100%
            }

            .bookSec {
                padding: 0 0 30px
            }

            .bookSec .slick-prev {
                left: 0
            }

            .bookSec .slick-next {
                right: 0
            }

            .main-wtn-sec ul li {
                display: block;
                width: 100%
            }

            .main-wtn-sec ul li:last-child {
                width: 100%;
                text-align: center
            }

            .banner-form {
                max-width: 100%
            }

            body .testimonials h2 {
                font-size: 34px
            }

            .testimonials {
                padding-top: 30px
            }
        }

        @media screen and (max-width:768px) {

            .Ghost-book-writing-content h1,
            .banner-form h3,
            .built-sec h2,
            .clientele-sec h2,
            .cntc-form h3,
            .collaboration-sec .wrapper h2,
            .form-box-main h2,
            .fourth-sec-content h3,
            .ghst-writng-content h1,
            .git h3,
            .home-banner-content h1,
            .info-content h3,
            .introduction-sec .wrapper h3,
            .introduction-sec2 .wrapper h3,
            .main-ghst-sec h3,
            .mycta h2,
            .myprocess h2,
            .our-team h1,
            .policypg h2,
            .strt-cta h3,
            .team-content h3,
            .thierd-sec-content h3,
            .tools-sec h2,
            .trst-rvw h1,
            .works-content h3 {
                font-size: 24px;
                line-height: 28px
            }

            .home-banner-content h1 br {
                display: none
            }

            .Ghost-book-writing-content p,
            .info-content p,
            .introduction-sec2 .wrapper p,
            .main-ghst-sec p,
            .myprocess ul li h3,
            .strt-cta p,
            .team-content p,
            .works-content p {
                font-size: 16px
            }

            .best-selling-books .heading h3 {
                font-size: 34px
            }

            .overlay__area {
                display: none !important
            }

            .help__you {
                padding: 0 0 30px
            }

            .form-box-main {
                padding: 0
            }
        }

        @media only screen and (min-width:768px) {
            .number-banner-content h1 {
                font-size: var(--font-size-h1-home) !important
            }

            .inner-banner-content h1 {
                font-size: var(--font-size-h1-inner) !important
            }

            .h2,
            h2 {
                font-size: var(--font-size-h2)
            }
        }

        @media only screen and (max-width:767px) {
            .inner-banner {
                height: 300px
            }

            .sec-padding-100 {
                padding: 50px 0
            }

            .sec-padding-90 {
                padding: 45px 0
            }

            .sec-padding-80 {
                padding: 40px 0
            }

            .sec-padding-70 {
                padding: 35px 0
            }

            .sec-padding-60 {
                padding: 30px 0
            }

            .sec-padding-xlarge {
                padding: 25px 0
            }

            .sec-padding-large {
                padding: 20px 0
            }

            .sec-padding-medium,
            .sec-padding-small {
                padding: 15px 0
            }

            .sec-padding-xsmall {
                padding: 10px 0
            }

            .sec-margin-100 {
                margin: 50px 0
            }

            .sec-margin-90 {
                margin: 45px 0
            }

            .sec-margin-80 {
                margin: 40px 0
            }

            .sec-margin-70 {
                margin: 35px 0
            }

            .sec-margin-60 {
                margin: 30px 0
            }

            .sec-margin-xlarge {
                margin: 25px 0
            }

            .sec-margin-large {
                margin: 20px 0
            }

            .sec-margin-medium,
            .sec-margin-small {
                margin: 15px 0
            }

            .sec-margin-xsmall {
                margin: 10px 0
            }

            .sliderxs {
                padding-bottom: 30px
            }

            .footer-nav2 {
                float: none;
                margin-top: 0
            }

            .disclaimer {
                text-align: center
            }
        }

        @media screen and (max-width:736px) {

            .floatbutton,
            .hart-bg:after,
            .hart-bg:before,
            .mb-no-serv,
            .nav-area-full,
            .team-box1.brdr:after,
            .team-box1.brdr:before,
            .ys-container.visible {
                display: none
            }

            .mob-services,
            .mobile-cta {
                display: block
            }

            .prc_boxess {
                min-height: auto
            }

            .mob-services .slick-prev {
                top: 470px;
                left: 225px;
                height: 40px;
                width: 40px
            }

            .mob-services .slick-next {
                right: 225px;
                top: 470px;
                height: 40px;
                width: 40px
            }

            .book-slider .slick-next,
            .myprocess .book-slider .slick-next {
                top: 375px;
                left: 255px;
                height: 40px;
                width: 40px
            }

            .book-slider .slick-prev,
            .myprocess .book-slider .slick-prev {
                top: 375px;
                left: 210px;
                height: 40px;
                width: 40px
            }

            .tools-sec .tbox {
                padding: 20px 30px;
                margin-top: 20px;
                margin-bottom: 20px;
                min-height: 400px
            }

            .testimonials-slider .slick-next {
                right: 225px;
                top: 405px;
                height: 40px;
                width: 40px
            }

            .testimonials-slider .slick-prev {
                top: 405px;
                left: 225px;
                height: 40px;
                width: 40px
            }

            .Ghost-book-writing-content h1,
            .built-sec h2,
            .clientele-sec h2,
            .cntc-form h3,
            .collaboration-sec .wrapper h2,
            .form-box-main h2,
            .fourth-sec-content h3,
            .ghst-writng-content h1,
            .git h3,
            .home-banner-content h1,
            .info-content h3,
            .introduction-sec .wrapper h3,
            .introduction-sec2 .wrapper h3,
            .main-ghst-sec h3,
            .mycta h2,
            .myprocess h2,
            .our-team h1,
            .policypg h2,
            .strt-cta h3,
            .team-content h3,
            .thierd-sec-content h3,
            .tools-sec h2,
            .tpmst-heading h2,
            .trst-rvw h1,
            .works-content h3 {
                font-size: 32px
            }

            .Ghost-book-writing-content p,
            .built-sec p,
            .cntc-form p,
            .collaboration-sec .wrapper p,
            .fourth-sec-content p,
            .ghst-writng-content p,
            .git p,
            .git-box2 p,
            .home-banner-content .subtitle,
            .info-content p,
            .introduction-sec .wrapper p,
            .introduction-sec2 .wrapper p,
            .main-ghst-sec p,
            .mycta p,
            .myprocess p,
            .quest-content p,
            .strt-cta p,
            .team-content p,
            .thierd-sec-content p,
            .tools-sec p,
            .trst-rvw p,
            .works-content p {
                font-size: 18px
            }

            .home-banner-content {
                padding-top: 0;
                margin-top: 0;
                top: 0
            }

            .home-banner {
                height: 850px
            }

            .ser-box1 {
                width: 100%;
                text-align: center;
                padding-bottom: 30px
            }

            .ser-box2 {
                width: 100%;
                padding-left: 0
            }

            .main-ser.main-serv-mob {
                margin-top: 60px
            }

            .alts-box1 img,
            .book-slider .slick-slide img {
                display: inline-block
            }

            .info-content {
                padding: 0 0 10px
            }

            .slider-wrapper.black .home-banner-content {
                margin-top: 0
            }

            .hompg .main-ghst-writng-second-sec,
            .main-ghst-writng-second-sec {
                padding-top: 30px
            }

            .cta-dr .btnwrap {
                padding: 0 0 30px
            }

            .built-sec p,
            .wdt-80 {
                width: 100%
            }

            .collaboration-sec .wrapper,
            .form-box-main {
                padding-top: 0
            }

            .main-Ghost-book-writing-sec {
                padding: 0
            }

            .collaboration-sec figure,
            .main-Ghost-book-writing-sec figure,
            .main-belve-sec figure,
            .thierd-sec-img figure {
                text-align: center
            }

            .main-Ghost-book-writing-sec img {
                width: 60%
            }

            .introduction-sec2 figure {
                text-align: center;
                padding: 0 0 30px
            }

            .myprocess.main-ghst-sec p {
                padding-bottom: 20px
            }

            .myprocess.main-ghst-sec .book-slider .slick-prev {
                top: 450px;
                left: 210px;
                height: 40px;
                width: 40px
            }

            .myprocess.main-ghst-sec .book-slider .slick-next {
                top: 450px;
                left: 255px;
                height: 40px;
                width: 40px
            }

            .myprocess {
                padding: 30px 0 60px
            }

            .introduction-sec2 {
                padding: 60px 0 30px
            }

            .home-banner-content.hme-bner-cntn {
                position: relative;
                display: none
            }

            .analyzeform form .dtf {
                width: 100%;
                float: none
            }

            .home-banner-content.hme-bner-cntn input.submit {
                width: 100%;
                text-align: center;
                padding: 15px !important;
                margin-left: 0
            }

            .ghst-writng-img-sec figure {
                margin: 20px 0 0;
                text-align: center
            }

            .ghostwriting-page .collaboration-sec figure {
                margin-top: 40px
            }

            .clientele-sec,
            .ghostwriting-page .collaboration-sec {
                padding: 30px 0
            }

            .strt-bg {
                padding-bottom: 30px
            }

            .ghostwriting-page .testimonials-slider .slick-next,
            .ghostwriting-page .testimonials-slider .slick-prev {
                top: 425px
            }

            .slick-next,
            .slick-prev {
                width: 40px;
                height: 40px
            }

            .main-strt-cta-sec {
                height: 300px
            }

            .git-box2 {
                padding-left: 10px
            }

            .git-box2 h3 {
                font-size: 20px
            }

            .ultimate-slider .slick-next {
                top: 260px;
                left: 265px
            }

            .ultimate-slider .slick-prev {
                top: 260px;
                left: 215px
            }

            .tls-sft {
                margin: 0 0 20px
            }

            .tls-sft h3 {
                font-size: 22px
            }

            .hart-bg,
            .prtfo.sec-padding-60 {
                padding-bottom: 70px
            }

            .cntc-form {
                padding: 15px 30px
            }

            .main-wrkup-sec {
                height: 675px
            }

            .collaboration-sec figure img,
            .ghst-writng-img-sec img,
            .main-belve-sec figure img,
            .team-img figure img,
            .teamwork-img figure img,
            .thierd-sec-img figure img {
                width: 80%
            }

            .analyzeform form .dtf input {
                border-radius: 0 !important
            }

            .team-img figure,
            .teamwork-img figure {
                text-align: center;
                margin-bottom: 0
            }

            .prtfo .testimonials-slider .slick-next,
            .prtfo .testimonials-slider .slick-prev {
                top: 580px
            }

            .tb1-img-sec {
                padding: 30px 0;
                width: 80%;
                margin: 0 auto
            }

            .main-atls {
                margin: 25px 0 30px
            }
        }

        @media screen and (max-width:667px) {
            .services-banner {
                padding: 0 !important;
                background: #fff
            }

            .services-banner .home-banner-content {
                padding-top: 0;
                margin-top: calc(100% - 20%) !important
            }

            .ftr-social {
                margin: 0 0 15px
            }
        }

        @media only screen and (max-width:480px) and (min-width:0px) {

            .blog-list-slider li .hover-box p,
            .helpsec .cstn-column .imgplace,
            .landing-pagetext figure img {
                display: none
            }

            .helpsec .cstn-column .txtwrap {
                width: 100%;
                padding: 0 20px
            }

            .innerctabottom {
                width: 100%
            }

            .inner-pages .inner-banner {
                height: 1020px
            }

            .portfoliolist.portfoliolist-logo li>div {
                margin: 10px
            }

            .accordion {
                margin-top: 0
            }

            .faqsection {
                padding: 30px 0
            }

            .form-box-main {
                padding: 0 !important
            }

            .form-box-main h2 {
                font-size: 22px !important
            }

            .home-banner {
                padding-top: 0 !important
            }

            body.order-page.iti-mobile .form-box-main form {
                padding-top: 0
            }
        }

        @media screen and (max-width:480px) {

            .banner-form,
            .home-banner-content.hme-bner-cntn,
            .tphead {
                position: relative
            }

            .main-wrkup-sec {
                height: 680px
            }

            .hart-bg {
                padding-bottom: 5px
            }

            .git-box2 {
                padding-left: 0
            }

            section.main-ghst-writng-sixth-sec {
                margin-bottom: 15px
            }

            .ghostwriting-page .testimonials-slider .slick-next,
            .ghostwriting-page .testimonials-slider .slick-prev {
                top: 390px
            }

            .ultimate-slider .slick-next {
                top: 155px;
                left: 207px
            }

            .ultimate-slider .slick-prev {
                top: 155px;
                left: 160px
            }

            .git-box2 h3,
            .main-team_work-sec,
            .myprocess p.no-pad-mob,
            .myprocess ul li p,
            .myprocess.main-ghst-sec p {
                padding-bottom: 0
            }

            .myprocess.main-ghst-sec .book-slider .slick-next {
                top: 465px;
                left: 195px
            }

            .myprocess.main-ghst-sec .book-slider .slick-prev {
                top: 465px;
                left: 148px
            }

            .myprocess .book-slider .slick-next {
                top: 400px;
                left: 195px
            }

            .myprocess .book-slider .slick-prev {
                top: 400px;
                left: 148px
            }

            .home-banner {
                height: 825px
            }

            .home-banner-content {
                max-width: 100%
            }

            .Ghost-book-writing-content h1,
            .built-sec h2,
            .clientele-sec h2,
            .cntc-form h3,
            .collaboration-sec .wrapper h2,
            .form-box-main h2,
            .fourth-sec-content h3,
            .ghst-writng-content h1,
            .git h3,
            .home-banner-content h1,
            .info-content h3,
            .introduction-sec .wrapper h3,
            .introduction-sec2 .wrapper h3,
            .main-ghst-sec h3,
            .mycta h2,
            .myprocess h2,
            .our-team h1,
            .policypg h2,
            .strt-cta h3,
            .team-content h3,
            .thierd-sec-content h3,
            .tools-sec h2,
            .tpmst-heading h2,
            .trst-rvw h1,
            .works-content h3 {
                font-size: 28px
            }

            .Ghost-book-writing-content p,
            .built-sec p,
            .cntc-form p,
            .collaboration-sec .wrapper p,
            .fourth-sec-content p,
            .ghst-writng-content p,
            .git p,
            .git-box2 p,
            .home-banner-content .subtitle,
            .info-content p,
            .introduction-sec .wrapper p,
            .introduction-sec2 .wrapper p,
            .main-ghst-sec p,
            .mycta p,
            .myprocess p,
            .quest-content p,
            .quest-title,
            .strt-cta p,
            .team-content p,
            .thierd-sec-content p,
            .tools-sec p,
            .trst-rvw p,
            .works-content p {
                font-size: 16px
            }

            .main-counter-sec {
                height: auto;
                padding: 0 60px
            }

            .clientele-sec,
            .ghostwriting-page .collaboration-sec,
            .hompg .main-ghst-writng-second-sec,
            .introduction-sec2,
            .myprocess,
            .sec-padding {
                padding: 30px 0
            }

            .sevr-img {
                display: none
            }

            .main-ser.main-serv-mob,
            .tools-sec .tbx {
                margin-top: 60px
            }

            .ser-box2 h3 {
                font-size: 20px
            }

            .mycta .btnwrap a {
                margin: 0 3px
            }

            .built-sec p,
            .form-box-main form input[type=file],
            .icn-box-ser,
            .main-Ghost-book-writing-sec img,
            .myprocess ul li,
            .prc_boxess .plus-pri,
            .serForm .analyzeform,
            .wdt-80 {
                width: 100%
            }

            .myprocess ul {
                margin-top: 0
            }

            .myprocess p,
            .myprocess ul li p {
                padding-bottom: 50px
            }

            .info-content,
            .testimonials-slider {
                padding: 0
            }

            section.main-sft-sec {
                padding-bottom: 60px
            }

            .collaboration-sec {
                padding: 50px 0
            }

            .mycta,
            .strt-bg,
            .team-img {
                padding: 30px 0 0
            }

            .cta-dr .btnwrap {
                padding: 0 0 30px
            }

            .ser-box1 {
                width: 100%;
                text-align: center;
                padding-bottom: 30px
            }

            .ser-box2 {
                width: 100%;
                padding-left: 0
            }

            .introduction-sec {
                padding: 30px 0;
                background-position: right
            }

            .main-Ghost-book-writing-sec {
                height: 660px;
                padding: 30px 0 0
            }

            .Ghost-book-writing-content h1 {
                line-height: 32px
            }

            .introduction-sec2 figure {
                text-align: center;
                padding: 15px 0 30px
            }

            .myprocess ul li figure {
                margin-top: 30px
            }

            .ghst-writng-content a {
                margin: 0 5px 0 0
            }

            .analyzeform form .dtf {
                width: 100%;
                float: none
            }

            .main-ghst-writng-first-sec {
                margin: calc(100% - 82%) 0 auto
            }

            .mobile-nav-btn {
                z-index: 999;
                top: 22px
            }

            .boxessec .boxeswrap ul li {
                width: 100%;
                margin: 10px auto !important
            }

            .home-banner-content.hme-bner-cntn input.submit {
                width: 100%;
                text-align: center;
                padding: 15px !important;
                margin-left: 0
            }

            .ghst-writng-img-sec figure {
                margin: 20px 0 65px
            }

            .analyzeform form .dtf input {
                border-radius: 0 !important
            }

            .main-ghst-writng-second-sec {
                padding-top: 30px
            }

            .ghostwriting-page .collaboration-sec figure {
                margin: 50px 0 0
            }

            .main-strt-cta-sec {
                height: auto
            }

            .tls-sft {
                margin-bottom: 15px;
                padding: 20px
            }

            .cntc-form,
            .tools-sec .tbox {
                padding: 20px 30px
            }

            .bot-form form input[type=submit],
            .btn-theme,
            .btn-theme-outline {
                font-size: 15px
            }

            .cntc-form .bot-form form input[type=submit],
            figure {
                margin: 0
            }

            .tools-sec .tbox {
                margin-top: 20px;
                margin-bottom: 20px;
                min-height: 300px
            }

            .mtpx-100 {
                margin-top: 20px !important
            }

            .tools-sec .tbox a {
                bottom: 15px
            }

            .ord-box1,
            .ord-box2 {
                width: 50%;
                vertical-align: top
            }

            .mob-services .slick-prev {
                top: 370px;
                left: 160px;
                height: 40px;
                width: 40px
            }

            .mob-services .slick-next {
                right: 160px;
                top: 370px;
                height: 40px;
                width: 40px
            }

            .testimonials-slider .slick-prev {
                top: 400px;
                left: 160px;
                height: 40px;
                width: 40px
            }

            .testimonials-slider .slick-next {
                right: 160px;
                top: 400px;
                height: 40px;
                width: 40px
            }

            .prtfo .testimonials-slider .slick-next,
            .prtfo .testimonials-slider .slick-prev {
                top: 585px
            }

            .prtfo.sec-padding-60 {
                padding-bottom: 70px
            }

            .book-slider .slick-prev {
                top: 410px;
                left: 150px;
                height: 40px;
                width: 40px
            }

            .book-slider .slick-next {
                top: 410px;
                left: 200px;
                height: 40px;
                width: 40px
            }

            .main-sft-sec .slick-next {
                top: 340px;
                left: 220px
            }

            .main-sft-sec .slick-prev {
                top: 340px;
                left: 165px
            }

            .banner-form {
                top: 20px
            }

            .myprocess ul li p span {
                display: inline-block
            }

            .tools-sec {
                padding: 30px 0 60px
            }

            .collaboration-sec .wrapper,
            .services-page .home-banner-content {
                padding-top: 0
            }

            .prc_boxess .small-serces {
                width: 100%;
                padding: 25px 0
            }

            .icn-box-ser figure img {
                width: 20%
            }

            .main-pricing-sec .prce_box {
                margin: 15px 0 100px
            }

            .main-pricing-sec .testimonials-slider .slick-next,
            .main-pricing-sec .testimonials-slider .slick-prev {
                top: 570px
            }

            .slider-wrapper.black.non-mar {
                margin-top: -30px
            }

            .services-page .slider-wrapper.black.non-mar {
                margin-top: 50px
            }

            .form-box-main form input[type=submit] {
                padding: 10px 30px;
                font-size: 15px
            }

            .prce_box {
                border: 1px solid #dfb10c;
                margin: 15px 15px 55px
            }

            .form-box-main form input[type=email],
            .form-box-main form input[type=number],
            .form-box-main form input[type=tel],
            .form-box-main form input[type=text],
            .form-box-main form select {
                padding: 15px;
                font-size: 14px;
                height: 40px;
                border-radius: 6px
            }

            .form-box-main form input[type=tel],
            .form-box-main form select {
                padding: 5px 15px
            }

            .form-box-main form textarea {
                font-size: 14px
            }

            .custom-package p {
                display: block
            }

            .popup .wrapper {
                padding: 20px 0
            }

            .popup .wrapper h3 {
                font-size: 18px
            }

            .popup .wrapper p {
                font-size: 13px
            }
        }

        @media screen and (max-width:375px) {
            .main-wrkup-sec {
                height: 665px
            }

            .mycta .btnwrap a {
                margin: 0 2px
            }

            .mycta .btnwrap .btn-theme {
                padding: 10px 12px
            }

            .mycta .btnwrap .btn-theme-outline {
                padding: 9px 12px
            }

            .Ghost-book-writing-content h1,
            .built-sec h2,
            .clientele-sec h2,
            .cntc-form h3,
            .collaboration-sec .wrapper h2,
            .form-box-main h2,
            .fourth-sec-content h3,
            .ghst-writng-content h1,
            .git h3,
            .home-banner-content h1,
            .info-content h3,
            .introduction-sec .wrapper h3,
            .introduction-sec2 .wrapper h3,
            .main-ghst-sec h3,
            .mycta h2,
            .myprocess h2,
            .our-team h1,
            .policypg h2,
            .strt-cta h3,
            .team-content h3,
            .thierd-sec-content h3,
            .tools-sec h2,
            .tpmst-heading h2,
            .trst-rvw h1,
            .works-content h3 {
                font-size: 24px
            }

            .Ghost-book-writing-content p,
            .built-sec p,
            .cntc-form p,
            .collaboration-sec .wrapper p,
            .fourth-sec-content p,
            .ghst-writng-content p,
            .git p,
            .git-box2 p,
            .home-banner-content .subtitle,
            .info-content p,
            .introduction-sec .wrapper p,
            .introduction-sec2 .wrapper p,
            .main-ghst-sec p,
            .mycta p,
            .myprocess p,
            .quest-content p,
            .strt-cta p,
            .team-content p,
            .thierd-sec-content p,
            .tls-sft p,
            .tools-sec p,
            .trst-rvw p,
            .works-content p {
                font-size: 14px
            }

            .main-counter-sec {
                height: auto;
                padding: 0 30px
            }

            .main-princing-sec-hme .nav-pills li {
                margin-right: 5px
            }

            .pricing-hme-content .smallboxes {
                padding: 20px 10px
            }

            .pricing-hme-img {
                padding: 20px 0 0
            }

            .form-box-main {
                padding: 30px 0
            }

            .main-Ghost-book-writing-sec {
                height: 620px
            }

            .home-banner {
                height: 825px
            }

            .testimonials-slider .slick-prev {
                left: 140px
            }

            .testimonials-slider .slick-next {
                right: 150px
            }

            .book-slider .slick-prev {
                top: 360px;
                left: 145px
            }

            .book-slider .slick-next {
                top: 360px;
                left: 190px
            }

            .mob-services .slick-prev {
                top: 375px;
                left: 140px
            }

            .mob-services .slick-next {
                top: 375px;
                right: 150px
            }

            .myprocess .book-slider .slick-prev {
                top: 415px;
                left: 130px
            }

            .myprocess .book-slider .slick-next {
                top: 415px;
                left: 175px
            }

            .myprocess.main-ghst-sec .book-slider .slick-prev {
                top: 480px;
                left: 130px
            }

            .myprocess.main-ghst-sec .book-slider .slick-next {
                top: 480px;
                left: 177px
            }

            .ultimate-slider .slick-next {
                top: calc(100% - 0%);
                left: 180px
            }

            .ultimate-slider .slick-prev {
                top: calc(100% - 0%);
                left: 135px
            }

            .main-pricing-sec .testimonials-slider .slick-next,
            .main-pricing-sec .testimonials-slider .slick-prev {
                top: 570px
            }
        }

        @media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
            .nav-area-full {
                display: block;
                margin-top: 0
            }

            .mobile-nav-btn {
                z-index: 999;
                top: 26px
            }

            .mobile-nav-btn span,
            .mobile-nav-btn span:after,
            .mobile-nav-btn span:before {
                background-color: #6c7780
            }

            .mobile-nav .logo-main {
                width: 130px
            }

            .Ghost-book-writing-content h1,
            .built-sec h2,
            .clientele-sec h2,
            .cntc-form h3,
            .collaboration-sec .wrapper h2,
            .form-box-main h2,
            .fourth-sec-content h3,
            .ghst-writng-content h1,
            .git h3,
            .home-banner-content h1,
            .info-content h3,
            .introduction-sec .wrapper h3,
            .introduction-sec2 .wrapper h3,
            .main-ghst-sec h3,
            .mycta h2,
            .myprocess h2,
            .our-team h1,
            .policypg h2,
            .strt-cta h3,
            .team-content h3,
            .thierd-sec-content h3,
            .tools-sec h2,
            .tpmst-heading h2,
            .trst-rvw h1,
            .works-content h3 {
                font-size: 28px
            }

            .Ghost-book-writing-content p,
            .built-sec p,
            .cntc-form p,
            .collaboration-sec .wrapper p,
            .fourth-sec-content p,
            .ghst-writng-content p,
            .git p,
            .git-box2 p,
            .home-banner-content .subtitle,
            .info-content p,
            .introduction-sec .wrapper p,
            .introduction-sec2 .wrapper p,
            .main-ghst-sec p,
            .mycta p,
            .myprocess p,
            .myprocess ul li h3,
            .quest-content p,
            .strt-cta p,
            .team-box1 h3,
            .team-content p,
            .thierd-sec-content p,
            .tools-sec p,
            .trst-rvw p,
            .works-content p {
                font-size: 16px
            }

            .floatbutton,
            .sevr-img {
                display: none
            }

            .banner-form h3,
            .git-box2 h3,
            .ser-box2 h3 {
                font-size: 18px
            }

            .btn-theme,
            .btn-theme-outline,
            .team-box1 a.team-lnk,
            .team-box1 p {
                font-size: 14px
            }

            .tools-sec .tbox {
                min-height: 300px
            }

            .collaboration-sec figure,
            .main-belve-sec figure,
            .thierd-sec-img figure {
                text-align: center
            }

            .collaboration-sec figure img,
            .main-belve-sec figure img,
            .team-img figure img,
            .teamwork-img figure img,
            .thierd-sec-img figure img {
                width: 80%
            }

            .clientele-sec {
                padding: 30px 0;
                margin-top: 60px
            }

            .main-princing-sec-hme .nav-pills li {
                margin-right: 0
            }

            .header-main {
                position: fixed;
                background: #fff
            }

            .hompg .home-banner {
                height: 425px
            }

            .hompg .banner-form {
                padding: 15px;
                top: 50px
            }

            .Ghost-book-writing-content h1 {
                line-height: 32px
            }

            .main-Ghost-book-writing-sec {
                height: 500px;
                padding: 50px 0 0
            }

            .ghst-writng-content a {
                margin: 0 5px
            }

            .home-banner-content.hme-bner-cntn input.submit {
                padding: 15px 35px 19px !important
            }

            .main-wrkup-sec {
                height: 810px
            }

            .contact-page .btn-theme-outline {
                padding: 6px 7px
            }

            .fologo {
                margin-bottom: 30px
            }

            .prce_box,
            .team-box1 {
                padding: 15px
            }

            .prce_box h3 {
                padding: 0
            }

            .main-ghst-writng-first-sec {
                margin-top: 0
            }

            .collaboration-sec,
            .myprocess,
            .sec-padding-60 {
                padding: 30px 0
            }

            .git-box2 {
                padding-left: 15px
            }

            .hart-bg {
                padding-bottom: 0
            }

            .icn-box-ser,
            .prc_boxess .plus-pri {
                width: 100%
            }

            .prc_boxess .small-serces {
                width: 100%;
                padding: 20px 0
            }

            .prc_boxess {
                min-height: 335px
            }

            .icn-box-ser figure img {
                width: 20%
            }
        }

        @media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {

            .mob-services .slick-next,
            .testimonials-slider .slick-next {
                right: 240px
            }

            .mob-services .slick-prev {
                left: 236px
            }

            .Ghost-book-writing-content h1,
            .banner-form h3,
            .built-sec h2,
            .clientele-sec h2,
            .cntc-form h3,
            .collaboration-sec .wrapper h2,
            .form-box-main h2,
            .fourth-sec-content h3,
            .ghst-writng-content h1,
            .git h3,
            .home-banner-content h1,
            .info-content h3,
            .introduction-sec .wrapper h3,
            .introduction-sec2 .wrapper h3,
            .main-ghst-sec h3,
            .mycta h2,
            .myprocess h2,
            .our-team h1,
            .policypg h2,
            .strt-cta h3,
            .team-content h3,
            .thierd-sec-content h3,
            .tools-sec h2,
            .tpmst-heading h2,
            .trst-rvw h1,
            .works-content h3 {
                font-size: 26px
            }

            .Ghost-book-writing-content p,
            .built-sec p,
            .cntc-form p,
            .collaboration-sec .wrapper p,
            .fourth-sec-content p,
            .ghst-writng-content p,
            .git p,
            .git-box2 p,
            .home-banner-content .subtitle,
            .info-content p,
            .introduction-sec .wrapper p,
            .introduction-sec2 .wrapper p,
            .main-ghst-sec p,
            .mycta p,
            .myprocess p,
            .quest-content p,
            .strt-cta p,
            .team-content p,
            .thierd-sec-content p,
            .tools-sec p,
            .trst-rvw p,
            .works-content p {
                font-size: 16px
            }

            .book-slider .slick-next {
                left: 273px
            }

            .book-slider .slick-prev {
                left: 228px
            }

            .btn-theme,
            .btn-theme-outline {
                font-size: 14px
            }

            .testimonials-slider .slick-prev {
                left: 240px
            }

            .prtfo .testimonials-slider .slick-next,
            .prtfo .testimonials-slider .slick-prev {
                top: 580px
            }

            .prtfo.sec-padding-60 {
                padding-bottom: 70px
            }

            .banner-form {
                width: 95%
            }

            .Ghost-book-writing-content h1 {
                line-height: 30px
            }

            .main-Ghost-book-writing-sec {
                height: 530px
            }

            .collaboration-sec figure img,
            .team-img img,
            .thierd-sec-img figure img {
                width: 60%
            }

            .team-img figure {
                text-align: center;
                margin: 0
            }

            .myprocess .book-slider .slick-next {
                left: 275px;
                top: 370px
            }

            .myprocess .book-slider .slick-prev {
                left: 230px;
                top: 370px
            }

            .myprocess.main-ghst-sec .book-slider .slick-next {
                left: 275px
            }

            .myprocess.main-ghst-sec .book-slider .slick-prev {
                left: 230px
            }

            .clientele-sec {
                padding: 30px 0
            }

            .ultimate-slider .slick-next {
                top: 220px;
                left: 280px
            }

            .ultimate-slider .slick-prev {
                top: 220px;
                left: 230px
            }

            .main-wrkup-sec {
                height: 640px
            }

            .hart-bg {
                padding-bottom: 20px
            }

            .main-strt-cta-sec {
                height: 340px
            }
        }

        @media (max-width:320px) {
            .popup .wrapper {
                padding: 15px 0
            }

            .popup .wrapper h3 {
                font-size: 16px
            }

            .popup .wrapper p {
                font-size: 13px
            }
        }

        @media screen and (max-width:320px) {

            .Ghost-book-writing-content h1,
            .banner-form h3,
            .built-sec h2,
            .clientele-sec h2,
            .cntc-form h3,
            .collaboration-sec .wrapper h2,
            .form-box-main h2,
            .fourth-sec-content h3,
            .ghst-writng-content h1,
            .git h3,
            .home-banner-content h1,
            .info-content h3,
            .introduction-sec .wrapper h3,
            .introduction-sec2 .wrapper h3,
            .main-ghst-sec h3,
            .mycta h2,
            .myprocess h2,
            .our-team h1,
            .policypg h2,
            .strt-cta h3,
            .team-content h3,
            .thierd-sec-content h3,
            .tools-sec h2,
            .tpmst-heading h2,
            .trst-rvw h1,
            .works-content h3 {
                font-size: 22px
            }

            .git-box2 p,
            .introduction-sec .wrapper h3 span {
                font-size: 14px
            }

            .main-counter-sec {
                height: auto;
                padding: 0 0 0 30px
            }

            .main-ghst-writng-first-sec .ghst-writng-content .btn-theme,
            .main-ghst-writng-first-sec .ghst-writng-content .btn-theme-outline,
            .mycta .btnwrap .btn-theme {
                padding: 10px
            }

            .ghst-writng-content a {
                margin: 0
            }

            .git-box2 h3 {
                font-size: 20px;
                padding: 0
            }

            .main-princing-sec-hme .nav-pills li {
                margin-right: 0
            }

            .main-princing-sec-hme .nav-pills li a {
                padding: 6px;
                font-size: 13px
            }

            .mycta .btnwrap .btn-theme-outline {
                padding: 9px 10px
            }

            .mob-services .slick-next,
            .testimonials-slider .slick-next {
                right: 168px;
                top: 400px
            }

            .book-slider .slick-prev {
                top: 360px;
                left: 115px
            }

            .book-slider .slick-next {
                top: 360px;
                left: 160px
            }

            .home-banner-content {
                padding-top: 0
            }

            .mtpx-100 {
                margin-top: 0 !important
            }

            .form-box-main {
                padding: 0
            }

            .mob-services .slick-prev {
                top: 400px;
                left: 160px
            }

            .testimonials-slider .slick-prev {
                left: 160px
            }

            .myprocess .book-slider .slick-prev {
                top: 430px;
                left: 100px
            }

            .myprocess .book-slider .slick-next {
                top: 430px;
                left: 148px
            }

            .myprocess.main-ghst-sec .book-slider .slick-prev {
                top: 500px;
                left: 100px
            }

            .myprocess.main-ghst-sec .book-slider .slick-next {
                top: 500px;
                left: 148px
            }

            .ultimate-slider .slick-prev {
                top: 170px;
                left: 115px
            }

            .ultimate-slider .slick-next {
                top: 170px;
                left: 160px
            }

            .slider-wrapper.black.non-mar {
                margin-top: 30px
            }

            .padding-set {
                padding: 0 !important
            }

            .mypopup-wrap {
                height: 90%
            }

            .mypopup-wrap .mypopup .right {
                padding: 20px 15px
            }

            .analyzeform form input[type=email],
            .analyzeform form input[type=number],
            .analyzeform form input[type=tel],
            .analyzeform form input[type=text],
            .analyzeform form textarea {
                height: 40px
            }
        }

        @media only screen and (min-width:1200px) and (max-width:1399px) {
            .modaL_order2 .modal-dialog {
                width: 800px
            }
        }

        @media only screen and (min-width:768px) and (max-width:991px) {

            .black_friday,
            .designunigue .subimages li:nth-child(3),
            .designunigue .subimages li:nth-child(4),
            .designunigue .subimages li:nth-child(5),
            .floatbutton2,
            .trust-pilot {
                display: none
            }

            .forpgactive,
            .top-info-list,
            ul.othermenu.forpgactive {
                display: flex !important
            }

            .book-covers,
            .imgtabs,
            .top-info-list li:nth-child(2) {
                display: block
            }

            .modaL_order2 .modal-dialog {
                max-width: 600px
            }

            .header-main .secondlogo a {
                width: 55%;
                display: block;
                margin: 0
            }

            .top-info-list li a {
                font-size: 14px
            }

            .baner_data_area h1 {
                font-size: 30px
            }

            .baner_data_area h5 {
                font-size: 18px
            }

            .services-navwrp .mainwrp-second .imgtabs ul li {
                width: 21% !important;
                margin: 0 auto;
                float: inherit
            }

            .button-section-for-all a:first-child {
                margin: 0 !important
            }

            .services-navwrp .mainwrp-second .txtwrp h2,
            .services-navwrp .mainwrp-second .txtwrp p {
                text-align: center !important;
                padding: 10px 0 0 !important
            }

            .imgtabs {
                width: 100%
            }

            .designunigue ul li:first-child,
            .designunigue ul li:last-child {
                width: 30%
            }

            .designunigue ul li:nth-child(2) {
                width: 40%
            }

            .designunigue ul {
                display: flex
            }

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

            .checklist li {
                width: 33% !important
            }

            .button-section-for-all a {
                margin: 0 0 0 10px !important
            }

            .button-section-for-all {
                flex-direction: row !important;
                justify-content: center
            }

            .top-info-list li {
                margin: 0 0 10px
            }

            .header-main,
            .header-main.showmenu {
                position: relative
            }

            .banner-content-home h2 .wrap,
            .heading h3 {
                font-size: 32px
            }

            .banner-home .form-banner {
                flex-direction: column
            }

            .banner-home .form-banner .custom-input {
                width: 90%;
                margin: 0 0 15px
            }

            .banner-home .form-banner button {
                width: 90%
            }

            .button-section-for-all {
                flex-direction: column;
                width: 100%
            }

            .button-section-for-all a,
            .button-section-for-all a:hover {
                margin: 0 0 15px
            }

            .book-covers {
                margin-top: 0
            }

            .book-covers ul li img {
                margin: 0 auto
            }

            .cta__4 {
                padding: 20px 0
            }

            .slick-dots li button:before {
                background: #c18d3b
            }

            .our-testimonial .testi-slider-here .slick-prev {
                left: -10px
            }

            .our-testimonial .testi-slider-here .slick-next {
                right: -10px
            }

            .banner-home .banner-content-home {
                margin: 30px 0
            }
        }

        @media only screen and (min-width:520px) and (max-width:768px) {

            .black_friday,
            .designunigue ul li .subimages li:last-child,
            .designunigue ul li .subimages li:nth-child(4),
            .floatbutton,
            .floatbutton2,
            .top-info-list li a span,
            .top-info-list li:last-child,
            .trust-pilot {
                display: none
            }

            .first_banner_area {
                background: #303030;
                padding: 30px 0
            }

            .baner_data_area h1 {
                font-size: 24px
            }

            .baner_data_area h5 {
                font-size: 14px
            }

            .banner-home .form-banner,
            .first_banner_area .form-banner {
                flex-direction: column
            }

            .first_banner_area .form-banner .custom-input {
                width: 100%;
                margin: 0 0 10px
            }

            .baner_click,
            .servicesecs .boxwrap li {
                width: 45%
            }

            .servicesecs .boxwrap {
                display: flex;
                flex-wrap: wrap
            }

            .forpgactive,
            .top-info-list,
            ul.othermenu.forpgactive {
                display: flex !important
            }

            .book-covers,
            .top-info-list li:nth-child(2) {
                display: block
            }

            .header-main .secondlogo a {
                width: 95%;
                margin: 0 auto;
                display: block
            }

            .header-main,
            .header-main.showmenu {
                position: relative
            }

            .banner-content-home h2 .wrap,
            .heading h3 {
                font-size: 32px
            }

            .banner-home .form-banner .custom-input {
                width: 90%;
                margin: 0 0 15px
            }

            .banner-home .form-banner button {
                width: 90%
            }

            .button-section-for-all {
                flex-direction: column;
                width: 100%
            }

            .button-section-for-all a,
            .button-section-for-all a:hover {
                margin: 0 0 15px
            }

            .book-covers {
                margin-top: 0
            }

            .book-covers ul li img {
                margin: 0 auto
            }

            .services-navwrp .mainwrp-second .imgtabs ul li {
                width: 46%;
                margin: 0 auto;
                float: inherit
            }

            .cta__4 {
                padding: 20px 0
            }

            .slick-dots li button:before {
                background: #c18d3b
            }

            .our-testimonial .testi-slider-here .slick-prev {
                left: -10px
            }

            .our-testimonial .testi-slider-here .slick-next {
                right: -10px
            }

            .banner-home .banner-content-home {
                margin: 30px 0
            }

            .designunigue ul li:first-child {
                text-align: center
            }

            .designunigue .subimages {
                flex-wrap: wrap
            }

            .designunigue .subimages li {
                margin: 0 0 5px
            }

            .float i {
                font-size: 22px
            }
        }

        @media only screen and (min-width:300px) and (max-width:519px) {
            .first_banner_area {
                background: #303030;
                padding: 30px 0
            }

            .baner_data_area h1 {
                font-size: 24px
            }

            .baner_data_area h5 {
                font-size: 14px
            }

            .banner-home .form-banner,
            .first_banner_area .form-banner {
                flex-direction: column
            }

            .first_banner_area .form-banner .custom-input {
                width: 100%;
                margin: 0 0 10px
            }

            .baner_click,
            .servicesecs .boxwrap li {
                width: 100%
            }

            .servicesecs .boxwrap {
                display: flex;
                flex-wrap: wrap
            }

            .black_friday,
            .designunigue ul li .subimages li:last-child,
            .designunigue ul li .subimages li:nth-child(4),
            .floatbutton2,
            .top-info-list li a span,
            .top-info-list li:last-child,
            .trust-pilot {
                display: none
            }

            .forpgactive,
            .top-info-list,
            ul.othermenu.forpgactive {
                display: flex !important
            }

            .book-covers,
            .top-info-list li:nth-child(2) {
                display: block
            }

            .header-main .secondlogo a {
                width: 95%;
                margin: 0 auto;
                display: block
            }

            .header-main,
            .header-main.showmenu {
                position: relative
            }

            .banner-content-home h2 .wrap,
            .heading h3 {
                font-size: 32px
            }

            .banner-home .form-banner .custom-input {
                width: 90%;
                margin: 0 0 15px
            }

            .banner-home .form-banner button {
                width: 90%
            }

            .button-section-for-all {
                flex-direction: column;
                width: 100%
            }

            .button-section-for-all a,
            .button-section-for-all a:hover {
                margin: 0 0 15px
            }

            .book-covers {
                margin-top: 0
            }

            .book-covers ul li img {
                margin: 0 auto
            }

            .services-navwrp .mainwrp-second .imgtabs ul li {
                width: 46%;
                margin: 0 auto;
                float: inherit
            }

            .cta__4 {
                padding: 20px 0
            }

            .slick-dots li button:before {
                background: #c18d3b
            }

            .our-testimonial .testi-slider-here .slick-prev {
                left: -10px
            }

            .our-testimonial .testi-slider-here .slick-next {
                right: -10px
            }

            .banner-home .banner-content-home {
                margin: 30px 0
            }

            .designunigue ul li:first-child {
                text-align: center
            }

            .designunigue .subimages {
                flex-wrap: wrap
            }

            .designunigue .subimages li {
                margin: 0 0 5px
            }

            .float i {
                font-size: 22px
            }}

            .copyright {
    display: flex;
    justify-content
: center;
    align-items: center;
}
.pricing {
    padding: 70px 0;
    position: relative;
    overflow: hidden
}

.price-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.price-head h2 {
    color: #000;
    font-size: 40px;
    font-weight: 400
}

.price-head h2 span,.price-head p span {
    color: #017b89;
    font-weight: 700
}

.price-head p {
    color: #000;
    font-size: 16px;
    font-weight: 400
}

.pkg-box {
    background: #eaeaea;
    border-radius: 14px;
    padding: 14px 12px;
    box-shadow: 5px 5px 5px #00000033;
    transition: .5s;
    margin: 30px 0
}

.pkg-body {
    padding-top: 20px
}

.pkg-box h2 {
    text-align: center;
    color: #000;
    font-size: 26px;
    font-weight: 700
}

.price-box {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #017b89;
    padding: 10px 0;
    margin: 0 -12px;
    overflow: hidden
}

.price-box h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 700
}

.price-box h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 400!important;
    padding-left: 8px
}

.price-box h3 span {
    text-decoration: line-through
}

.pkg-body ul h2 {
    text-align: left
}

.price-head h2::before {
    content: '';
    background-image: url(../images/MONEY.webp);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 100%;
    width: 11%;
    height: 8%;
    position: absolute;
    right: 18%;
    top: 48px
}

.pkg-body h2 {
    text-align: center;
    font-size: 17px;
    padding-top: 10px;
    padding-bottom: 10px
}

.pkg-body ul {
    text-align: left;
    padding: 0 20px;
    margin: 0;
    height: 270px;
    overflow-y: auto;
}

.pkg-body ul li {
font-size: 15px;
    font-weight: 400;
    line-height: 32px;
    color: #171717;
    transition: .4s;
}
.pkg-body ul li i {
    color: #171717;
    margin-right: 10px;
}
.pkg-box:hover .pkg-body ul li i {
    color: #fff;
}
.pkg-body ul li ul{
    height: auto;
    overflow-y: auto;
}
.pkg-body ul li::marker {
    color: #017b89
}

.pkg-body ul::-webkit-scrollbar {
    width: 7px
}

.pkg-body ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 50px
}

.pkg-body ul::-webkit-scrollbar-thumb {
    background: #017b89;
    border-radius: 50px
}

.pkg-body ul::-webkit-scrollbar-thumb:hover {
    background: #fff
}

.pkg-body p {
    text-align: center;
    font-size: 16px;
    color: #017b89;
    font-weight: 400
}

.pkg-body p span {
    font-weight: 700
}

.pkg-speak-box {
    display: flex;
    justify-content: center;
    align-items: center
}

.pkg-btn-box p {
    color: #000;
    font-size: 20px;
    text-align: center;
    padding: 0;
    margin: 0
}

.pkg-btn-box h3 a {
    font-weight: 500!important;
    font-size: 28px;
    margin: 0 10px;
    color: #000;
    text-decoration: none
}

.pkg-btn-qoute {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.pkg-btn-qoute a {
    font-weight: 600;
    background: #017b89;
    width: 90%;
    padding: 14px 30px;
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin-bottom: -38px;
    margin-top: 10px
}

.pkg-box:hover {
    background: #017b89;
    color: #fff
}

.pkg-box:hover h2 {
    color: #fff
}

.pkg-box:hover .price-box {
    background: #fff;
    color: #fff
}

.pkg-box:hover .price-box h2,.pkg-box:hover .price-box h3 {
    color: #017b89
}

.pkg-box:hover .pkg-body ul li {
    color: #fff
}

.pkg-box:hover .pkg-body ul li::marker {
    color: #fff
}

.pkg-box:hover .pkg-body ul::-webkit-scrollbar {
    width: 7px
}

.pkg-box:hover .pkg-body ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #c3c3c3;
    border-radius: 50px
}

.pkg-box:hover .pkg-body ul::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 50px
}

.pkg-box:hover .pkg-body ul::-webkit-scrollbar-thumb:hover {
    background: #fff
}

.pkg-box:hover .pkg-body p,.pkg-box:hover .pkg-btn-box h3 a,.pkg-box:hover .pkg-btn-box p {
    color: #fff
}

.pkg-box:hover .pkg-btn-qoute a {
    background: #fff;
    color: #017b89;
    box-shadow: 5px 5px 5px #0000003d
}

.pkg-slider .slick-dots li button:before {
    transform: rotate(45deg);
    width: 20px;
    height: 20px;
    background: #017b89;
    opacity: 1;
    color: #017b89;
    position: absolute;
    top: 30px;
    border-radius: 5px
}

.pkg-slider .slick-dots li.slick-active button:before {
    background: #017b89;
    opacity: 1;
    color: #017b89
}

@media only screen and (min-width: 300px) and (max-width:767px) {
    .price-head h2::before {
        content:'';
        background-image: url(../images/MONEY.webp);
        background-repeat: no-repeat;
        background-position: 0;
        background-size: 100%;
        width: 26%;
        height: 4%;
        position: absolute;
        right: 4%;
        top: 170px
    }
}