@charset "utf-8";
/* CSS Document */
/********** @import'bootstrap.min.css'; Start **********/

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

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

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

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

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

    a:active, a:hover {
        outline-width: 0
    }

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

img {
    border-style: none
}

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

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

@media print {
    *, ::after, ::before, blockquote::first-letter, blockquote::first-line, div::first-letter, div::first-line, li::first-letter, li::first-line, p::first-letter, p::first-line {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

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

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*, ::after, ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

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

html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff
}

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

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

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

abbr[data-original-title], abbr[title] {
    cursor: help
}

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

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

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

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

a {
    color: #0275d8;
    text-decoration: none
}

    a:focus, a:hover {
        color: #014c8c;
        text-decoration: underline
    }

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

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

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

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

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle
}

[role=button] {
    cursor: pointer
}

[role=button], a, area, button, input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

table {
    border-collapse: collapse;
    background-color: transparent
}

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

th {
    text-align: left
}

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

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

button, input, select, textarea {
    line-height: inherit
}

    input[type=checkbox]:disabled, input[type=radio]:disabled {
        cursor: not-allowed
    }

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

textarea {
    resize: vertical
}

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

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

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

output {
    display: inline-block
}

[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.1;
    color: inherit
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.blockquote {
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: .25rem solid #eceeef
}

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

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

.blockquote-reverse {
    padding-right: 1rem;
    padding-left: 0;
    text-align: right;
    border-right: .25rem solid #eceeef;
    border-left: 0
}

    .blockquote-reverse .blockquote-footer::before {
        content: ""
    }

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

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

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

.figure-caption {
    font-size: 90%;
    color: #636c72
}

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

code {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #f7f7f9;
    border-radius: .25rem
}

a > code {
    padding: 0;
    color: inherit;
    background-color: inherit
}

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

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

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 90%;
    color: #292b2c
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        background-color: transparent;
        border-radius: 0
    }

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

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:576px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:1200px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

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

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

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

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

.container-fluid {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:576px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:1200px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

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

@media (min-width:576px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width:768px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width:992px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width:1200px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

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

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

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-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-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-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-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 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:576px) {
    .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-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-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-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-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 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .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-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-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-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-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 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .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-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-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-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-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 {
        padding-right: 15px;
        padding-left: 15px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pull-0 {
    right: auto
}

.pull-1 {
    right: 8.333333%
}

.pull-2 {
    right: 16.666667%
}

.pull-3 {
    right: 25%
}

.pull-4 {
    right: 33.333333%
}

.pull-5 {
    right: 41.666667%
}

.pull-6 {
    right: 50%
}

.pull-7 {
    right: 58.333333%
}

.pull-8 {
    right: 66.666667%
}

.pull-9 {
    right: 75%
}

.pull-10 {
    right: 83.333333%
}

.pull-11 {
    right: 91.666667%
}

.pull-12 {
    right: 100%
}

.push-0 {
    left: auto
}

.push-1 {
    left: 8.333333%
}

.push-2 {
    left: 16.666667%
}

.push-3 {
    left: 25%
}

.push-4 {
    left: 33.333333%
}

.push-5 {
    left: 41.666667%
}

.push-6 {
    left: 50%
}

.push-7 {
    left: 58.333333%
}

.push-8 {
    left: 66.666667%
}

.push-9 {
    left: 75%
}

.push-10 {
    left: 83.333333%
}

.push-11 {
    left: 91.666667%
}

.push-12 {
    left: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pull-sm-0 {
        right: auto
    }

    .pull-sm-1 {
        right: 8.333333%
    }

    .pull-sm-2 {
        right: 16.666667%
    }

    .pull-sm-3 {
        right: 25%
    }

    .pull-sm-4 {
        right: 33.333333%
    }

    .pull-sm-5 {
        right: 41.666667%
    }

    .pull-sm-6 {
        right: 50%
    }

    .pull-sm-7 {
        right: 58.333333%
    }

    .pull-sm-8 {
        right: 66.666667%
    }

    .pull-sm-9 {
        right: 75%
    }

    .pull-sm-10 {
        right: 83.333333%
    }

    .pull-sm-11 {
        right: 91.666667%
    }

    .pull-sm-12 {
        right: 100%
    }

    .push-sm-0 {
        left: auto
    }

    .push-sm-1 {
        left: 8.333333%
    }

    .push-sm-2 {
        left: 16.666667%
    }

    .push-sm-3 {
        left: 25%
    }

    .push-sm-4 {
        left: 33.333333%
    }

    .push-sm-5 {
        left: 41.666667%
    }

    .push-sm-6 {
        left: 50%
    }

    .push-sm-7 {
        left: 58.333333%
    }

    .push-sm-8 {
        left: 66.666667%
    }

    .push-sm-9 {
        left: 75%
    }

    .push-sm-10 {
        left: 83.333333%
    }

    .push-sm-11 {
        left: 91.666667%
    }

    .push-sm-12 {
        left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pull-md-0 {
        right: auto
    }

    .pull-md-1 {
        right: 8.333333%
    }

    .pull-md-2 {
        right: 16.666667%
    }

    .pull-md-3 {
        right: 25%
    }

    .pull-md-4 {
        right: 33.333333%
    }

    .pull-md-5 {
        right: 41.666667%
    }

    .pull-md-6 {
        right: 50%
    }

    .pull-md-7 {
        right: 58.333333%
    }

    .pull-md-8 {
        right: 66.666667%
    }

    .pull-md-9 {
        right: 75%
    }

    .pull-md-10 {
        right: 83.333333%
    }

    .pull-md-11 {
        right: 91.666667%
    }

    .pull-md-12 {
        right: 100%
    }

    .push-md-0 {
        left: auto
    }

    .push-md-1 {
        left: 8.333333%
    }

    .push-md-2 {
        left: 16.666667%
    }

    .push-md-3 {
        left: 25%
    }

    .push-md-4 {
        left: 33.333333%
    }

    .push-md-5 {
        left: 41.666667%
    }

    .push-md-6 {
        left: 50%
    }

    .push-md-7 {
        left: 58.333333%
    }

    .push-md-8 {
        left: 66.666667%
    }

    .push-md-9 {
        left: 75%
    }

    .push-md-10 {
        left: 83.333333%
    }

    .push-md-11 {
        left: 91.666667%
    }

    .push-md-12 {
        left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .pull-lg-0 {
        right: auto
    }

    .pull-lg-1 {
        right: 8.333333%
    }

    .pull-lg-2 {
        right: 16.666667%
    }

    .pull-lg-3 {
        right: 25%
    }

    .pull-lg-4 {
        right: 33.333333%
    }

    .pull-lg-5 {
        right: 41.666667%
    }

    .pull-lg-6 {
        right: 50%
    }

    .pull-lg-7 {
        right: 58.333333%
    }

    .pull-lg-8 {
        right: 66.666667%
    }

    .pull-lg-9 {
        right: 75%
    }

    .pull-lg-10 {
        right: 83.333333%
    }

    .pull-lg-11 {
        right: 91.666667%
    }

    .pull-lg-12 {
        right: 100%
    }

    .push-lg-0 {
        left: auto
    }

    .push-lg-1 {
        left: 8.333333%
    }

    .push-lg-2 {
        left: 16.666667%
    }

    .push-lg-3 {
        left: 25%
    }

    .push-lg-4 {
        left: 33.333333%
    }

    .push-lg-5 {
        left: 41.666667%
    }

    .push-lg-6 {
        left: 50%
    }

    .push-lg-7 {
        left: 58.333333%
    }

    .push-lg-8 {
        left: 66.666667%
    }

    .push-lg-9 {
        left: 75%
    }

    .push-lg-10 {
        left: 83.333333%
    }

    .push-lg-11 {
        left: 91.666667%
    }

    .push-lg-12 {
        left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .pull-xl-0 {
        right: auto
    }

    .pull-xl-1 {
        right: 8.333333%
    }

    .pull-xl-2 {
        right: 16.666667%
    }

    .pull-xl-3 {
        right: 25%
    }

    .pull-xl-4 {
        right: 33.333333%
    }

    .pull-xl-5 {
        right: 41.666667%
    }

    .pull-xl-6 {
        right: 50%
    }

    .pull-xl-7 {
        right: 58.333333%
    }

    .pull-xl-8 {
        right: 66.666667%
    }

    .pull-xl-9 {
        right: 75%
    }

    .pull-xl-10 {
        right: 83.333333%
    }

    .pull-xl-11 {
        right: 91.666667%
    }

    .pull-xl-12 {
        right: 100%
    }

    .push-xl-0 {
        left: auto
    }

    .push-xl-1 {
        left: 8.333333%
    }

    .push-xl-2 {
        left: 16.666667%
    }

    .push-xl-3 {
        left: 25%
    }

    .push-xl-4 {
        left: 33.333333%
    }

    .push-xl-5 {
        left: 41.666667%
    }

    .push-xl-6 {
        left: 50%
    }

    .push-xl-7 {
        left: 58.333333%
    }

    .push-xl-8 {
        left: 66.666667%
    }

    .push-xl-9 {
        left: 75%
    }

    .push-xl-10 {
        left: 83.333333%
    }

    .push-xl-11 {
        left: 91.666667%
    }

    .push-xl-12 {
        left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .table .table {
        background-color: #fff
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.thead-inverse th {
    color: #fff;
    background-color: #292b2c
}

.thead-default th {
    color: #464a4c;
    background-color: #eceeef
}

.table-inverse {
    color: #fff;
    background-color: #292b2c
}

    .table-inverse td, .table-inverse th, .table-inverse thead th {
        border-color: #fff
    }

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

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

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

.form-control {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
}

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

    .form-control:focus {
        color: #464a4c;
        background-color: #fff;
        border-color: #5cb3fd;
        outline: 0
    }

    .form-control::-webkit-input-placeholder {
        color: #636c72;
        opacity: 1
    }

    .form-control::-moz-placeholder {
        color: #636c72;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #636c72;
        opacity: 1
    }

    .form-control::placeholder {
        color: #636c72;
        opacity: 1
    }

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

    .form-control:disabled {
        cursor: not-allowed
    }

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

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

.form-control-file, .form-control-range {
    display: block
}

.col-form-label {
    padding-top: calc(.5rem - 1px * 2);
    padding-bottom: calc(.5rem - 1px * 2);
    margin-bottom: 0
}

.col-form-label-lg {
    padding-top: calc(.75rem - 1px * 2);
    padding-bottom: calc(.75rem - 1px * 2);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem - 1px * 2);
    padding-bottom: calc(.25rem - 1px * 2);
    font-size: .875rem
}

.col-form-legend {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
    font-size: 1rem
}

.form-control-static {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
    line-height: 1.25;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-static.form-control-lg, .form-control-static.form-control-sm, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
    height: 1.8125rem
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
    height: 3.166667rem
}

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

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

.form-check {
    position: relative;
    display: block;
    margin-bottom: .5rem
}

    .form-check.disabled .form-check-label {
        color: #636c72;
        cursor: not-allowed
    }

.form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0;
    cursor: pointer
}

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

    .form-check-input:only-child {
        position: static
    }

.form-check-inline {
    display: inline-block
}

    .form-check-inline .form-check-label {
        vertical-align: middle
    }

    .form-check-inline + .form-check-inline {
        margin-left: .75rem
    }

.form-control-feedback {
    margin-top: .25rem
}

.form-control-danger, .form-control-success, .form-control-warning {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right .5625rem;
    -webkit-background-size: 1.125rem 1.125rem;
    background-size: 1.125rem 1.125rem
}

.has-success .col-form-label, .has-success .custom-control, .has-success .form-check-label, .has-success .form-control-feedback, .has-success .form-control-label {
    color: #5cb85c
}

.has-success .form-control {
    border-color: #5cb85c
}

.has-success .input-group-addon {
    color: #5cb85c;
    border-color: #5cb85c;
    background-color: #eaf6ea
}

.has-success .form-control-success {
    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='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")
}

.has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label {
    color: #f0ad4e
}

.has-warning .form-control {
    border-color: #f0ad4e
}

.has-warning .input-group-addon {
    color: #f0ad4e;
    border-color: #f0ad4e;
    background-color: #fff
}

.has-warning .form-control-warning {
    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='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E")
}

.has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label {
    color: #d9534f
}

.has-danger .form-control {
    border-color: #d9534f
}

.has-danger .input-group-addon {
    color: #d9534f;
    border-color: #d9534f;
    background-color: #fdf7f7
}

.has-danger .form-control-danger {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E")
}

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

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

@media (min-width:576px) {
    .form-inline label {
        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;
        margin-bottom: 0
    }

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

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

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

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

    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-check {
        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;
        width: auto;
        margin-top: 0;
        margin-bottom: 0
    }

    .form-inline .form-check-label {
        padding-left: 0
    }

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

    .form-inline .custom-control {
        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;
        padding-left: 0
    }

    .form-inline .custom-control-indicator {
        position: static;
        display: inline-block;
        margin-right: .25rem;
        vertical-align: text-bottom
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

    .btn:focus, .btn:hover {
        text-decoration: none
    }

    .btn.focus, .btn:focus {
        outline: 0;
        -webkit-box-shadow: 0 0 0 2px rgba(2,117,216,.25);
        box-shadow: 0 0 0 2px rgba(2,117,216,.25)
    }

    .btn.disabled, .btn:disabled {
        cursor: not-allowed;
        opacity: .65
    }

    .btn.active, .btn:active {
        background-image: none
    }

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

.btn-primary {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

    .btn-primary:hover {
        color: #fff;
        background-color: #025aa5;
        border-color: #01549b
    }

    .btn-primary.focus, .btn-primary:focus {
        -webkit-box-shadow: 0 0 0 2px rgba(2,117,216,.5);
        box-shadow: 0 0 0 2px rgba(2,117,216,.5)
    }

    .btn-primary.disabled, .btn-primary:disabled {
        background-color: #0275d8;
        border-color: #0275d8
    }

    .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #025aa5;
        background-image: none;
        border-color: #01549b
    }

.btn-secondary {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc
}

    .btn-secondary:hover {
        color: #292b2c;
        background-color: #e6e6e6;
        border-color: #adadad
    }

    .btn-secondary.focus, .btn-secondary:focus {
        -webkit-box-shadow: 0 0 0 2px rgba(204,204,204,.5);
        box-shadow: 0 0 0 2px rgba(204,204,204,.5)
    }

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

    .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
        color: #292b2c;
        background-color: #e6e6e6;
        background-image: none;
        border-color: #adadad
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #2aabd2
    }

    .btn-info.focus, .btn-info:focus {
        -webkit-box-shadow: 0 0 0 2px rgba(91,192,222,.5);
        box-shadow: 0 0 0 2px rgba(91,192,222,.5)
    }

    .btn-info.disabled, .btn-info:disabled {
        background-color: #5bc0de;
        border-color: #5bc0de
    }

    .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #31b0d5;
        background-image: none;
        border-color: #2aabd2
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #419641
    }

    .btn-success.focus, .btn-success:focus {
        -webkit-box-shadow: 0 0 0 2px rgba(92,184,92,.5);
        box-shadow: 0 0 0 2px rgba(92,184,92,.5)
    }

    .btn-success.disabled, .btn-success:disabled {
        background-color: #5cb85c;
        border-color: #5cb85c
    }

    .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #449d44;
        background-image: none;
        border-color: #419641
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #eb9316
    }

    .btn-warning.focus, .btn-warning:focus {
        -webkit-box-shadow: 0 0 0 2px rgba(240,173,78,.5);
        box-shadow: 0 0 0 2px rgba(240,173,78,.5)
    }

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

    .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #ec971f;
        background-image: none;
        border-color: #eb9316
    }

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

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #c12e2a
    }

    .btn-danger.focus, .btn-danger:focus {
        -webkit-box-shadow: 0 0 0 2px rgba(217,83,79,.5);
        box-shadow: 0 0 0 2px rgba(217,83,79,.5)
    }

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

    .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #c9302c;
        background-image: none;
        border-color: #c12e2a
    }

.btn-outline-primary {
    color: #0275d8;
    background-image: none;
    background-color: transparent;
    border-color: #0275d8
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #0275d8;
        border-color: #0275d8
    }

    .btn-outline-primary.focus, .btn-outline-primary:focus {
        -webkit-box-shadow: 0 0 0 2px rgba(2,117,216,.5);
        box-shadow: 0 0 0 2px rgba(2,117,216,.5)
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #0275d8;
        background-color: transparent
    }

    .btn-outline-primary.active, .btn-outline-primary:active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #0275d8;
        border-color: #0275d8
    }

.btn-outline-secondary {
    color: #ccc;
    background-image: none;
    background-color: transparent;
    border-color: #ccc
}

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

    .btn-outline-secondary.focus, .btn-outline-secondary:focus {
        -webkit-box-shadow: 0 0 0 2px rgba(204,204,204,.5);
        box-shadow: 0 0 0 2px rgba(204,204,204,.5)
    }

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

    .btn-outline-secondary.active, .btn-outline-secondary:active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #ccc;
        border-color: #ccc
    }

.btn-outline-info {
    color: #5bc0de;
    background-image: none;
    background-color: transparent;
    border-color: #5bc0de
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #5bc0de;
        border-color: #5bc0de
    }

    .btn-outline-info.focus, .btn-outline-info:focus {
        -webkit-box-shadow: 0 0 0 2px rgba(91,192,222,.5);
        box-shadow: 0 0 0 2px rgba(91,192,222,.5)
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #5bc0de;
        background-color: transparent
    }

    .btn-outline-info.active, .btn-outline-info:active, .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #5bc0de;
        border-color: #5bc0de
    }

.btn-outline-success {
    color: #5cb85c;
    background-image: none;
    background-color: transparent;
    border-color: #5cb85c
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #5cb85c;
        border-color: #5cb85c
    }

    .btn-outline-success.focus, .btn-outline-success:focus {
        -webkit-box-shadow: 0 0 0 2px rgba(92,184,92,.5);
        box-shadow: 0 0 0 2px rgba(92,184,92,.5)
    }

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

    .btn-outline-success.active, .btn-outline-success:active, .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #5cb85c;
        border-color: #5cb85c
    }

.btn-outline-warning {
    color: #f0ad4e;
    background-image: none;
    background-color: transparent;
    border-color: #f0ad4e
}

    .btn-outline-warning:hover {
        color: #fff;
        background-color: #f0ad4e;
        border-color: #f0ad4e
    }

    .btn-outline-warning.focus, .btn-outline-warning:focus {
        -webkit-box-shadow: 0 0 0 2px rgba(240,173,78,.5);
        box-shadow: 0 0 0 2px rgba(240,173,78,.5)
    }

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

    .btn-outline-warning.active, .btn-outline-warning:active, .show > .btn-outline-warning.dropdown-toggle {
        color: #fff;
        background-color: #f0ad4e;
        border-color: #f0ad4e
    }

.btn-outline-danger {
    color: #d9534f;
    background-image: none;
    background-color: transparent;
    border-color: #d9534f
}

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

    .btn-outline-danger.focus, .btn-outline-danger:focus {
        -webkit-box-shadow: 0 0 0 2px rgba(217,83,79,.5);
        box-shadow: 0 0 0 2px rgba(217,83,79,.5)
    }

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

    .btn-outline-danger.active, .btn-outline-danger:active, .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #d9534f;
        border-color: #d9534f
    }

.btn-link {
    font-weight: 400;
    color: #0275d8;
    border-radius: 0
}

    .btn-link, .btn-link.active, .btn-link:active, .btn-link:disabled {
        background-color: transparent
    }

        .btn-link, .btn-link:active, .btn-link:focus {
            border-color: transparent
        }

            .btn-link:hover {
                border-color: transparent
            }

            .btn-link:focus, .btn-link:hover {
                color: #014c8c;
                text-decoration: underline;
                background-color: transparent
            }

            .btn-link:disabled {
                color: #636c72
            }

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

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

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

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

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

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

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

    .fade.show {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.show {
        display: block
    }

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

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

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

.dropdown, .dropup {
    position: relative
}

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

.dropdown-toggle:focus {
    outline: 0
}

.dropup .dropdown-toggle::after {
    border-top: 0;
    border-bottom: .3em solid
}

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

.dropdown-divider {
    height: 1px;
    margin: .5rem 0;
    overflow: hidden;
    background-color: #eceeef
}

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

    .dropdown-item:focus, .dropdown-item:hover {
        color: #1d1e1f;
        text-decoration: none;
        background-color: #f7f7f9
    }

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

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #636c72;
        cursor: not-allowed;
        background-color: transparent
    }

.show > .dropdown-menu {
    display: block
}

.show > a {
    outline: 0
}

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

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

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

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

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

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

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

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

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

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

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

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

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

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

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

.btn-group > .btn-group {
    float: left
}

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

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

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

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

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

    .btn + .dropdown-toggle-split::after {
        margin-left: 0
    }

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

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

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

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

    .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:not(:first-child):not(:last-child) {
        border-radius: 0
    }

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

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

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

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

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

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

.input-group {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

    .input-group .form-control {
        position: relative;
        z-index: 2;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0
    }

        .input-group .form-control:active, .input-group .form-control:focus, .input-group .form-control:hover {
            z-index: 3
        }

    .input-group .form-control, .input-group-addon, .input-group-btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
            border-radius: 0
        }

.input-group-addon, .input-group-btn {
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #464a4c;
    text-align: center;
    background-color: #eceeef;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

    .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
        padding: .25rem .5rem;
        font-size: .875rem;
        border-radius: .2rem
    }

    .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
        padding: .75rem 1.5rem;
        font-size: 1.25rem;
        border-radius: .3rem
    }

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

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

    .input-group-addon:not(:last-child) {
        border-right: 0
    }

    .input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, .input-group-btn:not(:last-child) > .btn:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

.form-control + .input-group-addon:not(:first-child) {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

    .input-group-btn > .btn {
        position: relative;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px
        }

        .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
            z-index: 3
        }

    .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group {
        margin-right: -1px
    }

    .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group {
        z-index: 2;
        margin-left: -1px
    }

        .input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:hover, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:hover {
            z-index: 3
        }

.custom-control {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-right: 1rem;
    cursor: pointer
}

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

    .custom-control-input:checked ~ .custom-control-indicator {
        color: #fff;
        background-color: #0275d8
    }

    .custom-control-input:focus ~ .custom-control-indicator {
        -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 3px #0275d8;
        box-shadow: 0 0 0 1px #fff,0 0 0 3px #0275d8
    }

    .custom-control-input:active ~ .custom-control-indicator {
        color: #fff;
        background-color: #8fcafe
    }

    .custom-control-input:disabled ~ .custom-control-indicator {
        cursor: not-allowed;
        background-color: #eceeef
    }

    .custom-control-input:disabled ~ .custom-control-description {
        color: #636c72;
        cursor: not-allowed
    }

.custom-control-indicator {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 50% 50%;
    background-size: 50% 50%
}

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

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    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-indicator {
    background-color: #0275d8;
    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-radio .custom-control-indicator {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
    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-controls-stacked {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .custom-controls-stacked .custom-control {
        margin-bottom: .25rem
    }

        .custom-controls-stacked .custom-control + .custom-control {
            margin-left: 0
        }

.custom-select {
    display: inline-block;
    max-width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.25;
    color: #464a4c;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    -webkit-background-size: 8px 10px;
    background-size: 8px 10px;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none
}

    .custom-select:focus {
        border-color: #5cb3fd;
        outline: 0
    }

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

    .custom-select:disabled {
        color: #636c72;
        cursor: not-allowed;
        background-color: #eceeef
    }

    .custom-select::-ms-expand {
        opacity: 0
    }

.custom-select-sm {
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 2.5rem;
    margin-bottom: 0;
    cursor: pointer
}

.custom-file-input {
    min-width: 14rem;
    max-width: 100%;
    height: 2.5rem;
    margin: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #464a4c;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

    .custom-file-control:lang(en)::after {
        content: "Choose file..."
    }

    .custom-file-control::before {
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        z-index: 6;
        display: block;
        height: 2.5rem;
        padding: .5rem 1rem;
        line-height: 1.5;
        color: #464a4c;
        background-color: #eceeef;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 0 .25rem .25rem 0
    }

    .custom-file-control:lang(en)::before {
        content: "Browse"
    }

.nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

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

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

    .nav-link.disabled {
        color: #636c72;
        cursor: not-allowed
    }

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

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

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

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            border-color: #eceeef #eceeef #ddd
        }

        .nav-tabs .nav-link.disabled {
            color: #636c72;
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: #464a4c;
            background-color: #fff;
            border-color: #ddd #ddd #fff
        }

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

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

    .nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
        color: #fff;
        cursor: default;
        background-color: #0275d8
    }

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

.nav-justified .nav-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: center
}

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

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

.navbar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .5rem 1rem
}

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

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

.navbar-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

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

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

.navbar-toggler {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: .25rem
}

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

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

.navbar-toggler-left {
    position: absolute;
    left: 1rem
}

.navbar-toggler-right {
    position: absolute;
    right: 1rem
}

@media (max-width:575px) {
    .navbar-toggleable .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-toggleable {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .navbar-toggleable .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row
        }

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

        .navbar-toggleable > .container {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

        .navbar-toggleable .navbar-collapse {
            display: -webkit-box !important;
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
            width: 100%
        }

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

@media (max-width:767px) {
    .navbar-toggleable-sm .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-sm > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-toggleable-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .navbar-toggleable-sm .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row
        }

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

        .navbar-toggleable-sm > .container {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

        .navbar-toggleable-sm .navbar-collapse {
            display: -webkit-box !important;
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
            width: 100%
        }

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

@media (max-width:991px) {
    .navbar-toggleable-md .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-md > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-toggleable-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .navbar-toggleable-md .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row
        }

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

        .navbar-toggleable-md > .container {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

        .navbar-toggleable-md .navbar-collapse {
            display: -webkit-box !important;
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
            width: 100%
        }

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

@media (max-width:1199px) {
    .navbar-toggleable-lg .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-lg > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-toggleable-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .navbar-toggleable-lg .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row
        }

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

        .navbar-toggleable-lg > .container {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

        .navbar-toggleable-lg .navbar-collapse {
            display: -webkit-box !important;
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
            width: 100%
        }

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

.navbar-toggleable-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

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

    .navbar-toggleable-xl > .container {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-toggleable-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

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

    .navbar-toggleable-xl > .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-xl .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

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

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

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

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

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

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

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

.navbar-light .navbar-toggler {
    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 32 32' 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 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

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

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-toggler {
    color: #fff
}

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

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

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

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

    .navbar-inverse .navbar-nav .active > .nav-link, .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .open > .nav-link {
        color: #fff
    }

.navbar-inverse .navbar-toggler {
    border-color: rgba(255,255,255,.1)
}

.navbar-inverse .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' 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 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

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

.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

.card-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.card-primary {
    background-color: #0275d8;
    border-color: #0275d8
}

    .card-primary .card-footer, .card-primary .card-header {
        background-color: transparent
    }

.card-success {
    background-color: #5cb85c;
    border-color: #5cb85c
}

    .card-success .card-footer, .card-success .card-header {
        background-color: transparent
    }

.card-info {
    background-color: #5bc0de;
    border-color: #5bc0de
}

    .card-info .card-footer, .card-info .card-header {
        background-color: transparent
    }

.card-warning {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

    .card-warning .card-footer, .card-warning .card-header {
        background-color: transparent
    }

.card-danger {
    background-color: #d9534f;
    border-color: #d9534f
}

    .card-danger .card-footer, .card-danger .card-header {
        background-color: transparent
    }

.card-outline-primary {
    background-color: transparent;
    border-color: #0275d8
}

.card-outline-secondary {
    background-color: transparent;
    border-color: #ccc
}

.card-outline-info {
    background-color: transparent;
    border-color: #5bc0de
}

.card-outline-success {
    background-color: transparent;
    border-color: #5cb85c
}

.card-outline-warning {
    background-color: transparent;
    border-color: #f0ad4e
}

.card-outline-danger {
    background-color: transparent;
    border-color: #d9534f
}

.card-inverse {
    color: rgba(255,255,255,.65)
}

    .card-inverse .card-footer, .card-inverse .card-header {
        background-color: transparent;
        border-color: rgba(255,255,255,.2)
    }

    .card-inverse .card-blockquote, .card-inverse .card-footer, .card-inverse .card-header, .card-inverse .card-title {
        color: #fff
    }

        .card-inverse .card-blockquote .blockquote-footer, .card-inverse .card-link, .card-inverse .card-subtitle, .card-inverse .card-text {
            color: rgba(255,255,255,.65)
        }

            .card-inverse .card-link:focus, .card-inverse .card-link:hover {
                color: #fff
            }

.card-blockquote {
    padding: 0;
    margin-bottom: 0;
    border-left: 0
}

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

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

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

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

@media (min-width:576px) {
    .card-deck {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .card-deck .card {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 0%;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .card-deck .card:not(:first-child) {
                margin-left: 15px
            }

            .card-deck .card:not(:last-child) {
                margin-right: 15px
            }
}

@media (min-width:576px) {
    .card-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .card-group .card {
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 0%;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%
        }

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

            .card-group .card:first-child {
                border-bottom-right-radius: 0;
                border-top-right-radius: 0
            }

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

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

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

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

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

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

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

@media (min-width:576px) {
    .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%;
            margin-bottom: .75rem
        }
}

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

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

.breadcrumb-item {
    float: left
}

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

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

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

    .breadcrumb-item.active {
        color: #636c72
    }

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

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

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

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.page-item.disabled .page-link {
    color: #636c72;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

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

    .page-link:focus, .page-link:hover {
        color: #014c8c;
        text-decoration: none;
        background-color: #eceeef;
        border-color: #ddd
    }

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

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

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

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

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

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

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

    .badge:empty {
        display: none
    }

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

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

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

.badge-default {
    background-color: #636c72
}

    .badge-default[href]:focus, .badge-default[href]:hover {
        background-color: #4b5257
    }

.badge-primary {
    background-color: #0275d8
}

    .badge-primary[href]:focus, .badge-primary[href]:hover {
        background-color: #025aa5
    }

.badge-success {
    background-color: #5cb85c
}

    .badge-success[href]:focus, .badge-success[href]:hover {
        background-color: #449d44
    }

.badge-info {
    background-color: #5bc0de
}

    .badge-info[href]:focus, .badge-info[href]:hover {
        background-color: #31b0d5
    }

.badge-warning {
    background-color: #f0ad4e
}

    .badge-warning[href]:focus, .badge-warning[href]:hover {
        background-color: #ec971f
    }

.badge-danger {
    background-color: #d9534f
}

    .badge-danger[href]:focus, .badge-danger[href]:hover {
        background-color: #c9302c
    }

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

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

.jumbotron-hr {
    border-top-color: #d0d5d8
}

.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-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

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

.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d
}

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

    .alert-success .alert-link {
        color: #2b542c
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f
}

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

    .alert-info .alert-link {
        color: #245269
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b
}

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

    .alert-warning .alert-link {
        color: #66512c
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442
}

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

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

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

    to {
        background-position: 0 0
    }
}

@-o-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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
    background-color: #eceeef;
    border-radius: .25rem
}

.progress-bar {
    height: 1rem;
    color: #fff;
    background-color: #0275d8
}

.progress-bar-striped {
    background-image: -webkit-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-image: -o-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-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);
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem
}

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

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

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

.list-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

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

    .list-group-item-action .list-group-item-heading {
        color: #292b2c
    }

    .list-group-item-action:focus, .list-group-item-action:hover {
        color: #464a4c;
        text-decoration: none;
        background-color: #f7f7f9
    }

    .list-group-item-action:active {
        color: #292b2c;
        background-color: #eceeef
    }

.list-group-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

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

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

    .list-group-item:focus, .list-group-item:hover {
        text-decoration: none
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #636c72;
        cursor: not-allowed;
        background-color: #fff
    }

        .list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading {
            color: inherit
        }

        .list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text {
            color: #636c72
        }

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

        .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small {
            color: inherit
        }

        .list-group-item.active .list-group-item-text {
            color: #daeeff
        }

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

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

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

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

    a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6
    }

    a.list-group-item-success.active, button.list-group-item-success.active {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

    a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3
    }

    a.list-group-item-info.active, button.list-group-item-info.active {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

    a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc
    }

    a.list-group-item-warning.active, button.list-group-item-warning.active {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

    a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc
    }

    a.list-group-item-danger.active, button.list-group-item-danger.active {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442
    }

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

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

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

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

.modal-open {
    overflow: hidden
}

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

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

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

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

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

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

    .modal-backdrop.fade {
        opacity: 0
    }

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

.modal-header {
    display: -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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #eceeef
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px
}

.modal-footer {
    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: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 15px;
    border-top: 1px solid #eceeef
}

    .modal-footer > :not(:first-child) {
        margin-left: .25rem
    }

    .modal-footer > :not(:last-child) {
        margin-right: .25rem
    }

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

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 30px auto
    }

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

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

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

    .tooltip.show {
        opacity: .9
    }

    .tooltip.bs-tether-element-attached-bottom, .tooltip.tooltip-top {
        padding: 5px 0;
        margin-top: -3px
    }

        .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before, .tooltip.tooltip-top .tooltip-inner::before {
            bottom: 0;
            left: 50%;
            margin-left: -5px;
            content: "";
            border-width: 5px 5px 0;
            border-top-color: #000
        }

    .tooltip.bs-tether-element-attached-left, .tooltip.tooltip-right {
        padding: 0 5px;
        margin-left: 3px
    }

        .tooltip.bs-tether-element-attached-left .tooltip-inner::before, .tooltip.tooltip-right .tooltip-inner::before {
            top: 50%;
            left: 0;
            margin-top: -5px;
            content: "";
            border-width: 5px 5px 5px 0;
            border-right-color: #000
        }

    .tooltip.bs-tether-element-attached-top, .tooltip.tooltip-bottom {
        padding: 5px 0;
        margin-top: 3px
    }

        .tooltip.bs-tether-element-attached-top .tooltip-inner::before, .tooltip.tooltip-bottom .tooltip-inner::before {
            top: 0;
            left: 50%;
            margin-left: -5px;
            content: "";
            border-width: 0 5px 5px;
            border-bottom-color: #000
        }

    .tooltip.bs-tether-element-attached-right, .tooltip.tooltip-left {
        padding: 0 5px;
        margin-left: -3px
    }

        .tooltip.bs-tether-element-attached-right .tooltip-inner::before, .tooltip.tooltip-left .tooltip-inner::before {
            top: 50%;
            right: 0;
            margin-top: -5px;
            content: "";
            border-width: 5px 0 5px 5px;
            border-left-color: #000
        }

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

    .tooltip-inner::before {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

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

    .popover.bs-tether-element-attached-bottom, .popover.popover-top {
        margin-top: -10px
    }

        .popover.bs-tether-element-attached-bottom::after, .popover.bs-tether-element-attached-bottom::before, .popover.popover-top::after, .popover.popover-top::before {
            left: 50%;
            border-bottom-width: 0
        }

        .popover.bs-tether-element-attached-bottom::before, .popover.popover-top::before {
            bottom: -11px;
            margin-left: -11px;
            border-top-color: rgba(0,0,0,.25)
        }

        .popover.bs-tether-element-attached-bottom::after, .popover.popover-top::after {
            bottom: -10px;
            margin-left: -10px;
            border-top-color: #fff
        }

    .popover.bs-tether-element-attached-left, .popover.popover-right {
        margin-left: 10px
    }

        .popover.bs-tether-element-attached-left::after, .popover.bs-tether-element-attached-left::before, .popover.popover-right::after, .popover.popover-right::before {
            top: 50%;
            border-left-width: 0
        }

        .popover.bs-tether-element-attached-left::before, .popover.popover-right::before {
            left: -11px;
            margin-top: -11px;
            border-right-color: rgba(0,0,0,.25)
        }

        .popover.bs-tether-element-attached-left::after, .popover.popover-right::after {
            left: -10px;
            margin-top: -10px;
            border-right-color: #fff
        }

    .popover.bs-tether-element-attached-top, .popover.popover-bottom {
        margin-top: 10px
    }

        .popover.bs-tether-element-attached-top::after, .popover.bs-tether-element-attached-top::before, .popover.popover-bottom::after, .popover.popover-bottom::before {
            left: 50%;
            border-top-width: 0
        }

        .popover.bs-tether-element-attached-top::before, .popover.popover-bottom::before {
            top: -11px;
            margin-left: -11px;
            border-bottom-color: rgba(0,0,0,.25)
        }

        .popover.bs-tether-element-attached-top::after, .popover.popover-bottom::after {
            top: -10px;
            margin-left: -10px;
            border-bottom-color: #f7f7f7
        }

        .popover.bs-tether-element-attached-top .popover-title::before, .popover.popover-bottom .popover-title::before {
            position: absolute;
            top: 0;
            left: 50%;
            display: block;
            width: 20px;
            margin-left: -10px;
            content: "";
            border-bottom: 1px solid #f7f7f7
        }

    .popover.bs-tether-element-attached-right, .popover.popover-left {
        margin-left: -10px
    }

        .popover.bs-tether-element-attached-right::after, .popover.bs-tether-element-attached-right::before, .popover.popover-left::after, .popover.popover-left::before {
            top: 50%;
            border-right-width: 0
        }

        .popover.bs-tether-element-attached-right::before, .popover.popover-left::before {
            right: -11px;
            margin-top: -11px;
            border-left-color: rgba(0,0,0,.25)
        }

        .popover.bs-tether-element-attached-right::after, .popover.popover-left::after {
            right: -10px;
            margin-top: -10px;
            border-left-color: #fff
        }

.popover-title {
    padding: 8px 14px;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-right-radius: calc(.3rem - 1px);
    border-top-left-radius: calc(.3rem - 1px)
}

    .popover-title:empty {
        display: none
    }

.popover-content {
    padding: 9px 14px
}

.popover::after, .popover::before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover::before {
    content: "";
    border-width: 11px
}

.popover::after {
    content: "";
    border-width: 10px
}

.carousel {
    position: relative
}

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

.carousel-item {
    position: relative;
    display: none;
    width: 100%
}

@media (-webkit-transform-3d) {
    .carousel-item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
}

@supports ((-webkit-transform:translate3d(0,0,0)) or (transform:translate3d(0,0,0))) {
    .carousel-item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

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

@media (-webkit-transform-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)
    }
}

@supports ((-webkit-transform:translate3d(0,0,0)) or (transform:translate3d(0,0,0))) {
    .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: -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;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

    .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9
    }

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

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

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 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='M1.5 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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: 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: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        max-width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: rgba(255,255,255,.5)
    }

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

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

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

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

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

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-faded {
    background-color: #f7f7f7
}

.bg-primary {
    background-color: #0275d8 !important
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #025aa5 !important
}

.bg-success {
    background-color: #5cb85c !important
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #449d44 !important
}

.bg-info {
    background-color: #5bc0de !important
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #31b0d5 !important
}

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

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

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

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

.bg-inverse {
    background-color: #292b2c !important
}

a.bg-inverse:focus, a.bg-inverse:hover {
    background-color: #101112 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.rounded {
    border-radius: .25rem
}

.rounded-top {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.rounded-right {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-bottom {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-left {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}

.rounded-circle {
    border-radius: 50%
}

.rounded-0 {
    border-radius: 0
}

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

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

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

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

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

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

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

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

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

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

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

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

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

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

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

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

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

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

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

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

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

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }

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

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

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

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

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

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

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

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:576px) {
    .flex-sm-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

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

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

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

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

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-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;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:768px) {
    .flex-md-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

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

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

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

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

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-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;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:992px) {
    .flex-lg-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

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

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

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

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

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-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;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .align-self-lg-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

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

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

    .align-self-lg-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

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

    .align-self-lg-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

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

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

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

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

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-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;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .align-self-xl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

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

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

    .align-self-xl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

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

    .align-self-xl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1030
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.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 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

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

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

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

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

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

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

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

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

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

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

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

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

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

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

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

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

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

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

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

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

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

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

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

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

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

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

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

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

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

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

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

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

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

.pt-0 {
    padding-top: 0 !important
}

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

.pb-0 {
    padding-bottom: 0 !important
}

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

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

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

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

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

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

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

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

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

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

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

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

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

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

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

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

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

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

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

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

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

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

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

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

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

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

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

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

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

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

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

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.m-auto {
    margin: auto !important
}

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

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

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

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

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

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

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

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

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

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

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

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

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

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

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

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

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

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

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

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

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

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

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

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

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

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

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

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

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

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

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

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

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

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

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

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

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

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

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

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

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

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

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

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

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

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

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

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

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

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

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

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

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

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

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

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

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

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

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

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

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

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

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

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

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

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

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

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

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

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

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

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

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

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

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

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

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

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

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

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

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

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

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

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

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

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

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

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

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

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

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

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

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

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

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

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

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

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

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

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

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

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

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

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

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

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

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

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

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

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

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

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

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

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

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

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

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

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

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

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

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

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

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

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

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

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

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

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

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

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

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

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

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

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

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

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

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

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

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

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

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

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

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

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

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

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

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

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

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

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

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

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

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

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

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

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

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

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

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

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

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

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

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

    .mr-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0 {
        margin-left: 0 !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-lg-1 {
        margin: .25rem .25rem !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1 {
        margin-left: .25rem !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem .5rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2 {
        margin-left: .5rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem 1rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3 {
        margin-left: 1rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4 {
        margin-left: 1.5rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem 3rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5 {
        margin-left: 3rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-lg-0 {
        padding: 0 0 !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0 {
        padding-left: 0 !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-lg-1 {
        padding: .25rem .25rem !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1 {
        padding-left: .25rem !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem .5rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2 {
        padding-left: .5rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem 1rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3 {
        padding-left: 1rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4 {
        padding-left: 1.5rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem 3rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5 {
        padding-left: 3rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto {
        margin-left: auto !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 0 !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0 {
        margin-left: 0 !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xl-1 {
        margin: .25rem .25rem !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1 {
        margin-left: .25rem !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem .5rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2 {
        margin-left: .5rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem 1rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3 {
        margin-left: 1rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4 {
        margin-left: 1.5rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem 3rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5 {
        margin-left: 3rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-xl-0 {
        padding: 0 0 !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0 {
        padding-left: 0 !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xl-1 {
        padding: .25rem .25rem !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1 {
        padding-left: .25rem !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem .5rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2 {
        padding-left: .5rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem 1rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3 {
        padding-left: 1rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4 {
        padding-left: 1.5rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem 3rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5 {
        padding-left: 3rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto {
        margin-left: auto !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: 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) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-normal {
    font-weight: 400
}

.font-weight-bold {
    font-weight: 700
}

.font-italic {
    font-style: italic
}

.text-white {
    color: #fff !important
}

.text-muted {
    color: #636c72 !important
}

a.text-muted:focus, a.text-muted:hover {
    color: #4b5257 !important
}

.text-primary {
    color: #0275d8 !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #025aa5 !important
}

.text-success {
    color: #5cb85c !important
}

a.text-success:focus, a.text-success:hover {
    color: #449d44 !important
}

.text-info {
    color: #5bc0de !important
}

a.text-info:focus, a.text-info:hover {
    color: #31b0d5 !important
}

.text-warning {
    color: #f0ad4e !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #ec971f !important
}

.text-danger {
    color: #d9534f !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #c9302c !important
}

.text-gray-dark {
    color: #292b2c !important
}

a.text-gray-dark:focus, a.text-gray-dark:hover {
    color: #101112 !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.invisible {
    visibility: hidden !important
}

.hidden-xs-up {
    display: none !important
}

@media (max-width:575px) {
    .hidden-xs-down {
        display: none !important
    }
}

@media (min-width:576px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media (max-width:767px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media (min-width:768px) {
    .hidden-md-up {
        display: none !important
    }
}

@media (max-width:991px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (min-width:992px) {
    .hidden-lg-up {
        display: none !important
    }
}

@media (max-width:1199px) {
    .hidden-lg-down {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-xl-up {
        display: none !important
    }
}

.hidden-xl-down {
    display: none !important
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

/********** @import'bootstrap.min.css'; End **********/

/********** @import'owl.carousel.min.css'; Start **********/

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-rtl .owl-item {
        float: right
    }

/********** @import'owl.carousel.min.css'; End **********/

/********** @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900'); Start **********/

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* sampled usage */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/stats/Roboto/normal/300);
    unicode-range: U+20;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/********** @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900'); End **********/

/********** @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800'); Start **********/

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/********** @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800'); End **********/

/*@font-face {
    font-family: 'FontAwesome';
    src: url('../font/fontawesome-webfont.eot?v=4.6.3');
    font-display: swap;
    src: url('../font/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../font/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../font/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../font/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../font/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}*/

! jQuery.Flipster, v1.1.2 (built 2017-11-10) *.flipster {
    display: block;
    overflow-x: hidden;
    overflow-y: visible;
    position: relative
}

.flipster:focus {
    outline: none
}

.flipster__container, .flipster__item {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative
}

.flipster__container {
    display: block;
    white-space: nowrap;
    word-spacing: -0.25em;
    transform-origin: 50% 50%;
    backface-visibility: hidden
}

.flipster__item {
    display: inline-block;
    white-space: normal;
    word-spacing: normal;
    vertical-align: bottom
}

.flipster--click .flipster__item--past, .flipster--click .flipster__item--future {
    cursor: pointer
}

.flipster__item img {
    max-width: 100%
}

.flipster__button {
    position: absolute;
    top: 50%;
    display: block;
    appearance: none;
    background: none;
    border: none;
    padding: 0;
    z-index: 999;
    cursor: pointer;
    font-size: 15px;
    opacity: .5;
    transition: opacity 500ms ease;
    margin: -1em 2em
}

    .flipster__button svg {
        width: 2em;
        stroke: currentColor;
        fill: transparent;
        stroke-width: 3;
        stroke-linecap: round
    }

    .flipster__button:hover, .flipster__button:focus {
        opacity: 1
    }

.flipster__button--prev {
    left: 0
}

.flipster__button--next {
    right: 0
}

.flipster__nav, .flipster__nav__item {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.flipster__nav {
    display: block;
    margin: 0 0 4em;
    text-align: center;
    position: relative
}

.flipster__nav__item {
    display: inline-block;
    margin: 0 .25em
}

.flipster__nav__link {
    display: block;
    color: inherit;
    padding: .5em 1em;
    position: relative;
    overflow: hidden;
    transition: all 250ms ease-out;
    transition-timing-function: cubic-bezier(.56, .12, .12, .98)
}

    .flipster__nav__link::after {
        content: '';
        display: block;
        background: #232221;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        transform: translateY(100%) translateY(-0.25em);
        transition: inherit
    }

    .flipster__nav__item--current > .flipster__nav__link, .flipster__nav__link:hover, .flipster__nav__link:focus {
        color: #fff
    }

        .flipster__nav__item--current > .flipster__nav__link::after, .flipster__nav__link:hover::after, .flipster__nav__link:focus::after {
            transform: translateY(0)
        }

.flipster__nav__child {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: -1px;
    padding: .5em;
    background: #4e4441;
    z-index: 1
}

    .flipster__nav__child .flipster__nav__link {
        color: #fff
    }

        .flipster__nav__child .flipster__nav__link::after {
            background: #fff
        }

        .flipster__nav__child .flipster__nav__item--current > .flipster__nav__link, .flipster__nav__child .flipster__nav__link:hover, .flipster__nav__child .flipster__nav__link:focus {
            color: #232221
        }

.flipster__nav__item--current .flipster__nav__child {
    display: block
}

.flipster--carousel .flipster__container, .flipster--carousel .flipster__item, .flipster--carousel .flipster__item__content {
    transition: all 350ms ease-in-out;
    transition-timing-function: cubic-bezier(.56, .12, .12, .98)
}

.flipster--carousel .flipster__item {
    perspective: 800px
}

.flipster--carousel .flipster__item--past, .flipster--carousel .flipster__item--future {
    opacity: 0;
    transition-delay: 115ms
}

.flipster--carousel .flipster__item--past-2, .flipster--carousel .flipster__item--future-2 {
    opacity: .6;
    transition-delay: 90ms
}

.flipster--carousel .flipster__item--past-1, .flipster--carousel .flipster__item--future-1 {
    opacity: .8;
    transition-delay: 60ms
}

.flipster--carousel .flipster__item--past .flipster__item__content {
    transform: translateX(100%) rotateY(-20deg) scale(.5)
}

.flipster--carousel .flipster__item--past-2 .flipster__item__content {
    transform: translateX(25%) rotateY(40deg) scale(.65)
}

.flipster--carousel .flipster__item--past-1 .flipster__item__content {
    transform: rotateY(45deg) scale(.8)
}

.flipster--carousel .flipster__item--future .flipster__item__content {
    transform: translateX(-100%) rotateY(20deg) scale(.5)
}

.flipster--carousel .flipster__item--future-2 .flipster__item__content {
    transform: translateX(-25%) rotateY(-40deg) scale(.65)
}

.flipster--carousel .flipster__item--future-1 .flipster__item__content {
    transform: rotateY(-45deg) scale(.8)
}

.flipster--carousel.no-rotate .flipster__item--past .flipster__item__content {
    transform: translateX(175%) scale(.5)
}

.flipster--carousel.no-rotate .flipster__item--past-2 .flipster__item__content {
    transform: translateX(25%) scale(.65)
}

.flipster--carousel.no-rotate .flipster__item--past-1 .flipster__item__content {
    transform: translateX(0) scale(.8)
}

.flipster--carousel.no-rotate .flipster__item--future .flipster__item__content {
    transform: translateX(-175%) scale(.5)
}

.flipster--carousel.no-rotate .flipster__item--future-2 .flipster__item__content {
    transform: translateX(-25%) scale(.65)
}

.flipster--carousel.no-rotate .flipster__item--future-1 .flipster__item__content {
    transform: translateX(0) scale(.8)
}

.flipster--carousel .flipster__item--current .flipster__item__content {
    transform: translateX(0) rotateY(0deg) scale(1);
    transition-delay: 60ms
}

.flipster--coverflow .flipster__container, .flipster--coverflow .flipster__item, .flipster--coverflow .flipster__item__content {
    transition: all 350ms ease-in-out;
    transition-timing-function: cubic-bezier(.56, .12, .12, .98)
}

.flipster--coverflow .flipster__item {
    perspective: 800px
}

.flipster--coverflow .flipster__container {
    padding-bottom: 5%
}

.flipster--coverflow .flipster__item__content {
    transform-origin: 50% 100%;
    box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(.05, rgba(255,255,255,0.12)), color-stop(.2, transparent));
    -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(.05, rgba(255,255,255,0.12)), color-stop(.2, transparent))
}

    .flipster--coverflow .flipster__item__content img:only-child {
        display: block
    }

.flipster--coverflow .flipster__item--past .flipster__item__content {
    transform-origin: 0 50%;
    transform: scale(.75) rotateY(55deg)
}

.flipster--coverflow .flipster__item--future .flipster__item__content {
    transform-origin: 100% 50%;
    transform: scale(.75) rotateY(-55deg)
}

.flipster--coverflow .flip-current .flipster__item__content {
    transform: rotateY(0deg)
}

.flipster--flat .flipster__container, .flipster--flat .flipster__item, .flipster--flat .flipster__item__content {
    transition: all 400ms ease-in-out
}

.flipster--flat .flipster__item--past, .flipster--flat .flipster__item--future {
    opacity: .5
}

    .flipster--flat .flipster__item--past .flipster__item__content {
        transform: scale(.75)
    }

    .flipster--flat .flipster__item--future .flipster__item__content {
        transform: scale(.75)
    }

.flipster--wheel {
    overflow: hidden
}

    .flipster--wheel .flipster__container, .flipster--wheel .flipster__item__content {
        transition: all 400ms ease-in-out;
        transition-timing-function: cubic-bezier(.56, .12, .12, .98)
    }

    .flipster--wheel .flipster__container {
        padding-bottom: 20%
    }

    .flipster--wheel .flipster__item__content {
        transform-origin: 50% 100%
    }

    .flipster--wheel .flipster__item--past .flipster__item__content {
        transform-origin: 100% 100%
    }

    .flipster--wheel .flipster__item--future .flipster__item__content {
        transform-origin: 0 100%
    }

    .flipster--wheel .flipster__item__content img:only-child {
        display: block
    }

    .flipster--wheel .flipster__item--past .flipster__item__content {
        opacity: 0;
        transform: rotateZ(-80deg) translate(-170%, 110%)
    }

    .flipster--wheel .flipster__item--future .flipster__item__content {
        opacity: 0;
        transform: rotateZ(80deg) translate(170%, 110%)
    }

    .flipster--wheel .flipster__item--past-3 .flipster__item__content {
        opacity: 1;
        transform: rotateZ(-60deg) translate(-70%, 75%)
    }

    .flipster--wheel .flipster__item--future-3 .flipster__item__content {
        opacity: 1;
        transform: rotateZ(60deg) translate(70%, 75%)
    }

    .flipster--wheel .flipster__item--past-2 .flipster__item__content {
        opacity: 1;
        transform: rotateZ(-40deg) translate(-17%, 30%)
    }

    .flipster--wheel .flipster__item--future-2 .flipster__item__content {
        opacity: 1;
        transform: rotateZ(40deg) translate(17%, 30%)
    }

    .flipster--wheel .flipster__item--past-1 .flipster__item__content {
        opacity: 1;
        transform: rotateZ(-20deg)
    }

    .flipster--wheel .flipster__item--future-1 .flipster__item__content {
        opacity: 1;
        transform: rotateZ(20deg)
    }

    .flipster--wheel .flip-current .flipster__item__content {
        transform: rotateX(0deg)
    }
/*-------------------------------------------------------------------------------------------RESET CSS START	*/
body {
    font-family: 'Roboto', sans-serif;
    direction: ltr;
    font-size: 18px;
    color: #000;
    line-height: 26px;
    padding: 0px;
    margin: 0px;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1px;
    font-weight: 300;
    overflow-x: hidden;
}

html, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0px;
    padding: 0px;
}

footer, header, figure, aside {
    padding: 0px;
    display: block;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, select, textarea, button {
    font-family: 'Roboto', sans-serif;
    direction: ltr;
    color: #3e3e3e;
    font-size: 12px;
    margin: 0em;
    margin: 0px;
    border: 1px solid #cecece;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    border-radius: 0px;
    box-sizing: border-box;
}

input, button {
    overflow: visible;
}

input, textarea {
    outline: none;
}

    input[type=file] + input[type=file] {
        margin-left: 5px;
    }

    input[type=text], input[type=password], textarea {
        padding: 18px 25px;
        font-size: 21px;
        line-height: 12px;
    }

        select + select, input[type=text] + input[type=text], input[type=password] + input[type=password] input[type=text] + select {
            margin-left: 0px;
        }

    input[type=checkbox] {
        height: 13px;
        width: 13px;
        margin-right: 5px;
        position: relative;
        top: 1px;
    }

    input[type=submit], input[type=button], input[type=reset], a, button {
        cursor: pointer;
    }

    input[type=submit], input[type=button], input[type=reset], button {
        overflow: visible;
    }

        input[type=submit] + input[type=submit], input[type=button] + input[type=button], input[type=reset] + input[type=reset], button + button, .btn + .btn, input[type=submit] + input[type=button], input[type=button] + input[type=submit] {
            margin-left: 5px;
        }

    input[type=radio] {
        margin-right: 4px;
        position: relative;
        top: 1px;
    }

        input[type=radio] + abbr, input[type=checkbox] + abbr {
            padding-right: 0px;
        }

    input[type=file] {
        padding: 4px 5px;
        display: inline;
    }

        input[type=file] + input {
            margin-left: 5px;
        }

    input:focus, input:active, .btn:focus, .btn:active:focus, .btn.active:focus {
        border: 1px solid #8ac34a;
        box-shadow: 0px 0px 5px #8ac34a;
    }

abbr + select, abbr + input {
    margin-left: 15px;
}

select[class*=col-] {
    padding: 7px 8px;
}

select option {
    padding-left: 4px;
}

input[type=submit], input[type=button], input[type=reset], button, .btn {
    font-weight: 600;
    padding: 0px 16px;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    background-color: #8ac34a;
    border-radius: 10px;
    color: #FFF;
    font-size: 20px;
    height: 52px;
    line-height: 52px;
}

    input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, button:hover, .btn:hover, .btn.focus, .btn:focus, .btn:hover {
        color: #FFF;
    }

p {
    margin: 0px;
    padding-bottom: 15px;
}

a {
    color: #000;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    a:hover {
        color: #d42322;
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

    a, a:hover, a:focus, a:active, a:visited {
        outline: none;
    }

        a img, a:hover img, img, a input {
            text-decoration: none;
        }

        a img, img, input[type=checkbox], input[type=radio], iframe {
            border: none;
        }

ul {
    margin: 0px;
    padding: 0px;
}

del {
    visibility: hidden;
}

textarea {
    width: 100%;
    max-width: 380px;
    height: 160px;
    resize: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

select {
    max-width: 100%;
}

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

hr {
    color: #D0D0D0;
}

address p {
    padding-bottom: 5px;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-button {
    width: 8px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background-color: #DDD;
    border: skinny plain lightgray;
    box-shadow: 0px 0px 3px #dfdfdf inset;
}

::-webkit-scrollbar-thumb {
    background-color: #999;
    border: skinny plain gray;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #1b1e24;
    }

::-webkit-input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 21px;
    direction: ltr;
    color: #7f7f7f;
}

:-ms-input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 21px;
    direction: ltr;
    color: #7f7f7f;
    opacity: 1;
}

::selection {
    background-color: #9e9e9e;
    color: #FFF;
}

::-moz-selection {
    background-color: #65ac05;
    color: #FFF;
}

h1 {
    font-size: 32px;
    font-weight: 700;
    margin: 0px;
}

h2 {
    font-size: 47px;
    margin: 0px;
    color: #231f20;
    padding-bottom: 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    h2 span {
        display: block;
        font-size: 16px;
        color: #757575;
        padding-top: 10px;
    }

h3 {
    font-size: 30px;
    font-weight: normal;
    margin: 0px;
    padding-bottom: 15px;
}

h4 {
    font-size: 18px;
    line-height: 30px;
}

h5 {
    font-size: 16px;
    margin: 0px;
    color: #212121;
    padding-bottom: 20px;
}
/*-------------------------------------------------------------------------------------------RESET CSS CLOSE	*/
/*-------------------------------------------------------------------------------------------COMMON CSS START	*/
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-facebook-official:before {
    content: "\f230";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-phone:before {
    content: "\f095"
}

.fa-th:before {
    content: "\f00a"
}

.fa-hotel:before, .fa-bed:before {
    content: "\f236"
}

.fa-map:before {
    content: "\f279"
}

.fa-arrow-right:before {
    content: "\f061"
}

.container {
    max-width: 1230px;
    padding: 0px 15px;
    width: 100%;
    position: relative;
}

.add-left-shape {
    margin: -140px -65px 0px;
    padding: 140px 65px;
}

.header-section1 .add-left-shape {
    padding: 140px 65px 160px;
}

.page-features header .add-left-shape {
    padding: 140px 65px 70px;
}

.add-left-shape-n {
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(84deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
}

    .add-left-shape-n > .shape-spacing-box {
        -webkit-transform: rotate(8deg);
        -moz-transform: rotate(8deg);
        -o-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        transform: rotate(8deg);
    }

.inner-contant-img-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.btn.btn-secondary {
    color: #288b3f;
    border-color: #FFF;
    background-color: #FFF;
}

.btn.btn-primary {
    color: #FFF;
    border-color: #288b3f;
    background-color: #288b3f;
}

    .btn.btn-secondary:hover, .btn.btn-primary:hover {
        color: #FFF;
        border-color: #2e2e2e;
        background-color: #2e2e2e;
    }

strong {
    font-weight: 700;
}

@media (max-width:767px) {
    .add-left-shape {
        margin: -140px -0px 0px;
        padding: 140px 0px;
        position: relative;
        -webkit-transform: rotate(-0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(-0deg);
        -ms-transform: rotate(-0deg);
        transform: rotate(-0deg);
    }

        .add-left-shape > .shape-spacing-box {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }
}

.sticky {
    width: 100%;
    top: 0px;
    z-index: 100;
    min-height: 98px;
    position: fixed;
    background-color: #499b43;
    border-bottom: 1px solid #ddd;
    box-shadow: 0px 5px 13px rgba(0,0,0,0.5);
}

.page-features .sticky, .page-pricing .sticky {
    background-color: #00b4f0;
}

.page-blog .sticky {
    background-color: #8bc249;
}

.top-menu-section.fixed-header {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
/*.page-features .box-stick.fixed-header {
	opacity:1;
	 -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;
	}*/
/*-------------------------------------------------------------------------------------------COMMON CSS CLOSE	*/
/*-------------------------------------------------------------------------------------------HEADER CSS START	*/
/*.home-page .container{ max-width:1030px; }
.home-page .globalNav .rootLink{ padding:0px 18px; }
.home-page .connecting-content h2{ font-size:37px;}*/
.header-section1 .add-left-shape:after {
    position: absolute;
    margin: 0px;
    top: 700px;
    width: 100%;
    height: 250px;
    left: 0px;
    content: "";
    z-index: 0;
    padding: 80px 0px;
    -webkit-clip-path: polygon(0 40%, 100% 0%, 100% 60%, 0% 100%);
    clip-path: polygon(0 40%, 100% 0%, 100% 60%, 0% 100%);
    /*	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(7deg);
	-o-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	transform: rotate(-7deg);*/
    background: rgb(139,195,73);
    background: -moz-linear-gradient(left, rgba(139,195,73,1) 0%, rgba(124,185,72,1) 30%, rgba(42,140,63,1) 100%);
    background: -webkit-linear-gradient(left, rgba(139,195,73,1) 0%,rgba(124,185,72,1) 30%,rgba(42,140,63,1) 100%);
    background: linear-gradient(to right, rgba(139,195,73,1) 0%,rgba(124,185,72,1) 30%,rgba(42,140,63,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc349', endColorstr='#2a8c3f',GradientType=1 );
}

header {
    position: relative;
}

.header-section1 .add-left-shape {
    background: rgb(136,194,73);
    background: -moz-linear-gradient(left, rgba(136,194,73,1) 0%, rgba(86,161,68,1) 33%, rgba(40,139,63,1) 100%);
    background: -webkit-linear-gradient(left, rgba(136,194,73,1) 0%,rgba(86,161,68,1) 33%,rgba(40,139,63,1) 100%);
    background: linear-gradient(to right, rgba(136,194,73,1) 0%,rgba(86,161,68,1) 33%,rgba(40,139,63,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88c249', endColorstr='#288b3f',GradientType=1 );
}

.page-features .add-left-shape {
    background: #00b4f0;
}

.page-features header .add-left-shape:after {
    display: none;
}

#logo {
    float: left;
    line-height: 1;
}

    #logo img {
        color: #fff;
    }
/*.menu-box{ float:right;}*/
.bg-inverse {
    background-color: transparent !important;
}

.navbar {
    padding: 0px;
    position: inherit;
}

    .navbar ul.navbar-nav {
        font-size: 18px;
        font-weight: 300;
    }

.navbar-toggleable-md .navbar-nav .nav-link {
    padding: 0px;
}

    .navbar-toggleable-md .navbar-nav .nav-link.btn {
        padding-left: 17px;
        padding-right: 17px;
        text-transform: none;
    }

.navbar ul.navbar-nav > li + li {
    margin-left: 44px;
}

.navbar-inverse .navbar-nav .nav-link {
    color: #FFF;
}

#slider .carousel-item > img {
    width: 100%;
    display: block;
}

.navbar-brand {
    padding: 0px;
}

.carousel-caption h1 {
    font-size: 52px;
    font-size: 500;
    padding-bottom: 8px;
}

.carousel-caption span {
    color: #ff3434;
}

.carousel-caption p {
    font-size: 18px;
    padding-bottom: 0px;
}

.right-girl-img {
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 0%;
    max-width: 1280px;
    z-index: 55;
    text-align: right;
    margin: 0px auto;
}

    .right-girl-img img {
        width: 360px;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

.carousel-caption {
    top: 20%;
}

.topbar a:hover {
    color: #ff3434;
}

.menu-box {
    padding-top: 10px;
    z-index: 99999;
}

.inner-carousel {
    max-width: 950px;
    margin: 0px auto;
}

.carousel-contant {
    max-width: 1200px;
}

.carousel-control-next, .carousel-control-prev {
    z-index: 9999;
    width: 5%;
}

.navbar ul.navbar-nav li.dropdown ul.dropdown-menu {
    padding: 15px 30px;
    margin: 0px;
    left: -189px;
    background-color: #fff;
    min-width: 470px;
    border-radius: 10px;
}

    .navbar ul.navbar-nav li.dropdown ul.dropdown-menu:after {
        position: absolute;
        left: 0px;
        right: 0px;
        top: -20px;
        margin: 0px auto;
        content: "";
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 10px 10px 10px;
        border-color: transparent transparent #fff transparent;
        line-height: 0px;
        _border-color: #000000 #000000 #007bff #000000;
        _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    }

    .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li {
        padding: 10px 0px;
        display: inline-block;
        width: 100%;
    }

    .navbar ul.navbar-nav li.dropdown ul.dropdown-menu .dropdown-item {
        padding: 0px;
        font-size: 20px;
    }

.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
    background-color: transparent;
}

.navbar ul.navbar-nav > li .hide-phone {
    color: #fff;
    padding-bottom: 7px;
}

.top-menu-section {
    display: inline-block;
    width: 100%;
    padding: 25px 0px 20px 0px;
}

@media (min-width:991px) {
    .navbar ul.navbar-nav li.dropdown:hover .dropdown-menu {
        display: block;
    }

    .show-phone {
        display: none;
    }
}

.banner-contant {
    padding-top: 60px;
}

.build-beautiful a {
    color: #fff;
}

.build-beautiful {
    font-size: 14px;
    padding: 5px 10px 5px 6px;
    border-radius: 50px;
    display: inline-block;
    font-weight: 400;
    letter-spacing: 0px;
    background-color: rgba(0,0,140,0.08);
}

    .build-beautiful a.bg-red {
        padding: 2px 6px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
        background: #24b47e;
        text-transform: uppercase;
        border-radius: 10px;
    }

    .build-beautiful a:hover {
        color: #231f20;
    }

.home-page .build-beautiful {
    margin-bottom: 20px;
}

.home-page .banner-contant {
    color: #fff;
    line-height: 1.5;
    font-weight: 300;
    padding-bottom: 25px;
}

.banner-contant {
    color: #fff;
    line-height: 1.5;
    font-weight: 300;
    padding-bottom: 57px !important;
}

.banner-inner-box .btn {
    padding: 0px 10px;
    font-size: 15px;
    height: 40px;
    border-radius: 5px;
    line-height: 40px;
    background-color: #3ecf8e;
    letter-spacing: 0px;
}

    .banner-inner-box .btn.subscribe-now {
        background-color: #fff;
        color: #7795f8;
        margin-left: 20px;
    }

.menu-box .fa-arrow-right {
    font-size: 13px;
    position: relative;
    top: -1px;
}
/*.home-page .banner-inner-box { 
	max-width:560px;
	}
.home-page .banner-inner-box p{ 
	max-width:450px;
	margin-bottom:20px;
	}*/
.home-page .header-section1 .banner-inner-box {
    max-width: 560px;
}

    .home-page .header-section1 .banner-inner-box p {
        max-width: 560px;
        margin-bottom: 20px;
    }

.home-page .header-section2 .banner-inner-box {
    text-align: center;
}

    .home-page .header-section2 .banner-inner-box p {
        margin-bottom: 20px;
        text-align: center;
    }

.home-page .header-section2 .banner-contant {
    text-align: center;
}

.banner-contant h2 {
    color: #fff;
    font-size: 33px;
    font-weight: 400;
    padding-bottom: 22px;
    text-transform: none;
}

.build-beautiful .fa-angle-right {
    font-weight: 600;
    position: relative;
    top: 1px;
}
/*-------------------------------------------------------------------------------------------HEADER CSS CLOSE	*/
/*-------------------------------------------------------------------------------------------banner CSS START	*/
.header-section1 .right-phone-img {
    position: absolute;
    right: 0px;
    top: 32%;
    z-index: 1;
    opacity: 1;
}

.right-phone-img {
    position: absolute;
    right: 0px;
    top: 29%;
    z-index: 1;
}

.banner-bottom-contant .inner-contant {
    color: #000;
    line-height: 1.2;
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: 300;
}

.banner-bottom-contant {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 240px 0px 130px;
}
/*-------------------------------------------------------------------------------------------banner CSS CLOSE	*/
/*-------------------------------------------------------------------------------------------SYNC CSS START	*/
.content-part {
    padding-top: 110px;
    padding-bottom: 80px;
}

.sync-bg {
    font-weight: 300;
    background-color: #f8f8f8;
    display: inline-block;
    width: 100%;
    padding-bottom: 240px;
}

ul.brand-space {
    padding-top: 40px;
    padding-bottom: 65px;
    margin: 0px auto;
    width: 1200px;
}

    ul.brand-space li {
        list-style: none;
        padding-left: 57px;
    }

.sync-left-content p {
    color: #76777a;
    font-size: 22px;
    padding-right: 156px;
    line-height: 29px;
}
/*-------------------------------------------------------------------------------------------SYNC CSS CLOSE	*/
/*-------------------------------------------------------------------------------------------LIST CSS START	*/
.list-bg {
    background-color: #00b4f1;
    padding-top: 145px;
    padding-bottom: 120px;
    margin-top: -125px;
    position: relative;
    -webkit-clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0% 100%);
    clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0% 100%);
    z-index: 2;
}

.list-free, .design-free {
    margin-top: 40px;
    border-radius: 15px;
}

.list-right-content p {
    color: #fff;
    font-size: 23.2px;
    line-height: 29px;
}

.list-right-content h2 {
    font-size: 45px;
    text-transform: none;
    font-weight: bold;
    color: #fff;
}
/*-------------------------------------------------------------------------------------------LIST CSS CLOSE	*/
/*-------------------------------------------------------------------------------------------DESIGN CSS START	*/
.row-design {
    margin-bottom: 100px;
}

.design-bg {
    background-color: #0087ba;
    padding: 200px 15px 0px;
    color: #fff;
    position: relative;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: -125px 0px 0px;
}

    .design-bg:after {
        position: absolute;
        content: "";
        left: 0px;
        width: 100%;
        bottom: 0px;
        height: 90px;
        z-index: -1;
        background-color: #fff;
        /*-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
	transform: rotate(8deg);*/
    }

.design-content {
    color: #fff;
    font-size: 22px;
    line-height: 29px;
    padding-left: 15px;
}

    .design-content h2 {
        font-size: 45px;
        text-transform: none;
        font-weight: bold;
        color: #fff;
    }

    .design-content .coverflow {
        min-height: 380px;
    }

.paint {
    padding-left: 150px;
}

.design-img-list .owl-stage {
    padding: 20px 0px;
}

.design-img-list .owl-carousel .owl-item h4 {
    margin: 0px 0px 0px -50px;
    line-height: 0px;
    height: 405spx;
    overflow: hidden;
    box-shadow: 1px 1px 10px #000;
}

    .design-img-list .owl-carousel .owl-item h4 img {
        width: 100%;
    }
/*.design-img-list .owl-carousel .owl-item:hover h4{
	height:405px !important;
	}*/
.design-img-list .owl-carousel .owl-item {
    float: left;
    margin-left: 0px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

    .design-img-list .owl-carousel .owl-item:hover {
        z-index: 5;
        -ms-transform: transform: scale(1.3);
        -webkit-transform: transform: scale(1.3);
        transform: transform: scale(1.3);
        transform: scale(1.3);
        -webkit-transition: all 0.8s ease-out;
        -moz-transition: all 0.8s ease-out;
        transition: all 0.8s ease-out;
    }

.design-img-list .owl-carousel.owl-loaded {
    display: inline-block;
    width: 100%;
}

.design-img-list .owl-nav {
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: -80px;
}

    .design-img-list .owl-nav div {
        position: absolute;
        height: 40px;
        width: 40px;
        left: 0px;
        right: 0px;
        margin: 0px auto;
        font-size: 0px;
        bottom: 0px;
        background-color: #8ac34a;
    }

        .design-img-list .owl-nav div.owl-prev {
            left: -50px;
        }

            .design-img-list .owl-nav div.owl-prev:after {
                position: absolute;
                content: "\f053";
                left: 0px;
                height: 100%;
                width: 100%;
                font-size: 22px;
                line-height: 40px;
                text-align: center;
                font-family: 'FontAwesome';
            }

        .design-img-list .owl-nav div.owl-next {
            right: -50px;
        }

            .design-img-list .owl-nav div.owl-next:after {
                position: absolute;
                content: "\f054";
                left: 0px;
                height: 100%;
                width: 100%;
                font-size: 22px;
                line-height: 40px;
                text-align: center;
                font-family: 'FontAwesome';
            }

.design-img-list {
    margin: 40px 0px 90px 0px;
    display: inline-block;
    width: 100%;
}

.design-bg p.text-center {
    font-size: 28px;
}

.section-about-date {
    text-align: center;
}

    .section-about-date h2 {
        font-weight: 400;
        font-size: 41px;
        text-transform: capitalize;
        color: #fff;
        padding-bottom: 30px;
    }

.about-date-countdown li {
    display: inline-block;
    font-size: 15px;
    color: #231f20;
    padding: 45px 0px 35px 0px;
    text-align: center;
    width: 42%;
    position: relative;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
    text-transform: none;
    background-color: #fff;
}

    .about-date-countdown li.first-countdown:after {
        position: absolute;
        left: -1px;
        top: 0px;
        content: "";
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0px 0px 40px 200px;
        border-color: transparent transparent transparent #8ac34a;
        line-height: 0px;
        _border-color: #000000 #000000 #000000 #007bff;
        _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
        "
    }

    .about-date-countdown li.second-countdown:after {
        bottom: -1px;
        right: -1px;
        position: absolute;
        content: "";
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0px 0px 40px 200px;
        border-color: transparent transparent #8ac34a transparent;
        line-height: 0px;
        _border-color: #000000 #000000 #007bff #000000;
        _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    }

    .about-date-countdown li + li {
        margin-left: 6%;
    }

    .about-date-countdown li .countdown-box {
        color: #231f20;
        font-weight: bold;
        font-size: 65px;
        line-height: 1;
    }

    .about-date-countdown li p {
        padding-bottom: 0px;
        letter-spacing: 0px;
    }

.about-date-countdown {
    margin-top: 20px;
    margin-bottom: 10px;
}

.text-subheading {
    font-size: 25px;
}

.swiper-container {
    width: 100%;
    height: 400px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    / display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; /*width:90%;*/
}
/*-------------------------------------------------------------------------------------------DESIGN CSS CLOSE	*/
/*-------------------------------------------------------------------------------------------CONNECTING AMAZON CSS CLOSE	*/
.connecting-bg {
    position: relative;
    background-color: #fefefe;
    padding: 260px 0px 150px;
    margin-top: 0px;
}

.connecting-content h2 {
    text-transform: none;
    color: #231f20;
    font-weight: 600;
    font-size: 41px;
    line-height: 47px;
}

.connecting-bg .design-free {
    margin-top: 20px;
}

.connecting-bg .right-img {
    bottom: 0px;
}

.connecting-bg [class*="col-"], .connecting-bg .container {
    position: static;
}
/*-------------------------------------------------------------------------------------------CONNECTING AMAZON CSS CLOSE	*/
/*-------------------------------------------------------------------------------------------overview CSS START	*/
.section-overview {
    color: #fff;
    margin: 0px;
    padding-top: 150px;
    text-align: center;
    position: relative;
    -webkit-clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
    /* background: url(../images/img-frog.png) no-repeat right 100px #00b4f1; */
}

    .section-overview h2 {
        text-align: center;
        font-weight: 400;
        text-transform: none;
        padding-bottom: 20px;
        color: #fff;
        font-size: 65px;
    }

.text-all-plans {
    font-size: 24px;
}

.price-main-box {
    display: inline-block;
    width: 100%;
    margin: 60px 0px 80px;
    padding: 0px 0px;
}

.section-overview a {
    color: #fff;
}

.section-overview .fa-arrow-right {
    font-size: 15px;
}

.pricing-powerful-section .input-box .row [class*="col-"] {
    color: #231f20;
    font-weight: 300;
}

ul.price-item-list > li {
    float: left;
    list-style: none;
    width: 20%;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 70px rgba(0,0,0,0.5);
}

.pricing-tab .price-item-list-five > li {
    float: left;
    list-style: none;
    width: 20%;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 70px rgba(0,0,0,0.5);
}

.pricing-tab .price-item-list-five > li {
    float: left;
    list-style: none;
    width: 16.6%;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 70px rgba(0,0,0,0.5);
}

ul.enterprise-item-list > li {
    width: 25%;
}

ul.price-item-list > li.active {
    margin: -30px 0px;
    position: relative;
}

    ul.price-item-list > li.active .contant-box {
        padding: 60px 0px;
        min-height: 722px;
    }

ul.price-item-list li.active h4 {
    line-height: 1.1;
    padding: 30px 10px;
}

ul.price-item-list li h4 {
    background-color: #f3f3f4;
    padding: 25px 0px;
    width: 100%;
    color: #000;
    font-size: 20px;
    margin: 0px;
    border-bottom: 1px solid #d5d6d8;
    text-transform: none;
    text-align: center;
}

.price-box {
    color: #000;
    background-color: #fff;
    padding: 20px 0px;
    display: inline-block;
    width: 100%;
    line-height: 1;
    min-height: 100px;
    letter-spacing: 0px;
}

ul.price-list {
    list-style: none;
    text-align: left;
}

ul.contant-list {
    margin-left: 10px;
}

    ul.contant-list li {
        color: #06263f;
        font-size: 13px;
        font-weight: 500;
        list-style: none;
        font-weight: 400;
        text-transform: none;
        text-align: left;
        position: relative;
        padding-left: 25px;
        padding-top: 0;
        line-height: 30px;
    }

        ul.contant-list li:after {
            content: "\f00c";
            position: absolute;
            color: #84cb0e;
            font-size: 18px;
            left: 0px;
            bottom: 0px;
            font-family: 'FontAwesome';
        }

        ul.contant-list li.hide {
            color: #939598;
            text-decoration: line-through;
        }

ul.price-list li + li {
    color: #8ac34a;
}

.price-box span small {
    font-size: 19px;
    position: relative;
    top: -13px;
}

.price-box span {
    display: inline-block;
    font-weight: 400;
    font-size: 60px;
}

    .price-box span + span {
        font-size: 20px;
        position: relative;
        left: -4px;
    }

.contant-box {
    color: #000;
    letter-spacing: 0px;
    padding: 30px 0px;
    min-height: 694px;
    border-top: 1px solid #eaebec;
    border-bottom: 1px solid #eaebec;
}

    .contant-box h5 {
        font-size: 20px;
    }

ul.contant-list li + li {
    padding-top: 5px;
}

.price-item-list li .price-btn-box.hide_div_plans {
    padding-top: 83px;
}

.price-item-list li + li + li + li .price-btn-box.hide_div_plans {
    padding-top: 30px;
}

.enterprise-item-list.price-item-list li .price-btn-box.hide_div_plans {
    padding-top: 60px;
}

.enterprise-item-list.price-item-list li + li + li + li .price-btn-box.hide_div_plans {
    padding-top: 42px;
}

.price-btn-box {
    padding: 30px 0px;
    text-align: center;
    position: relative;
    z-index: 5;
    /*min-height:165px;*/
}

.bg-pattern {
    height: 1080px;
    width: 100%;
    background-color: #0087ba;
    -webkit-clip-path: polygon(0 81%, 100% 46%, 100% 100%, 0% 100%);
    clip-path: polygon(0 81%, 100% 46%, 100% 100%, 0% 100%);
    /*	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
	transform: rotate(8deg);*/
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: -1;
}
/*-------------------------------------------------------------------------------------------overview CSS Close	*/
/*-------------------------------------------------------------------------------------------FEATURES CSS START	*/
.light-grey-bg {
    border-top: 1px solid #ddd;
    padding-bottom: 80px;
    background-color: #f7f8f8;
    position: relative;
}

.freatures-section h2 {
    color: #000;
    text-transform: none;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 15px;
}

.freatures-section p {
    font-size: 20px;
    color: #231f20;
}

.light-grey-bg .nav-tabs .nav-item.show .nav-link, .light-grey-bg .nav-tabs .nav-link.active {
    color: #0087ba;
    background-color: transparent;
    border: none;
}

.light-grey-bg .nav-tabs .nav-item .nav-link {
    border: none;
    min-height: 74px;
    position: relative;
}

    .light-grey-bg .nav-tabs .nav-item .nav-link:hover {
        color: #0087ba;
    }

.home-page .light-grey-bg .nav-tabs, .page-blog .light-grey-bg .nav-tabs {
    border-bottom: 3px solid #d1d2d4;
}

.light-grey-bg .nav-tabs {
    border-bottom: 0px solid #d1d2d4;
    text-align: center;
    padding: 0px 40px;
    margin-top: 0px;
}

    .light-grey-bg .nav-tabs .nav-item {
        margin-bottom: 20px;
        font-weight: 600;
        width: 25%;
        text-transform: none;
    }

        .light-grey-bg .nav-tabs .nav-item .nav-link:after, .light-grey-bg .nav-tabs .nav-item .nav-link:before {
            bottom: -23px;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            display: none;
            position: absolute;
            pointer-events: none;
        }

        .light-grey-bg .nav-tabs .nav-item .nav-link:after {
            border-color: rgba(136, 183, 213, 0);
            border-bottom-color: #f7f8f8;
            border-width: 0px 17px 20px;
            margin-left: -17px;
        }

        .light-grey-bg .nav-tabs .nav-item .nav-link:before {
            border-color: rgba(194, 225, 245, 0);
            border-bottom-color: #d1d2d4;
            border-width: 0px 21px 23px;
            margin-left: -21px;
        }

        .light-grey-bg .nav-tabs .nav-item .nav-link.active:after, .light-grey-bg .nav-tabs .nav-item .nav-link.active:before {
            display: block;
        }

.tab-inner-content {
    padding: 70px 50px 50px;
}

.software-left-content p {
    color: #6d6e71;
    text-align: left;
    font-size: 20px;
}

.light-grey-bg .grey-border {
    border-top: 3px solid #d1d2d4;
    padding: 50px 50px 0px 50px;
    text-align: left;
    line-height: 1.5;
}

    .light-grey-bg .grey-border.border-bottom {
        border-bottom: 3px solid #d1d2d4;
    }

.page-features .section-ebay-seo img {
    position: absolute;
    bottom: 0px;
    max-height: 100%;
    /*	box-shadow: 0px 0px 11px rgba(0,0,0,0.5);*/
}

.section-ebay-seo .img-center {
    padding-bottom: 20px;
}

.light-grey-bg.grey-border.border-bottom {
    border-bottom: 3px solid #d1d2d4;
}

.software-left-content {
    text-align: left;
    line-height: 1.5;
    padding-right: 70px;
}

.inner-contant-ebay-seo {
    padding-left: 50px;
}

.software-left-content h3, .grey-border h3 {
    line-height: 1.3;
    font-weight: 600;
    padding-bottom: 30px;
}

.carousel-indicators li {
    height: 20px;
    max-width: 20px;
    border-radius: 50%;
    background-color: #a7a9ac;
}

.carousel-indicators .active {
    background-color: #000;
}

.carousel-indicators {
    bottom: -70px;
    z-index: 1;
}

.input-box {
    max-width: 1140px;
    margin: 0px auto;
    font-size: 29px;
    font-weight: 400;
    line-height: 1.1;
    background-color: #fff;
    padding: 40px 30px;
    text-align: center;
    position: relative;
    z-index: 1;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

.input-col input {
    font-size: 23px;
    height: 60px;
    width: 100%;
    padding: 0px 15px;
    color: #000;
}

.light-grey-bg .section-updating-policies {
    padding-bottom: 140px;
}

.inner-contant-time-updating {
    padding-left: 20px;
}

.carousel-control-prev, .carousel-control-next {
    display: none;
}

.img-phonelisting {
    padding: 40px 0px 0px 0px;
}

.img-ebay-seo {
    padding: 0px;
}

.section-img-ebay-seo {
    margin-bottom: 0px;
}

.section-input .input-col input {
    width: 70%;
    float: left;
}

    .section-input .input-col input#news_letter_subscribe_btn {
        width: 27%;
        margin-left: 3%;
        float: left;
        color: #fff;
        position: relative;
        text-transform: none;
    }

        .section-input .input-col input#news_letter_subscribe_btn:hover {
            top: -2px;
        }

.alert {
    font-size: 16px;
    display: none;
    float: left;
    width: 100%;
    margin: 10px 0px 0px;
}
/*-------------------------------------------------------------------------------------------FEATURES CSS CLOSE	*/
/*-------------------------------------------------------------------------------------------STORE CSS START	*/
.section-store {
    position: relative;
    top: -175px;
    color: #fff;
    line-height: 1.8;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 240px 0px 200px;
    background-color: #8ac34a;
    -webkit-clip-path: polygon(0 25%, 100% 0%, 100% 75%, 0% 100%);
    clip-path: polygon(0 25%, 100% 0%, 100% 75%, 0% 100%);
}

    .section-store .store h2 {
        color: #fff;
        padding-bottom: 70px;
        font-weight: 600;
    }

    .section-store .store .left-box {
        top: 160px;
    }

    .section-store [class*="col-"], .section-store .container {
        position: inherit;
    }

.right-img {
    position: absolute;
    right: 0px;
    bottom: -120px;
    z-index: 1;
}

.section-seller .right-img {
    bottom: auto;
    top: -800px;
}

.section-store .store h2 b {
    color: #288b3f;
}
/*-------------------------------------------------------------------------------------------SELLER CSS START	*/
.section-seller {
    position: relative;
    padding: 0px;
}

    .section-seller h2 {
        text-align: center;
        margin: 0;
        font-weight: 600;
        letter-spacing: 0px;
        text-transform: capitalize;
        padding: 30px 0px 40px;
    }

    .section-seller .seller h4 {
        font-style: italic;
        font-size: 19px;
        min-height: 180px;
        padding: 20px 0px 15px 0px;
    }

    .section-seller .seller p {
        text-transform: none;
        padding: 0;
    }

    .section-seller .seller h5 {
        font-size: 15px;
        margin: 2px;
        color: #bec0c2;
        text-transform: none;
        padding-bottom: 30px;
    }

    .section-seller .seller .client-name {
        position: relative;
    }

        .section-seller .seller .client-name:after {
            content: "";
            position: absolute;
            background-color: #00b4f1;
            height: 5px;
            width: 110px;
            top: -20px;
            left: 0px;
            right: 0px;
            margin: 0px auto;
        }

    .section-seller .seller [class*="col-"] {
        text-align: center;
        padding: 0px 35px;
    }

.client-name h3 {
    font-size: 22px;
    text-transform: none;
    padding-bottom: 0px;
    letter-spacing: 0px;
}

.home-page .section-seller:after {
    position: absolute;
    content: "";
    right: 0px;
    top: -370px;
    width: 850px;
    height: 230px;
    z-index: -1;
    /* background: url(../images/section-store-img.png) no-repeat bottom right; */
}
/*-------------------------------------------------------------------------------------------TODAY CSS START	*/
.contant-part-section-today {
    background-color: #0087ba;
}

    .contant-part-section-today .today .left-box .btn {
        text-transform: none;
        margin-top: 20px;
        font-size: 22px;
    }

    .contant-part-section-today .today .left-box {
        padding: 110px 15px;
    }

        .contant-part-section-today .today .left-box h3 {
            color: #fff;
            font-size: 47px;
            font-weight: 600;
        }

    .contant-part-section-today .today .right-box p {
        color: #fff;
        font-style: italic;
        font-size: 24px;
        font-weight: 300;
        right: 0;
        position: absolute;
        top: 50%;
        margin-top: -50px;
        line-height: 1.7;
    }


.right-img-side {
    opacity: 0 !important;
    display: none !important;
}

/*-------------------------------------------------------------------------------------------FOOTER CSS START	*/
footer {
    background-color: #89c34a;
}

ul.footer-main-box > li {
    float: left;
    width: 25%;
}

    ul.footer-main-box > li h4 {
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        letter-spacing: 0px;
        margin-bottom: 30px;
        text-transform: uppercase;
    }

footer .footer-toprow ul li {
    list-style: none;
    padding-bottom: 5px;
    padding-right: 10px;
}

    footer .footer-toprow ul li a {
        color: #f5fff7;
    }

        footer .footer-toprow ul li a:hover {
            color: #000;
        }

footer .footer-toprow {
    padding: 50px 0px 10px 0px;
    font-weight: 300;
}

    footer .footer-toprow p {
        color: #f5fff7;
        font-size: 14px;
        padding-bottom: 0px;
    }

.box-footer-logo {
    text-align: center;
}

    .box-footer-logo img {
        margin-bottom: 20px;
    }

.section-footer {
    color: #fff;
}

.footer-toprow [class*="col-"] + [class*="col-"] {
    padding-left: 50px;
}

ul.price-item-list > li.active h4 span {
    display: block;
    font-weight: 300;
    text-transform: none;
}

.pricing-tab .price-box .save {
    font-weight: bold;
}
/*------------------------------------------------------------------------------- PRICING CSS START */
.pricing-header .add-left-shape {
    margin: -140px -65px 0px;
    padding: 140px 65px 20px 65px;
    position: relative;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(84deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
}

    .pricing-header .add-left-shape > .shape-spacing-box {
        -webkit-transform: rotate(8deg);
        -moz-transform: rotate(8deg);
        -o-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        transform: rotate(8deg);
    }

    .pricing-header .add-left-shape:after {
        position: absolute;
        margin: 0px -65px 0px;
        bottom: 0px;
        width: 100%;
        left: 0px;
        content: "";
        z-index: -1;
        padding: 80px 0px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(-0deg);
        -ms-transform: rotate(-0deg);
        transform: rotate(-0deg);
        background: rgb(0,180,240);
        background: -moz-linear-gradient(left, rgba(0,180,240,1) 0%, rgba(0,180,240,1) 30%, rgba(0,180,240,1) 100%);
        background: -webkit-linear-gradient(left, rgba(0,180,240,1) 0%,rgba(0,180,240,1) 30%,rgba(0,180,240,1) 100%);
        background: linear-gradient(to right, rgba(0,180,240,1) 0%,rgba(0,180,240,1) 30%,rgba(0,180,240,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc349', endColorstr='#2a8c3f',GradientType=1 );
    }

.page-pricing header {
    position: relative;
    background-color: #00b4f0;
    z-index: 10;
}

    .page-pricing header .add-left-shape:after {
        display: none;
    }

    .page-pricing header .add-left-shape {
        background: transparent;
        padding: 0px;
        margin: 0px;
    }

.navbar-collapse ul li .btn {
    line-height: 50px;
    margin-top: -10px;
    text-transform: capitalize;
}

.navbar ul.navbar-nav li.active {
    position: relative;
}

.home-page .navbar ul.navbar-nav li.dropdown {
    padding-bottom: 18px;
}

.navbar ul.navbar-nav > li > a {
    border-bottom: 1px solid #fff;
    border-color: transparent;
}

.navbar ul.navbar-nav li .nav-link {
    padding-bottom: 6px;
}

.navbar ul.navbar-nav li a:hover, .navbar ul.navbar-nav li.active a {
    border-color: #fff;
}

.pricing-header .add-left-shape {
    background: rgb(0,180,240);
    background: -moz-linear-gradient(left, rgba(0,180,240,1) 0%, rgba(0,180,240,1) 33%, rgba(0,180,240,1) 100%);
    background: -webkit-linear-gradient(left, rgba(0,180,240,1) 0%,rgba(0,180,240,1) 33%,rgba(0,180,240,1) 100%);
    background: linear-gradient(to right, rgba(0,180,240,1) 0%,rgba(0,180,240,1) 33%,rgba(0,180,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88c249', endColorstr='#288b3f',GradientType=1 );
}

.light-grey-bg.pricing-content {
    border-top: none;
    padding-bottom: 0px;
    background-color: #00b4f0;
    position: relative;
    padding-top: 35px;
    margin-top: -2px;
}

.pricing-powerful-section h2 {
    color: #fff;
    text-align: center;
    text-transform: none;
}

.pricing-powerful-section {
    padding-bottom: 150px;
    -webkit-clip-path: polygon(100% 14%, 100% 75%, 0 100%, 0 41%);
    clip-path: polygon(100% 3%, 297% 101%, 0 100%, 0 41%);
    background-color: #0087ba;
    padding-top: 600px;
    margin-top: -525px;
}

.pricing-content h2 {
    color: #fff;
}

.light-grey-bg.pricing-content .nav-tabs {
    border-bottom: 4px solid #fff;
    text-align: center;
    padding: 0px 40px;
    margin-top: 0;
    display: inherit;
}

    .light-grey-bg.pricing-content .nav-tabs li {
        display: inline-block;
    }

    .light-grey-bg.pricing-content .nav-tabs .nav-item .nav-link::before {
        margin-left: -21px;
        border-bottom-color: #fff;
    }

    .light-grey-bg.pricing-content .nav-tabs .nav-item .nav-link::after {
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: rgba(136, 183, 213, 0);
        border-bottom-color: #21b3f3;
        border-width: 0px 17px 20px;
        margin-left: -17px;
    }

.pricingebay-list {
    text-align: left;
    list-style: none;
    color: #fff;
    font-weight: 300;
    font-size: 24px;
}

ul.pricingebay-list li {
    padding-bottom: 10px;
    letter-spacing: 3px;
}

.pricing-ebay-seo {
    max-width: 1120px;
    margin: 0 auto;
}

.pricing-tab .price-box {
    text-align: center;
    background-color: #f1f1f2;
    color: #000;
}

    .pricing-tab .price-box ul.price-list li + li {
        color: #000;
    }

.pricing-tab ul.price-item-list li h4 {
    background-color: #fff;
    padding: 30px 0px;
    font-size: 22px;
}

.pricing-tab .contant-box {
    color: #fff;
    letter-spacing: 0px;
    padding: 15px;
    border-top: 1px solid #eaebec;
    border-bottom: 1px solid #eaebec;
    text-align: center;
    min-height: auto;
    background-color: #0087ba;
    position: relative;
    background: #0087ba;
}

.pricing-tab ul.price-item-list > li.active .contant-box {
    padding: 15px;
    min-height: auto;
    position: relative;
    background: #00b4f0;
}

.pricing-tab .price-item-list .inner-content-box {
    text-align: center;
    min-height: 716px;
    padding: 30px 2px;
}

.page-plans ul.price-item-list > li.active .inner-content-box {
    min-height: 742px;
}

.page-plans ul.price-item-list > li.active .price-btn-box {
    top: -27px;
}

.pricing-tab ul.price-item-list > li.active .contant-box:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 180, 240, 0);
    /*border-top-color: #00b4f0;*/
    border-width: 16px 24px 20px 24px;
    margin-left: -26px;
}

.freatures-section p.text-all-plans {
    text-align: center;
    color: #fff;
}

.light-grey-bg.pricing-content .nav-tabs .nav-item .nav-link::after {
    bottom: -24px;
}

.pricing-tab .price-btn-box .btn {
    background-color: #00b4f0;
    font-weight: 300;
    line-height: 0;
    height: 0;
    padding: 25px 20px;
    font-size: 14px;
}

.pricing-tab .contant-box h3 {
    padding-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 1px;
    line-height: 22px;
}

.pricing-seller .section-input {
    width: 100%;
}

.tryit {
    text-align: center;
    padding-top: 130px;
}

    .tryit .btn {
        font-weight: 300;
        padding: 29px 26px;
        line-height: 0;
        max-width: 303px;
    }

.pricing-seller .row.seller {
    padding-top: 100px;
    text-align: center;
}

    .pricing-seller .row.seller h4 {
        font-size: 24px;
        min-height: 0px;
        letter-spacing: 2px;
        padding: 60px 0px 15px 0px;
    }

.pricing-seller {
    background-color: #f5f6f6;
    padding-bottom: 170px;
    -webkit-clip-path: polygon(100% 14%, 100% 87%, 0 100%, 0 15%);
    clip-path: polygon(100% 15%, 100% 87%, 0 100%, 0 15%);
    margin-top: -238px;
    padding-top: 200px;
}

    .pricing-seller .row [class*="col-"] {
        padding: 0px 30px;
    }

.pricing-faq h2 {
    text-align: center;
    padding-bottom: 5px;
    text-transform: none;
}

.pricing-faq {
    padding: 80px 0px 90px 0px;
    position: relative;
    background-color: #fff;
}

    .pricing-faq .section-input {
        position: absolute;
        top: -200px;
        width: 100%;
    }


    .pricing-faq #accordion {
        padding-top: 50px;
    }

    .pricing-faq .card-header {
        padding: .75rem 1.25rem;
        margin-bottom: 0;
        background-color: #fff;
        border-bottom: none;
        padding-left: 0px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: relative;
    }

        .pricing-faq .card-header h5 {
            padding-bottom: 0px;
            position: relative;
            font-size: 24px;
            text-transform: none;
        }

            .pricing-faq .card-header h5 a {
                color: #0087ba;
                width: 100%;
                display: block;
                position: relative;
                font-weight: bold;
            }

                .pricing-faq .card-header h5 a:focus {
                    text-decoration: none;
                }

    .pricing-faq #accordion .card {
        border-top: 3px solid #d2d3d5;
        border-bottom: 3px solid #d2d3d5;
        border-left: 0px;
        border-right: 0px;
        border-radius: 0;
    }

        .pricing-faq #accordion .card + .card {
            border-top: none;
        }

    .pricing-faq #accordion .card-body {
        padding-bottom: 20px;
        font-size: 19px;
        max-width: 800px;
    }

    .pricing-faq .card-header h5 a:after {
        position: absolute;
        content: "\f106";
        right: 5px;
        top: -13px;
        font-size: 50px;
        font-weight: bold;
        font-family: 'fontawesome';
        color: #d1d3d4;
    }

    .pricing-faq .card-header h5 a.collapsed:after {
        content: "\f107"
    }

    .pricing-faq .card-header .collapse.show:before {
        position: absolute;
        content: "\f107";
        right: 5px;
        top: 10px;
        font-size: 25px;
        font-family: 'fontawesome';
        color: #d1d3d4;
        display:
    }

.pricing-ebay-seo p {
    color: #fff;
    font-size: 18px;
}

.light-grey-bg.pricing-content .nav-tabs .nav-item .nav-link {
    font-size: 18px;
    color: #fff;
    padding-top: 30px;
    font-weight: 300;
}

    .light-grey-bg.pricing-content .nav-tabs .nav-item .nav-link.active {
        font-weight: 600;
    }

.pricing-tab .tab-inner-content {
    padding: 40px 0px 50px;
    padding-top:0px;
}

.pricing-tab .contant-box:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 135, 186, 0);
    /*border-top-color: #0087ba;*/
    border-width: 16px 24px 20px 24px;
    margin-left: -26px;
}

.pricing-seller .center-box img {
    min-width: 215px;
}

.pricing-content .container {
    z-index: 1;
}

.pricing-header .navbar ul.navbar-nav li:hover {
}

.pricing-tab .bottom-shape-left1, .pricing-tab .bottom-shape-left2, .pricing-tab .bottom-shape-left, .pricing-tab .bottom-shape-middle, .pricing-tab .bottom-shape-right {
    background-color: #f0f1f1;
    border-top: 1px solid #d3d4d6;
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
}

.pricing-tab .bottom-shape-left {
    height: 50px;
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 1%);
    clip-path: polygon(0 100%, 100% 100%, 100% 1%);
}

.pricing-tab .bottom-shape-middle {
    height: 547px;
    -webkit-clip-path: polygon(0 74%, 100% 68%, 100% 100%, 0% 100%);
    clip-path: polygon(0 74%, 100% 68%, 100% 100%, 0% 100%);
}

.pricing-tab .bottom-shape-right {
    -webkit-clip-path: polygon(0 74%, 100% 67%, 100% 100%, 0% 100%);
    /*clip-path: polygon(0 74%, 100% 67%, 100% 100%, 0% 100%);*/
    clip-path: polygon(0 80%, 100% 72%, 100% 100%, 0% 100%);
    height: 565px;
}

.pricing-tab .bottom-shape-left1 {
    height: 100px;
    -webkit-clip-path: polygon(0 51%, 100% 16%, 100% 100%, 0% 100%);
    clip-path: polygon(0 51%, 100% 16%, 100% 100%, 0% 100%);
}

.pricing-tab .bottom-shape-left2 {
    height: 153px;
    -webkit-clip-path: polygon(0 45%, 100% 24%, 100% 100%, 0% 100%);
    clip-path: polygon(0 45%, 100% 24%, 100% 100%, 0% 100%);
}

.pricing-tab .price-item-list > li {
    position: relative;
    line-height: 16px;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.pricing-tab .price-item-list li > a {
    color: #ed1c24;
}

.pricing-header .navbar ul.navbar-nav li.dropdown ul.dropdown-menu .dropdown-item {
    display: inline-block;
}

.page-plans .price-box span small {
    font-size: 35px;
    top: -13px;
}

.page-plans .price-box span {
    font-size: 75px;
}

    .page-plans .price-box span + span {
        left: -2px;
        font-size: 20px;
    }

ul.priceCotant-list {
    margin-left: 20px;
}

    ul.priceCotant-list li {
        color: #06263f;
        font-size: 13px;
        font-weight: 500;
        list-style: none;
        font-weight: 400;
        text-transform: none;
        text-align: left;
        padding-left: 30px;
        padding-top: 0;
        line-height: 16px;
        padding-bottom: 15px;
        /* background: url(../images/right-img.png) no-repeat 2px 5px; */
    }
    /*ul.priceCotant-list li:after {
	content: "\f00c";
	position: absolute;
	color: #84cb0e;
	font-size: 18px;
	left: 0px;
	top: 18px;
	font-family: 'FontAwesome';
	}*/
    ul.priceCotant-list + ul.priceCotant-list {
        padding-top: 20px;
    }

.page-plans .pricing-input-section {
    margin-top: -70px;
}

.page-plans .software-left-content {
    color: #fff;
}

    .page-plans .software-left-content p {
        color: #fff;
    }

.page-plans ul.price-item-list > li.active {
    margin: -18px 0px;
    z-index: 100;
}

.page-plans .menu-box::after {
    display: none;
}
/*------------------------------------------------------------------------------- PRICING CSS CLOSE */
/*------------------------------------------------------------------------------- FEATURES CSS START */
.page-features .banner-inner-box p {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.page-features .banner-inner-box {
    max-width: 500px;
}

    .page-features .banner-inner-box h2 {
        text-transform: none;
        font-weight: 600;
        line-height: 45px;
    }
/*.page-features .features-content{
	min-height:4400px;
	}*/
.features-content {
    padding-top: 15px;
    background-color: #f5f6f6;
    border: none;
    margin-top: 0px;
    z-index: 0;
    padding-bottom: 220px;
    /*	-webkit-clip-path: polygon(100% 0, 100% 96%, 0 100%, 0 4%);
	clip-path: polygon(100% 0, 100% 96%, 0 100%, 0 4%);
-webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%);*/
}

.page-features .features-content:after {
    position: absolute;
    content: "";
    left: 0px;
    top: -300px;
    height: 300px;
    width: 100%;
    background-color: #f5f6f6;
    -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
}

.affiliate .features-content {
    margin-top: 0px;
}

.page-features .banner-contant {
    padding-top: 100px;
    padding-bottom: 100px;
}

.home-page .right-phone-img img {
    border-radius: 0px;
    border: 0px solid #f5f6f6;
    box-shadow: none;
}
/*.right-phone-img img{ border-radius:50px; border:10px solid #f5f6f6; box-shadow: 0px 0px 11px rgba(0,0,0,0.5);}*/
.page-features .right-phone-img.ipad_image img {
    border-radius: 0px;
}

.page-features .right-phone-img {
    top: 0px;
    right: 55px;
    max-width: 50%;
}

    .page-features .right-phone-img.ipad_image {
        /* background: url(../images/ipad_image.png) no-repeat center center; */
        background-size: 100% 100%;
        padding: 48px 30px 0px 32px;
    }

.features-tab .nav-tabs .nav-item {
    font-weight: 300;
}

    .features-tab .nav-tabs .nav-item .active {
        font-weight: 600;
    }

.features-tab .tab-inner-content {
    padding-bottom: 0px;
}

.page-features .menu-box ul li .btn {
    line-height: 50px;
    margin-top: -10px;
    text-transform: none;
}

.features-content .nav-tabs .nav-item .nav-link {
    font-size: 18px;
}

.freatures-section .section-ebay-seo.grey-border .btn-sync, .tab-inner-content .btn-sync {
    font-weight: 300;
    margin-bottom: 40px;
}

.page-features .freatures-section .row [class*="col-"] {
    padding: 0px 15px;
}

.page-features .light-grey-bg .grey-border {
    padding: 50px 15px 0px 15px;
}

.page-features .tab-inner-content {
    padding: 70px 50px 0px 50px;
}

.page-features .light-grey-bg .box-increase-sales, .page-features .light-grey-bg .box-save-time-updating, .page-features .light-grey-bg .box-order-customer {
    padding-top: 80px;
}

.tab-content > .tab-pane {
    min-height: 479px;
}

.show-stick, .show-responsive-menu {
    display: none;
}

.top-menu-section.sticky .hide-stick {
    display: none !important;
}

.top-menu-section.sticky .show-stick {
    display: block;
}

ul.show-stick li {
    float: left;
    width: auto;
}

.top-menu-section.sticky .menu-box {
    padding-top: 5px;
}

.navbar ul.navbar-nav li.dropdown ul.dropdown-menu li span + span {
    margin-top: 4px;
}

.navbar ul.navbar-nav li.dropdown ul.dropdown-menu li span {
    float: left;
    letter-spacing: 0px;
    font-size: 15px;
    color: #424770;
    line-height: 26px;
}

    .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li span b {
        display: block;
        text-transform: uppercase;
    }

.globalNav .productsGroupPrimary > li span:first-child {
    border-radius: 50%;
    /*background-color: #00b4f0;*/
    height: 50px;
    width: 50px;
    display: inline-block;
    padding: 0;
    text-align: center;
    margin-top: -23px;
    line-height: 38px;
}

.globalNav .productsGroupPrimary > li:hover span {
    background-color: #8898aa;
}

.globalNav .productsGroupPrimary > li:hover .linkTitle, .globalNav .productsGroupPrimary > li:hover .linkSub {
    color: #32325d;
}

.globalNav .productsGroupPrimary > li span img {
    width: 30px;
    position: relative;
    right: 0px;
    margin-top: 9px;
}

.globalNav .productsGroupPrimary > li:nth-child(2) span img {
    width: 34px;
    right: 1px;
}

.globalNav .productsGroupPrimary > li:nth-child(3) span img {
    width: 28px;
    right: 0px;
}

.tab-sticky {
    opacity: 0;
}

.top-menu-section.fixed-header .tab-sticky {
    opacity: 1;
}
/*------------------------------------------------------------------------------- FEATURES CSS CLOSE */
/*------------------------------------------------------------------------------- Blog CSS Start */
body.page-blog {
    color: #6d6f71;
}

.page-blog header {
    display: inline-block;
    width: 100%;
}

    .page-blog header .add-left-shape {
        margin: 0px;
        padding: 0px;
        position: relative;
        /*	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);*/
    }

        .page-blog header .add-left-shape > .shape-spacing-box {
            /*	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);*/
        }

.page-blog .navbar-collapse ul li .btn {
    line-height: 50px;
    margin-top: -10px;
    background-color: #00b4f0;
    text-transform: none;
}

.page-blog header .add-left-shape {
    background-color: transparent;
}

.page-blog .banner-img img {
    width: 100%;
    max-height: 410px;
}

.page-blog .banner-bgColor:after {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(44, 138, 62, 0.9);
}

.all-blog-post.page-blog .banner-img:after {
    display: none;
}

.page-blog .shape-spacing-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}

.all-blog-post.page-blog .shape-spacing-box {
    position: relative;
}

.page-blog .top-menu-section {
    padding: 25px 0px 20px 0px;
}

.page-blog .banner-inner-box h3 {
    font-size: 22px;
    font-style: italic;
    font-weight: 300;
    color: #fff;
    text-transform: none;
}

.page-blog .banner-contant h2 {
    font-size: 45px;
    line-height: 1.2;
    font-weight: bold;
}

.page-blog .banner-contant h5 {
    font-size: 20px;
    color: #fff;
    letter-spacing: 2px;
}

.page-blog .banner-inner-box {
    max-width: 910px;
}

.page-blog .banner-contant {
    padding-bottom: 0px;
}

.page-blog ul.list-simple li {
    list-style: none;
    position: relative;
}

    .page-blog ul.list-simple li span {
        font-size: 35px;
        position: relative;
        top: 7px;
        left: 3px;
        color: #6d6f71;
        margin-right: 5px;
    }

#blog-tab-section {
    padding-top: 60px;
    margin-top: -10px;
}

.page-blog .light-grey-bg .nav-tabs .nav-item .nav-link {
    min-height: 50px;
}

.bottom-social-box {
    margin-top: 50px;
}

.page-blog .software-left-content {
    padding-right: 0px;
}

.bottom-social-box ul.social-icon li {
    list-style: none;
    float: left;
    margin-right: 10px;
    padding-bottom: 3px;
}

.comments-box {
    margin: 40px 0 0px;
    display: inline-block;
    width: 100%;
    border-bottom: 2px solid #ddd;
}

.bottom-social-box h5 {
    font-size: 22px;
    float: left;
    padding-bottom: 10px;
}

.login-btn {
    float: right;
    font-size: 12px;
    margin-top: 5px;
    font-weight: bold;
    letter-spacing: 0px;
}

    .login-btn span {
        height: 20px;
        width: 20px;
        font-size: 10px;
        background-color: #ee2b7b;
        color: #fff;
        padding: 0;
        border-radius: 50%;
        display: inline-block;
        line-height: 19px;
        text-align: center;
        margin-right: 4px;
        position: relative;
        top: -5px;
    }

        .login-btn span:after {
            top: 14px;
            left: 1px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            -webkit-transform: rotate(39deg);
            -ms-transform: rotate(39deg);
            transform: rotate(39deg);
        }

        .login-btn span:after {
            border-color: rgba(136, 183, 213, 0);
            border-top-color: #ee2b7b;
            border-width: 7px;
            margin-left: -7px;
        }

ul.comments-list {
    padding-left: 20px;
    display: inline-block;
    width: 100%;
    color: #000;
    padding-top: 5px;
}

    ul.comments-list li + li {
        margin-left: 40px;
    }

    ul.comments-list li {
        font-size: 13px;
        float: left;
        font-weight: 600;
        list-style: none;
        letter-spacing: 0px;
    }

.comments-input {
    margin-top: 10px;
    margin-left: 15px;
}

    .comments-input .user-img {
        width: 70px;
    }

    .comments-input input {
        width: 100%;
        border: 3px solid #ddd;
    }

    .comments-input .row [class*="col-"]:first-child {
        padding: 3px 0px 0px;
    }

.page-blog .features-content {
    clip-path: none;
    -webkit-clip-path: none;
}

.page-blog p strong {
    color: #6d6f71;
}

.page-blog h3 {
    color: #6d6f71;
}

.page-blog .tab-inner-content {
    padding: 70px 0 50px;
}

.page-blog .banner-contant {
    padding-top: 40px;
}

.page-blog .light-grey-bg .nav-tabs {
    margin-top: 7px;
}

.all-blog-post .software-right-content h2 {
    /*text-transform:capitalize;*/
    margin-bottom: 30px;
    font-size: 30px;
    text-align: left;
    font-weight: 600;
}

.all-blog-post .software-right-content h6 {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 30px;
    font-style: italic;
}

.all-blog-post .software-right-content .btn-text {
    font-weight: bold;
    color: #00baf1;
    display: inline-block;
    margin-top: 10px;
    margin-left: 50px;
}

    .all-blog-post .software-right-content .btn-text i {
        font-size: 17px;
        margin-left: 5px;
    }

.page-blog.all-blog-post .software-left-content {
    text-align: right;
}

.page-blog.all-blog-post .features-content#blog-tab-section {
    margin-top: -222px;
    padding-top: 240px;
    padding-bottom: 380px;
    z-index: 0;
    -webkit-clip-path: polygon(0 10%, 100% 0%, 100% 87%, 0% 100%);
    /*clip-path: polygon(0 10%, 100% 0%, 100% 87%, 0% 100%);*/
    clip-path: polygon(0 210px, 110% 1%, 120% 93%, 0% 100%);
}

.page-blog.all-blog-post .contant-part-section-today {
    margin-top: -290px;
    padding-top: 290px;
}

.page-blog.all-blog-post .banner-inner-box {
    max-width: 450px;
}

.page-blog.all-blog-post .banner-contant {
    padding-top: 100px;
    padding-bottom: 100px !important;
}

.page-blog.all-blog-post .banner-img img {
    max-height: 605px;
}

.page-blog.all-blog-post .section-input {
    position: absolute;
    margin-top: -220px;
    width: 100%;
}

.page-blog .software-right-content {
    padding-left: 15px;
}

.page-navigation {
    text-align: center;
}

    .page-navigation nav {
        display: inline-block;
    }

/* .page-blog.all-blog-post .banner-contant {
    background: url(../images/img-frog.png) no-repeat right 0px;
} */

.page-blog .software-right-content .img-left {
    margin: 0px 20px 20px 0px;
    float: left;
    width: auto;
}

.page-blog .software-right-content .img-right {
    margin: 0px 0px 20px 20px;
    float: right;
    width: auto;
}

.page-blog.all-blog-post .header-contant-part {
    position: relative;
    background-color: #8bc249;
}
/*------------------------------------------------------------------------------- Blog CSS Close */
/******************************************************************************************** Menu  Css*/
.globalNav ul {
    padding: 0;
    margin: 0
}

.globalNav li {
    list-style: none;
    float: left;
}

.globalNav a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    color: #fff;
    transition: color .1s;
}

    .globalNav a:hover {
        color: #fff
    }

.globalNav > .container-lg {
    padding: 0
}

.globalNav .navRoot {
    position: relative
}

.navRoot.menu-right {
    position: absolute;
    right: 15px;
}

.globalNav .navRoot .btn {
    text-transform: capitalize;
}

.globalNav .navSection.logo {
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width:670px) {
    .globalNav .navSection.primary, .globalNav .navSection.secondary {
        display: -ms-flexbox;
    }
}

.globalNav .navSection.primary {
    -ms-flex-pack: center;
    justify-content: center
}

.globalNav .navSection.secondary {
    position: relative;
    top: 0;
    right: 0
}

.globalNav .navSection.mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width:670px) {
    .globalNav .navSection.mobile {
        display: none
    }
}

.globalNav.compact .navRoot {
    display: -ms-flexbox;
    display: flex
}

.globalNav.compact .navSection.logo {
    position: static;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.globalNav.compact .navSection.secondary {
    position: static
}

.globalNav .rootLink {
    display: inline-block;
    height: 30px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    margin: 0;
    padding: 0 10px;
}

@media (min-width:670px) {
    .globalNav .rootLink {
        padding: 0 calc(10px + (100vw - 670px) * .040541)
    }
}

@media (min-width:1040px) {
    .globalNav .rootLink {
        padding: 0px 27px;
    }
}

.globalNav .navSection.primary .rootLink {
    font-weight: 300;
    color: #fff;
}

.globalNav .colorize {
    color: #fff;
    transition: color .1s ease
}

    .globalNav .colorize.active, .globalNav .colorize:hover, .globalNav .navSection.primary .rootLink:hover {
        color: rgba(255,255,255,0.7)
    }

.globalNav .hasDropdown {
    cursor: pointer;
}

.globalNav .item-home h1 {
    line-height: 50px;
    font-size: 20px;
    margin: 0;
    color: inherit
}

.globalNav .item-home svg {
    vertical-align: -5px
}

    .globalNav .item-home svg path {
        fill: currentColor
    }

.globalNav .item-dashboard:after {
    font: normal 16px;
    content: '\279E';
    padding-left: 1px
}

.globalNav .dropdownRoot {
    position: fixed;
    z-index: 1000;
    left: -8px;
    right: 0;
    top: 75px;
    pointer-events: none;
    transform: rotateX(-15deg);
    transform-origin: 50% -50px;
    opacity: 0;
    will-change: transform,opacity;
    transition-property: transform,opacity;
    transition-duration: .25s;
    display: none
}

@media (min-width:670px) {
    .globalNav .dropdownRoot {
        display: block
    }
}

.globalNav.dropdownActive .dropdownRoot {
    opacity: 1;
    pointer-events: auto;
    transform: none
}

.globalNav .dropdownBackground {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1);
    width: 380px;
    height: 225px;
    transform: translateX(0);
    transform-origin: 0 0
}

.globalNav .alternateBackground, .globalNav .dropdownBackground {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    transition-property: transform;
    transition-duration: .25s
}

.globalNav .alternateBackground {
    right: 0;
    height: 1000px;
    background: #f6f9fc
}

.globalNav .dropdownArrow {
    position: absolute;
    top: -6px;
    left: 0;
    margin: 0 0 0 -6px;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border-radius: 4px 0 0 0;
    background: #fff;
    box-shadow: -3px -3px 5px rgba(82,95,127,.04);
    will-change: transform;
    transition-property: transform;
    transition-duration: .25s
}

.globalNav .dropdownContainer {
    overflow: hidden;
    width: 500px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0);
    will-change: transform,width,height;
    transition-property: transform,width,height;
    transition-duration: .25s
}

.globalNav .dropdownSection {
    opacity: 0;
    pointer-events: none;
    will-change: transform,opacity;
    transition-property: transform,opacity;
    transition-duration: .25s;
    background: red
}

    .globalNav .dropdownSection.active {
        opacity: 1;
        transform: translateX(0)
    }

    .globalNav .dropdownSection.left {
        transform: translateX(-150px)
    }

    .globalNav .dropdownSection.right {
        transform: translateX(150px)
    }

.globalNav.dropdownActive .dropdownSection.active {
    pointer-events: auto
}

.globalNav.noDropdownTransition .alternateBackground, .globalNav.noDropdownTransition .dropdownArrow, .globalNav.noDropdownTransition .dropdownBackground, .globalNav.noDropdownTransition .dropdownContainer, .globalNav.noDropdownTransition .dropdownSection {
    transition: none
}

.globalNav .dropdownContent {
    position: absolute;
    top: 0;
    left: 0
}

.globalNav .linkGroup {
    padding: 20px 35px;
    letter-spacing: 0px;
}

.globalNav .linkContainer {
    display: block;
    padding: 9px 0
}

.globalNav .linkTitle {
    margin: 0;
    /*color:#6772e5;*/
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 5px;
    letter-spacing: .025em
}

.globalNav .linkSub {
    font-size: 15px;
    line-height: 19px;
    color: #6b7c93;
    display: block
}

.globalNav .linkSub, .globalNav .linkTitle {
    transition: color .1s
}

    .globalNav .linkContainer:hover .linkTitle, .globalNav .linkTitle:hover {
        color: #32325d
    }

.globalNav .linkContainer:hover .linkSub {
    color: #424770
}

.globalNav .hover-fillDark, .globalNav .hover-fillLight {
    transition: fill .1s
}

.globalNav .hover-strokeDark, .globalNav .hover-strokeLight {
    transition: stroke .1s
}

.globalNav .linkContainer:hover .hover-fillLight {
    fill: #8898aa
}

.globalNav .linkContainer:hover .hover-fillDark {
    fill: #32325d
}

.globalNav .linkContainer:hover .hover-strokeLight {
    stroke: #8898aa
}

.globalNav .linkContainer:hover .hover-strokeDark {
    stroke: #32325d
}

.globalNav .linkIcon {
    white-space: nowrap
}

    .globalNav .linkIcon svg {
        margin: 0 12px -3px -1px
    }

.globalNav .withIcon {
    padding-left: 28px
}

    .globalNav .withIcon .linkTitle {
        margin-left: -28px
    }

.globalNav .new-badge {
    display: inline-block;
    margin-left: 5px;
    vertical-align: 2px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    font-weight: 700;
    background: #6772e5;
    transition: background .15s;
    border-radius: 10px;
    padding: 0 5px;
    height: auto;
    top: auto;
    box-shadow: none
}

.globalNav .linkContainer:hover .new-badge {
    background: #32325d
}

.globalNav .productsGroupPrimary, .globalNav .productsGroupSecondary {
    margin: -5px -10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

    .globalNav .productsGroupPrimary > li, .globalNav .productsGroupSecondary > li {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        display: -ms-flexbox;
        display: flex
    }

    .globalNav .productsGroupPrimary .linkContainer, .globalNav .productsGroupSecondary .linkContainer {
        -ms-flex: 1;
        flex: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .globalNav .productsGroupPrimary .linkContainer {
        padding: 16px 0px;
    }

    .globalNav .productsGroupPrimary .productLinkContent {
        -ms-flex: 1;
        flex: 1;
        margin-left: 18px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: -5px;
    }

    .globalNav .productsGroupPrimary svg {
        width: 48px;
        height: 48px
    }

.mobileProductsList {
    display: none;
}

.productNav .mask-container {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 -20px 0 20px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent 100%)
}

.productNav .mask-container, .productNav ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.productNav ul {
    padding: 0 0 10px;
    margin-bottom: -10px;
    overflow: auto;
    line-height: 30px;
    -webkit-overflow-scrolling: touch;
    -webkit-mask-image: linear-gradient(180deg,#000,#000 calc(100% - 10px),transparent calc(100% - 10px),transparent 100%)
}
/*------------------------------------------------------------------------------- Company Overview Css Start*/
.company-tab.light-grey-bg .nav-tabs .nav-item .nav-link {
    min-height: 70px;
    font-size: 18px;
}

.page-companyOverview .features-content {
    padding-bottom: 0px;
}

.page-companyOverview .features-content {
    background-color: #FFF;
}

.page-companyOverview .light-grey-bg .nav-tabs .nav-item .nav-link::after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #FFF;
}

.page-companyOverview .bg-gray {
    padding-top: 135px;
}

.page-companyOverview .section-about-date {
    margin-bottom: -85px;
}

    .page-companyOverview .section-about-date .img-frog {
        position: absolute;
        right: -81px;
        top: -36px;
    }

.page-companyOverview .about-date-countdown li + li {
    margin-left: 8%;
}

.bg-gray {
    background-color: #f5f6f6;
}

.row-overview {
    margin-left: 0px;
    margin-right: 0px;
    padding: 70px 60px;
    color: #6d6f71;
    border-bottom: solid 2px #d1d3d4;
}

.content-overview .btn {
    text-transform: none;
}

.content-overview h3 {
    font-size: 28px;
    line-height: 1.4;
    color: #231f20;
    letter-spacing: 2px;
    font-weight: bold;
    padding-bottom: 35px;
}

.page-companyOverview .freatures-section p {
    padding-bottom: 45px;
    color: #6d6f71;
    line-height: 1.5;
}

.row-inkFrog {
    border-bottom: none;
    padding: 0px 50px 195px 50px;
}

.content-news {
    padding: 70px 0px;
}

.row-news {
    padding-bottom: 65px;
}

    .row-news [class*="col-"] {
        padding: 0px 20px;
    }

.box-news {
    padding: 34px 45px;
    border: solid 2px #d1d3d4;
}

.page-companyOverview .section-about-date p {
    padding-bottom: 0px;
}

.page-companyOverview .tab-inner-content {
    padding-bottom: 0px !important;
}

.page-companyOverview .freatures-section p {
    font-size: 15px;
}

.page-companyOverview .features-tab .nav-tabs .nav-item, .page-philosophy .features-tab .nav-tabs .nav-item, .page-press .features-tab .nav-tabs .nav-item, .page-companyCareers .features-tab .nav-tabs .nav-item, .page-inkfrogStory .features-tab .nav-tabs .nav-item {
    font-weight: 400;
}

.page-companyOverview .features-content, .page-inkfrogStory .features-content, .page-philosophy .features-content, .page-team .features-content, .page-companyCareers .features-content, .page-press .features-content {
    padding-top: 70px;
    margin-top: 0px;
}
/*------------------------------------------------------------------------------- Company Overview Css End*/

/*------------------------------------------------------------------------------- Company Press Css Start*/
.page-press .features-content {
    background-color: #FFF;
}

.page-press .light-grey-bg .nav-tabs .nav-item .nav-link::after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #FFF;
}

.page-press .content-news {
    padding: 70px 0px;
}

.page-press .tab-inner-content {
    padding: 0px !important;
}

.page-press .features-content {
    padding-bottom: 0px;
}

/*------------------------------------------------------------------------------- Company Press Css End*/

/*------------------------------------------------------------------------------- Company Philosophy Css Start*/
.page-philosophy .freatures-section p {
    color: #6d6f71;
    line-height: 1.6;
}

.content-philosophy h3 {
    font-size: 40px;
    padding-bottom: 60px;
}

.row-philosophy {
    padding: 0px 50px 50px 50px;
    margin-left: -30px;
    margin-right: -30px;
}

    .row-philosophy [class*="col-"] {
        padding-left: 27px;
        padding-right: 27px;
    }

    .row-philosophy .img-philosophy {
        border-radius: 50%;
        max-height: 175px;
        display: table;
        margin: 0px auto 50px auto;
    }

.page-philosophy .banner-contant {
    padding-top: 90px;
}
/*input[type=submit], .btn {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}*/
.btn:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

.btn:hover, .btn:focus, .btn:active {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

    .btn:hover:before, .btn:focus:before, .btn:active:before {
        opacity: 1;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

/*------------------------------------------------------------------------------- Company Philosophy Css End*/


/*------------------------------------------------------------------------------- Company Team Css Start*/

.page-team .banner-contant {
    padding-top: 90px;
}

.row-team {
    width: 100%;
    padding: 50px 0px 50px 35px;
    display: inline-block;
}

    .row-team .team-img {
        width: 250px;
        float: left;
    }

        .row-team .team-img img {
            border-radius: 50%;
        }

    .row-team .team-content {
        margin-left: 315px;
    }

        .row-team .team-content h3 {
            color: #000;
            font-weight: bold;
            padding-bottom: 5px;
        }

        .row-team .team-content h5 {
            color: #6d6f71;
            font-weight: 300;
            font-size: 18px;
            font-style: italic;
            padding-bottom: 25px;
        }

        .row-team .team-content p {
            color: #6d6f71;
            line-height: 1.5;
        }
/*------------------------------------------------------------------------------- Company Team Css End*/
/*------------------------------------------------------------------------------- Company Careers Css Start*/

.content-careers p {
    color: #6d6f71;
    line-height: 1.5;
}

.page-companyCareers .features-content {
    padding-bottom: 90px;
}

.row-makeDifference {
    padding: 0px 60px 140px 60px;
}

    .row-makeDifference [class*="col-"]:first-child {
        padding-right: 60px;
    }

    .row-makeDifference [class*="col-"] + [class*="col-"] {
        padding-top: 30px;
    }

.box-whywork {
    padding-bottom: 130px;
}

.row-whywork, .row-culture {
    margin-left: -30px;
    margin-right: -30px;
}

    .row-whywork [class*="col-"] {
        padding-left: 30px;
        padding-right: 30px;
    }

    .row-whywork h3 {
        min-height: 115px;
    }

    .row-culture > [class*="col-"] {
        padding-left: 30px;
        padding-right: 30px;
    }

.row-cultureImg img {
    width: 100%;
}

.row-cultureImg {
    padding-top: 20px;
    margin-left: -8px;
    margin-right: -8px;
}

.row-maps {
    margin-left: -8px;
    margin-right: -8px;
}

    .row-cultureImg [class*="col-"], .row-maps [class*="col"] {
        padding-left: 8px;
        padding-right: 8px;
    }

.box-culture {
    padding-bottom: 180px;
}

/*------------------------------------------------------------------------------- Company Careers Css End*/

/*------------------------------------------------------------------------------- Company InkfrogStory Css Start*/

.page-inkfrogStory .banner-contant {
    padding-top: 90px;
}

.row-columns {
    width: 100%;
    float: left;
    position: relative;
}

    .row-columns:after {
        width: 2px;
        content: "";
        right: 27%;
        position: absolute;
        height: 100%;
        background-color: #d1d3d4;
    }

    .row-columns .leftColumn {
        width: 73%;
        float: left;
        padding-right: 135px;
    }

    .row-columns .rightColumn {
        width: 27%;
        float: left;
        padding-left: 65px;
    }

.content-theinkfrogStory p {
    color: #6d6f71;
    line-height: 1.5;
}

.content-theinkfrogStory .row-columns {
    padding: 0px 0px 130px 0px;
}

.t-p30 {
    padding-top: 30px !important;
}

.box-then {
    padding-bottom: 190px;
}

.year-story {
    position: relative;
    padding-bottom: 40px;
}

    .year-story:after {
        width: 48px;
        height: 48px;
        content: "";
        z-index: 1;
        top: 0px;
        left: -90px;
        position: absolute;
        border-radius: 50%;
        background-color: #8ac249;
    }

.no-space {
    padding: 0px !important;
    margin: 0px !important;
}


.page-inkfrogStory .banner-contant {
    padding-top: 90px;
}
/*------------------------------------------------------------------------------- Company InkfrogStory Css End*/
/**********************************************************************************************************/
.top-menu-section.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #00b4f0;
    border-bottom: 1px solid #ddd;
    z-index: 100;
}

    .top-menu-section.fixed-header .hide-stick {
        display: none !important;
    }

    .top-menu-section.fixed-header .show-stick {
        display: block;
    }

    .top-menu-section.fixed-header .menu-box {
        padding-top: 0px;
    }

.img-abouts-us {
    width: 34px !important;
    margin-top: 0px;
    margin-left: -5px;
}

.font-company-blog {
    width: 30px !important;
    height: 30px !important;
    margin-top: 9px;
    color: #ffffff;
}

.font-company-stories {
    width: 30px !important;
    height: 30px !important;
    margin-top: 9px;
    color: #ffffff;
}

.eday-soft {
    background-color: #00B4F1;
}

.eday-soft-1 {
    background-color: #00B4F1;
}

.eday-soft-2 {
    background-color: #3E9642;
}

.eday-soft-3 {
    background-color: #0087BA;
}

.eday-soft-4 {
    background-color: #3ECF8E;
}

h3.linkTitle.linkTitle-font-company {
    color: #00B4F1;
}

h3.linkTitle.linkTitle-font-1 {
    color: #00B4F1;
}

h3.linkTitle.linkTitle-font-2 {
    color: #3E9642;
}

h3.linkTitle.linkTitle-font-3 {
    color: #0087BA;
}

.aboutus-color, .blog-color, .press-blog, .stories-color {
    color: #0087BA;
    padding-bottom: 0px !important;
    font-size: 16px !important;
    margin: 0;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .025em;
    font-family: "trebuchet ms";
    margin-top: -5px !important;
}

.company-submenu-hover {
    margin-top: -42px;
    margin-left: 33px;
}

.about-hover-class, .about-hover-class-4 {
    margin-bottom: -6px;
}

.company-image-icon {
    margin-top: -10px !important;
    background-color: #00B4F1;
}

.blog-title-color:hover {
    color: #00baf1 !important;
}

.inkforg_title_small {
    text-transform: none !important;
}

.press-releases-div {
    padding: 18px 0px;
    margin-left: 5px;
    margin-right: 5px;
    min-height: 315px;
    margin-bottom: 30px;
}

.press-div-setting {
    padding: 0 !important;
}

.press-image-div {
    width: 45%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.press-heading-title {
    width: 55%;
    float: right;
    padding-right: 10px;
}

.press-heading-title-h4 {
    font-size: 16px;
    color: black;
}

.press-heading-text {
    width: 100%;
    padding-left: 10px;
    padding-right: 11px;
}

.press-heading-text-p {
    font-size: 13px !important;
}

.press-heading-text-a {
    font-size: 14px;
    color: #00B4F0;
}

    .press-heading-text-a:hover {
        font-size: 14px;
        color: #00B4F0 !important;
    }

.press-heading-title-a {
    color: black;
}

.press-heading-title-a {
    color: #00B4F0 !important;
}

/**********************************************************************************************************/
/********************************************************************************************************** Error page css start*/
.error-page header .add-left-shape::after {
    display: none;
}

.error-page header .add-left-shape {
    padding: 0px 0px 18px 0px;
    margin: 0px;
}

.section-error {
    min-height: 600px;
    padding: 100px 0px;
    text-align: center;
}

    .section-error h2 {
        text-transform: none;
    }

    .section-error .about-date-countdown {
        text-align: center;
    }

.about-date-countdown li .countdown-box {
    font-size: 70px;
}

.section-error .about-date-countdown li {
    font-size: 25px;
    padding: 55px 0px 65px 0px;
    width: 60%;
}

    .section-error .about-date-countdown li.first-countdown::after {
        border-width: 0px 0px 60px 320px;
    }

    .section-error .about-date-countdown li:before {
        position: absolute;
        right: -114px;
        top: -30px;
        content: "";
        width: 148px;
        height: 280px;
        /* background: url(../images/img-frog-right.png) no-repeat top right; */
        background-size: 100% 100%;
    }

/********************************************************************************************************** Error page css Close*/
/**HOME PAGE VIDEO CSS*/
html .modal-backdrop.show {
    opacity: 0;
}

.modal-backdrop {
    z-index: 0;
}

.model-homevideo .modal-body {
    padding: 0px;
}

.model-homevideo iframe {
    width: 100%;
    margin-bottom: -7px;
    height: 89vh;
    box-shadow: 0 0px 50px #000;
}

.model-homevideo.modal {
    top: 20px;
    width: 81.3%;
    margin: 0px auto
}

.model-homevideo .close {
    width: 40px;
    position: absolute;
    border: solid 1px #F000;
    z-index: 1;
    right: -15px;
    background-color: #000;
    height: 40px;
    top: -20px;
    border-radius: 100px;
    opacity: 1;
}

    .model-homevideo .close img {
        width: 21px;
        position: relative;
        top: -1px;
        left: 1px;
    }

.model-homevideo .modal-lg {
    max-width: 96%;
    width: 96%;
}

.video-img {
    margin: 0px 10%;
    text-align: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .pricing-seller {
        margin-top: -80px;
        padding-top: 160px;
        padding-bottom: 100px;
    }

    .tryit {
        padding-top: 0px;
    }
}

@supports (-ms-ime-align:auto) {
    .price-btn-box {
        min-height: 95px;
    }

    .pricing-seller {
        margin-top: -80px;
        padding-top: 160px;
        padding-bottom: 100px;
    }

    .tryit {
        padding-top: 0px;
    }
}



/**HOME PAGE VIDEO CSS*/
@media (min-width:768px) {
    .page-companyOverview #blog-tab-section, .page-press #blog-tab-section, .page-philosophy #blog-tab-section {
        padding-top: 55px;
    }

    .page-philosophy .company-tab.light-grey-bg .nav-tabs .nav-item .nav-link, .page-companyOverview .company-tab.light-grey-bg .nav-tabs .nav-item .nav-link, .page-press .company-tab.light-grey-bg .nav-tabs .nav-item .nav-link, .page-team .company-tab.light-grey-bg .nav-tabs .nav-item .nav-link {
        min-height: 62px;
        line-height: 22px;
    }
}
/**********************************************************************************************************/
@media only screen and (max-width: 3840px) and (min-width:1024px) {
    /*.globalNav .dropdownContainer{ width:385px !important;}
	.globalNav .dropdownBackground{ width:385px !important;}
	.globalNav .dropdownContent{ width:385px !important;}*/
    /* Float Shadow */
}
/**************************************************************************************** Responsive css start*/
@media only screen and (max-width: 3840px) and (min-width:2160px) {
    /*	header .add-left-shape{ margin-top:-270px; padding-top:270px;}*/
}

@media (max-width: 3840px) {
    .section-seller::after {
        top: -560px;
    }
}

@media only screen and (max-width:3840px) and (min-width:2000px) {
    header .add-left-shape::after {
        top: 820px;
    }
}

@media (max-width: 3840px) {
    .section-seller::after {
        top: -500px;
    }
}

@media (max-width: 2304px) {
    .section-seller::after {
        top: -450px;
    }
}
/*@media only screen and (max-width:3900px) and (min-width:3840px){
	.globalNav .dropdownRoot{ left:-106%;}
	}
@media only screen and (max-width:3100px) and (min-width:3000px){
	.globalNav .dropdownRoot{ left:-72%;}
	}*/
@media only screen and (max-width:3100px) and (min-width:3000px) {
    header .add-left-shape::after {
        top: 845px;
    }
}
/*@media only screen and (max-width:2400px) and (min-width:2304px){
	.globalNav .dropdownRoot{ left:-44%;}
	}*/
@media only screen and (max-width:2159px) and (min-width:1921px) {
    header .add-left-shape::after {
        top: 700px;
    }
}
/*@media only screen and (max-width:2000px) and (min-width:1920px){
	.globalNav .dropdownRoot{ left:-28%;}
	}	*/
/*@media only screen and (max-width:1650px) and (min-width:1600px){
	.globalNav .dropdownRoot{ left:-15%;}
	}*/
@media only screen and (max-width:1920px) and (min-width:1600px) {
    header .add-left-shape::after {
        top: 705px;
    }
}

@media (max-width: 1600px) {
    .section-seller::after {
        top: -400px;
    }
}

@media (max-width:1366px) {
    .model-homevideo iframe {
        height: 86vh
    }
}

@media (max-width:1280px) {
    .model-homevideo iframe {
        height: 86vh;
    }

    .page-inkfrogStory .tab-inner-content, .page-companyCareers .tab-inner-content, .page-team .tab-inner-content {
        margin: 0px;
    }

    .page-blog.page-companyOverview .tab-inner-content, .page-blog.page-philosophy .tab-inner-content, .page-blog.page-press .tab-inner-content {
        margin: 0px;
    }

        .page-blog.page-companyOverview .tab-inner-content > [class*="col-12"], .page-blog.page-philosophy .tab-inner-content > [class*="col-12"], .page-blog.page-press .tab-inner-content > [class*="col-12"] {
            padding: 0px;
        }

    .globalNav .dropdownRoot {
        left: -25px;
    }

    .page-features .freatures-section .row [class*="col-"] {
        padding: 0px 15px;
    }

    .banner-contant h2 {
        font-size: 32px;
    }
}

@media only screen and (max-width:1200px) {
    .section-error h2 {
        font-size: 40px;
    }

    .globalNav .dropdownRoot {
        left: 0px;
    }

    .right-phone-img {
        top: 31%;
    }

    ul.brand-space {
        width: 100%;
    }
}

@media only screen and (max-width:1100px) {
    ul.price-list {
        width: 100%;
        left: 0px;
        text-align: center;
    }
}

@media only screen and (max-width:1080px) {
    .page-features .features-content:after {
        height: 150px;
        top: -150px;
    }

    .globalNav .rootLink {
        padding: 0px 21px;
    }

    .home-page .header-section2 .banner-inner-box {
        text-align: center;
    }

    .home-page .header-section1 .banner-inner-box {
        max-width: 580px;
    }
    /*.banner-inner-box{max-width:580px;}*/
    .page-features .right-phone-img.ipad_image {
        padding: 36px 21px 0px 23px;
        max-width: 40%;
    }

    .contant-part-section-today .today .right-box p {
        font-size: 18px;
        right: 15px;
    }

    .row-overview {
        padding: 50px 0px;
    }

    .row-inkFrog {
        padding: 0px 0px 100px;
    }

    .company-tab.light-grey-bg .nav-tabs .nav-item .nav-link {
        font-size: 15px;
    }

    .page-companyOverview .about-date-countdown li + li {
        margin-left: 10%;
    }

    .price-doller {
        font-size: 25px;
        top: -4px !important;
        position: relative;
    }

    .price-main-box {
        margin-top: 0px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        padding-right: 10px;
    }
}

@media (max-width:1081px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1082px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1083px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1084px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1085px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1086px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1087px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1088px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1089px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1090px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1091px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1092px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1093px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1094px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1095px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1096px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1097px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1098px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1099px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1100px) {
    .price-text-need {
        font-size: 31px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .price-box {
        padding: 20px 30px !important;
    }
}

@media (max-width:1024px) {
    header .add-left-shape {
        padding: 140px 65px 100px;
    }
}

@media (max-width:1080px) {
    ul.priceCotant-list li {
        padding-left: 24px;
    }

    .page-features .right-phone-img {
        width: 44%;
        right: 15px;
    }

    .home-page .right-phone-img {
        width: 48%;
    }

    .press-heading-text-p {
        line-height: 22px;
    }

    .press-releases-div {
        min-height: 435px;
    }

    .press-heading-title-h4 {
        font-size: 15px;
        line-height: 22px;
    }

    .press-heading-title {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

    .press-image-div {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .page-blog.page-press .features-content {
        margin-top: 0px;
        padding-top: 70px;
    }

    .page-features .banner-contant {
        padding-top: 60px;
        padding-bottom: 120px;
    }

    header .add-left-shape {
        padding-bottom: 0px;
    }

        header .add-left-shape:after {
            top: 620px;
        }

    .page-blog .software-right-content {
        position: relative;
    }

    .page-blog .banner-contant h2 {
        font-size: 34px;
        line-height: 1.1;
        padding-bottom: 15px;
    }

    ul.pricingebay-list li {
        letter-spacing: 0px;
    }

    .pricingebay-list {
        font-size: 22px;
    }

    .page-plans .software-right-content {
        position: relative;
    }

    .page-plans .price-main-box {
        padding: 0px;
    }

    .page-features .light-grey-bg .box-increase-sales, .page-features .light-grey-bg .box-save-time-updating, .page-features .light-grey-bg .box-order-customer {
        padding-top: 40px;
    }

    .freatures-section .btn-sync {
        margin-bottom: 30px;
    }

    .software-right-content {
        position: absolute;
        bottom: 0px;
    }

    .page-features .input-box {
        max-width: 100%;
        margin: 0px 2%;
        width: 96%;
    }

    .section-ebay-seo .img-center {
        padding-bottom: 50px;
    }

    .features-content .nav-tabs .nav-item .nav-link {
        font-size: 20px;
    }

    .software-right-content img {
        position: absolute;
        bottom: 0px;
    }

    .img-phonelisting img {
        bottom: 80px;
    }

    .inner-container bdo {
        height: auto;
    }

    .row-philosophy {
        padding: 0px 0px 50px 0px;
        margin-left: -15px;
        margin-right: -15px;
    }

        .row-philosophy [class*="col-"] {
            padding-left: 15px;
            padding-right: 15px;
        }

    .home-page #software .software-right-content img {
        position: relative;
    }

    .section-seller .right-img {
        width: 400px;
    }

    .pricing-tab .price-item-list li {
        letter-spacing: 0px;
    }
    /*		ul.contant-list li + li{ padding-top:0px;}*/
    ul.contant-list li:after {
        bottom: auto;
        top: 0px;
    }

    .pricing-tab .price-item-list .inner-content-box {
        min-height: 595px;
    }

    .page-plans ul.price-item-list > li.active .inner-content-box {
        min-height: 570px;
    }
}

@media (max-width:1024px) {
    .pricing-tab .contant-box h3 {
        font-size: 16px;
    }

    .globalNav .rootLink {
        padding: 0px 15px;
    }

    .page-blog.all-blog-post .banner-contant {
        padding-top: 30px;
    }

    .pricing-seller .row [class*="col-"] {
        padding: 0px 15px;
    }

    .pricing-tab .tab-inner-content {
        padding: 40px 0px 50px;
    }

    .navbar ul.navbar-nav > li + li {
        margin-left: 30px;
    }

    .page-features .inner-contant-ebay-seo {
        padding-left: 15px;
    }

    .page-features .section-ebay-seo img {
        left: 0px;
    }

    .page-features .software-left-content {
        padding-right: 0px;
    }

    .page-features .navbar ul.navbar-nav > li + li {
        margin-left: 30px;
    }

    ul.brand-space {
        width: 100%;
    }

        ul.brand-space li {
            padding-left: 0px;
        }

            ul.brand-space li + li {
                padding-left: 15px;
            }

    .banner-bottom-contant [class*="col-"] {
        max-width: 60%;
        flex: 60%;
    }
    /*	.banner-inner-box p{ max-width:520px; }*/
    .section-seller .right-img {
        width: 360px;
    }
}

@media (max-width:990px) {
    .section-error h2 {
        font-size: 35px;
        letter-spacing: 0px;
    }

    .freatures-section .row-whywork [class*="col-"] p {
        font-size: 16px;
    }

    .globalNav li {
        width: 100%;
    }

    .navbar ul.navbar-nav li.dropdown ul.dropdown-menu .dropdown-item:hover {
        color: #fff;
        background-color: #2e2e2e;
    }

    .navbar ul.navbar-nav li.dropdown ul.dropdown-menu:after {
        display: none;
    }

    .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li span {
        display: none;
    }

    .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li {
        padding: 0px;
    }

    .navbar ul.navbar-nav li.dropdown ul.dropdown-menu {
        width: 100%;
        max-width: 100%;
        padding: 0px;
        background-color: transparent;
    }

    .home-page .navbar ul.navbar-nav li.dropdown {
        padding-bottom: 0px;
    }

    .show-responsive-menu {
        display: block;
    }

    .globalNav .productsGroupPrimary .linkContainer {
        padding: 10px 0px;
    }

    .globalNav .productsGroupPrimary > li:nth-child(2) span img, .globalNav .productsGroupPrimary > li:nth-child(3) span img {
        right: 0px;
    }

    .globalNav .productsGroupPrimary > li span:first-child {
        height: 45px;
        width: 45px;
        overflow: hidden;
        line-height: 41px;
    }

    .globalNav .dropdownRoot, .globalNav.compact .navRoot {
        display: none;
    }

    .globalNav .linkContainer:hover .linkTitle, .globalNav .linkTitle:hover, .globalNav .linkTitle {
        color: #fff;
    }

    .mobileProductsList {
        display: block;
    }

    .globalNav .rootLink {
        width: 100%;
        height: 39px;
        line-height: 38px;
    }

    .globalNav .navSection.primary {
        width: 100%;
        float: left;
    }

    .globalNav .navSection.secondary {
        width: 33%;
        float: left;
    }

    .top-menu-section.sticky, .globalNav .navRoot {
        display: none !important;
    }

    .page-blog.all-blog-post .navbar-inverse .navbar-toggler {
        border-color: #fff;
    }

    .all-blog-post .software-right-content .btn-text {
        margin-left: 0px;
    }

    .page-blog.all-blog-post .section-input {
        position: relative;
        margin: 0px;
    }

    .page-blog.all-blog-post .features-content#blog-tab-section {
        -webkit-clip-path: none;
        clip-path: none;
        margin-top: 0px;
        padding-top: 50px;
        padding-bottom: 100px;
    }

    .page-blog .features-content {
        padding-bottom: 0px;
    }

    .page-blog .tab-inner-content {
        padding: 40px 0 50px;
    }

    .page-blog .light-grey-bg .nav-tabs {
        margin-top: 0px;
    }

    .page-blog .light-grey-bg .nav-tabs {
        padding: 0px;
    }

    .page-blog .banner-inner-box h3 {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .page-blog .banner-contant {
        padding-top: 20px;
    }

    .pricing-header .navbar-toggleable-md .navbar-nav .nav-link.show-phone, .page-features .navbar-toggleable-md .navbar-nav .nav-link.show-phone {
        right: 0px;
    }

    .page-blog .navbar-collapse ul li .btn, .pricing-header .navbar-collapse ul li .btn {
        margin-top: 0px;
        width: 100%;
        height: 40px;
        border-radius: 0px;
        line-height: 37px;
        border: none;
    }

    .pricing-powerful-section h2 {
        font-size: 40px;
    }

    .page-features .navbar-collapse ul li .btn {
        margin-top: 0px;
        width: 100%;
        height: 40px;
        border-radius: 0px;
        line-height: 37px;
        border: none;
    }

    .page-features .navbar ul.navbar-nav > li + li {
        margin-left: 0px;
    }

    .page-features .banner-inner-box h2 {
        font-size: 28px;
        line-height: 40px;
    }

    .page-features .banner-inner-box {
        max-width: 45%;
    }

    .page-features .section-ebay-seo img, .page-features .software-right-content img {
        width: 80%;
    }

    .page-features .freatures-section p {
        font-size: 17px;
    }

    .page-features .light-grey-bg .grey-border {
        padding: 50px 15px 0px 15px;
    }

    .page-features .software-left-content h3, .page-features .grey-border h3 {
        font-size: 22px;
        padding-bottom: 15px;
    }

    .tab-inner-content {
        padding: 40px 50px 50px;
    }

    .page-features .banner-contant {
        padding-top: 50px;
        display: inline-block;
        width: 100%;
    }

    .section-seller::after {
        top: -350px;
    }

    .right-phone-img {
        width: 60%;
    }

    footer .footer-toprow ul li {
        font-size: 16px;
        padding-bottom: 0px;
    }

    .dropdown-item:focus, .dropdown-item:hover {
        background-color: #2e2e2e;
        color: #fff;
    }

    .navbar ul.navbar-nav li.dropdown ul.dropdown-menu .dropdown-item:after {
        position: absolute;
        left: 15px;
        top: 5px;
        content: "\f105";
        font-size: 19px;
        font-family: 'FontAwesome';
    }

    .navbar ul.navbar-nav li.dropdown ul.dropdown-menu .dropdown-item {
        padding: 5px 15px 5px 35px;
        font-size: 17px;
        color: #fff;
        border-bottom: 1px solid #ddd;
        position: relative;
    }

    .navbar-toggleable-md .navbar-nav .dropdown-menu {
        border: none;
        border-radius: 0px;
        background-color: rgba(0,0,0,0.5)
    }

    .navbar-toggleable-md .navbar-nav .nav-link:hover, .navbar ul.navbar-nav > li .hide-phone:hover {
        background-color: #2e2e2e;
        color: #fff;
    }

    .navbar ul.navbar-nav > li .hide-phone:after {
        display: none;
    }

    .dropdown-toggle:after {
        margin-left: 5px;
        border-top: .5em solid;
        border-right: .5em solid transparent;
        border-left: .5em solid transparent;
    }

    .navbar ul.navbar-nav > li .hide-phone {
        padding: 5px 15px;
        border-bottom: 1px solid #ddd;
        display: inline-block;
        width: 100%;
    }

    .navbar-toggleable-md .navbar-nav .nav-link.show-phone {
        position: absolute;
        right: 0px;
        top: 0px;
        height: 36px;
        width: 40px;
        background-color: #8ac34a;
        padding: 5px 0px;
        z-index: 9999;
        text-align: center;
    }

    .navbar-toggleable-md .navbar-nav .nav-link {
        padding: 5px 15px;
        border-bottom: 1px solid #ddd;
    }

    .navbar ul.navbar-nav > li + li {
        margin-left: 0px;
    }

    .navbar {
        position: inherit;
    }

    .navbar-toggler {
        background-color: #8ac34a;
    }

    .navbar-collapse {
        background-color: rgba(0,0,0,0.8);
        width: 100%;
        position: absolute;
        left: 0px;
        top: 67px;
        z-index: 99;
    }

    .contant-part-section-today .right-box img {
        position: absolute;
        right: 170px;
    }

    .inner-contant-time-updating {
        padding-right: 0px;
    }

    .navbar-toggler-right {
        right: 18px;
        top: -8px;
    }

    .page-features header .add-left-shape, header .add-left-shape {
        padding: 139px 65px 20px 65px;
    }

    .navbar-collapse ul li .btn {
        line-height: 35px;
        margin-top: 0;
        text-transform: capitalize;
        width: 100%;
        border-radius: 0px;
        height: 40px;
    }

    .box-news {
        padding: 15px;
    }

    .row-makeDifference {
        padding: 0px 0px 70px;
    }

    .row-whywork [class*="col-"], .row-culture > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row-whywork, .row-culture {
        margin-left: -15px;
        margin-right: -15px;
    }

    .box-culture {
        padding-bottom: 100px;
    }

    .row-makeDifference [class*="col-"]:first-child {
        padding-right: 15px;
    }

    .section-seller .right-img {
        top: -680px;
    }

    .home-page .section-seller:after {
        top: -310px;
    }

    .row-columns .leftColumn {
        padding-right: 80px;
    }

    ul.price-item-list > li {
        width: 50%;
        margin-bottom: 20px;
    }

    ul.price-item-list-five > li {
        width: 50% !important;
        margin-bottom: 20px;
    }

    .page-plans ul.price-item-list > li.active {
        margin: 0px;
    }

    ul.price-item-list > li.active {
        position: relative;
        margin: 0px;
    }

        ul.price-item-list > li.active .contant-box {
            min-height: 694px;
        }

    .pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
        font-weight: 300;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
        width: 60.33% !important;
    }

    .price-text, .year-price {
        font-size: 50px !important;
    }

    ul.price-list {
        padding: 0px 10px !important;
    }

    .price-doller {
        font-size: 17px;
    }
}

@media (max-width:960px) {

    .page-features .right-phone-img.ipad_image {
        padding: 30px 19px 0px 20px;
    }

    .banner-inner-box .btn.subscribe-now {
        margin-left: 10px;
    }

    .section-seller .right-img {
        width: 350px;
    }

    .pricing-faq .card-header h5 {
        font-size: 22px;
    }

    .page-features .input-box {
        font-size: 24px;
    }

    ul.contant-list li {
        font-size: 17px;
    }

    h2 {
        font-size: 40px;
    }

    .banner-inner-box .btn {
        font-size: 17px;
        letter-spacing: 0px;
    }
    /*.home-page .banner-inner-box{ max-width:55%;}*/
    .connecting-bg {
        padding: 150px 0px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
        width: 60.33% !important;
    }

    .pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
        padding: 0px 5px;
    }
}

@media (max-width:900px) {
    .right-phone-img {
        width: 50%;
    }

    .connecting-bg .right-img {
        width: 50%;
    }

    ul.brand-space li + li {
        padding-left: 13px;
    }

    .features-content .nav-tabs .nav-item .nav-link {
        font-size: 18px;
    }

    .pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
        font-weight: 300;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
        width: 60.33% !important;
    }
}

@media (max-width:854px) {
    .price-btn-box {
        min-height: 165px;
    }

    ul.price-item-list li.active h4 {
        padding: 31px 0px;
    }

    ul.contant-list li::after {
        font-size: 15px;
    }

    ul.contant-list li {
        font-size: 14px;
    }

        ul.contant-list li + li {
            padding-top: 0px;
        }

    ul.contant-list li {
        padding-left: 20px;
    }

    ul.contant-list {
        margin-left: 10px;
    }

    .price-main-box {
        padding: 0px;
    }

    .page-features .right-phone-img.ipad_image {
        padding: 27px 17px 0px 18px;
    }

    .press-releases-div {
        min-height: 465px;
    }

    .page-press .row-news [class*="col-"] {
        padding: 0px 5px;
    }

    .sync-bg {
        padding-bottom: 110px;
    }

    header .add-left-shape::after {
        top: 550px;
    }

    .section-seller .right-img {
        width: 300px;
    }

    .banner-bottom-contant {
        padding: 190px 0px 80px;
    }

    .right-phone-img {
        top: 35%;
    }

    .banner-contant {
        padding-bottom: 0px;
    }

    .all-blog-post .software-right-content h6 {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .all-blog-post .software-right-content h2 {
        margin-bottom: 0px;
        font-size: 24px;
    }

    .pricing-tab .contant-box h3 {
        font-size: 18px;
    }

    .page-features .section-ebay-seo img, .page-features .software-right-content img {
        width: 100%;
    }

    .page-features .input-box {
        font-size: 20px;
    }

    .section-ebay-seo .img-center {
        padding-bottom: 0px;
    }

    .page-features .section-ebay-seo:nth-child(4) img, .page-features .section-ebay-seo:nth-child(3) img, .page-features .section-ebay-seo:nth-child(7) img, .page-features .section-ebay-seo:nth-child(8) img {
        bottom: 32%;
    }

    .page-features .banner-inner-box {
        font-size: 16px;
        line-height: 22px;
    }

        .page-features .banner-inner-box h2 {
            font-size: 24px;
            padding-bottom: 10px;
            line-height: 30px;
        }

    footer .footer-toprow {
        padding: 20px 0px;
    }

    .footer-toprow [class*="col-"] + [class*="col-"] {
        padding-left: 15px;
        text-align: center;
        margin-top: 20px;
    }

    .footer-toprow [class*="col-"] {
        max-width: 100%;
        flex: 100%;
        text-align: center;
    }

    .contant-part-section-today .today .left-box h3 {
        font-size: 35px;
        position: relative;
        z-index: 5;
    }

    .section-seller .seller h4 {
        min-height: 150px;
        line-height: 1.4;
    }

    .section-seller .seller [class*="col-"] {
        padding: 0px 15px;
    }

    .input-box {
        font-size: 25px;
    }

    .right-img {
        width: 40%;
    }

    .section-store .store h2 {
        padding-bottom: 20px;
    }

    .software-left-content h3, .grey-border h3 {
        font-size: 22px;
        padding-bottom: 20px;
    }

    .freatures-section p {
        font-size: 18px;
    }

    .software-left-content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .light-grey-bg .nav-tabs .nav-item .nav-link {
        font-size: 18px;
        letter-spacing: 0px;
    }

    .freatures-section h2 {
        font-size: 29px;
    }

    .price-box {
        padding: 20px 0px;
    }

    .price-main-box {
        padding: 0px;
    }

    ul.price-item-list li h4 {
        font-size: 17px;
    }

    .connecting-bg {
        padding: 100px 0px 10px;
    }

    ul.brand-space li {
        width: 25%;
    }

    .about-date-countdown li .countdown-box {
        font-size: 50px;
    }

    ul.brand-space li + li {
        padding-left: 0px;
    }

    .sync-left-content p {
        padding-right: 0px;
    }

    .page-companyOverview .section-about-date .img-frog {
        width: 93px;
        right: -70px;
    }

    .row-team {
        padding-left: 0px;
    }

        .row-team .team-img {
            width: 190px;
        }

        .row-team .team-content {
            margin-left: 225px;
        }

    .row-whywork h3 {
        font-size: 22px;
        min-height: inherit;
    }

    .banner-bottom-contant [class*="col-"] {
        max-width: 60%;
        flex: 80%;
    }

    .row-columns .leftColumn {
        padding-right: 35px;
    }

    .row-columns .rightColumn {
        padding-left: 35px;
    }

    .year-story:after {
        width: 35px;
        height: 35px;
        left: -54px;
    }

    .content-theinkfrogStory .row-columns {
        padding-bottom: 50px;
    }

    .box-then {
        padding-bottom: 100px;
    }

    .year-story {
        text-align: left;
    }

    .contant-box {
        min-height: 560px;
    }

    ul.priceCotant-list {
        margin-left: 0px;
    }

    .pricing-tab ul.priceCotant-list li {
        font-size: 13px;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    ul.priceCotant-list {
        margin-top: 0px;
    }

        ul.priceCotant-list li::after {
            top: 0px;
        }

    .page-plans ul.price-item-list > li.active .inner-content-box {
        min-height: 465px;
    }

    .pricing-tab .price-item-list .inner-content-box {
        min-height: 450px;
    }

    .pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
        font-weight: 300;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
    }

    .pricing0618 .pricing0618Table .feature .btn1 {
        padding: 8px 10px;
        font-size: 13px;
    }

    .pricing-powerful-section h2 {
        font-size: 30px;
    }

    .pricingebay-list {
        font-size: 19px;
    }

    .price-doller {
        font-size: 19px !important;
    }
    /*.pricing-tab .hide_div_plans{padding-top: 0px !important;}*/
    .pricing-powerful-section {
        padding-bottom: 110px;
    }

    .light-grey-bg .nav-tabs .nav-item .nav-link {
        min-height: 54px;
    }
}

@media (max-width:800px) {
    .pricing0618Table .feature {
        letter-spacing: 0px;
        font-size: 13px;
    }

    .connecting-content h2 {
        font-size: 35px;
    }

    .design-bg {
        margin: -132px 0px 0px;
    }

    .section-input .input-col input#news_letter_subscribe_btn {
        line-height: 22px;
        font-size: 18px;
    }

    .page-blog .banner-inner-box {
        max-width: 550px;
    }

    .page-blog .banner-contant h2 {
        font-size: 24px;
    }

    .page-blog .banner-contant {
        padding-top: 0px;
    }

    .pricing-seller .row.seller {
        font-size: 16px;
        text-align: center;
        line-height: 24px;
    }

        .pricing-seller .row.seller h4 {
            font-size: 18px;
            letter-spacing: 0px;
            padding: 30px 0px 5px 0px;
        }

    .footer-toprow [class*="col-"] + [class*="col-"] {
        padding-left: 15px;
    }

    .section-store .store h2 {
        font-size: 30px;
    }

    .right-img {
        width: 37%;
        bottom: -100px;
    }

    .input-col input {
        height: 42px;
        line-height: 42px;
    }

    .input-box {
        font-size: 19px;
    }

    .input-box {
        padding: 20px 15px;
    }

    .banner-bottom-contant .inner-contant {
        font-size: 28px;
    }

    .banner-bottom-contant [class*="col-"] {
        max-width: 100%;
        flex: 100%;
    }

    .banner-inner-box .subscribe-now {
        margin-top: 0px;
    }

    .design-bg p.text-center {
        line-height: 30px;
    }

    .company-tab.light-grey-bg .nav-tabs .nav-item .nav-link {
        font-size: 14px;
    }

    .pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
        font-weight: 300;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
        width: 60.33% !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .pricing-tab .contant-box h3 {
        font-size: 11px !important;
    }

    .price-text-need {
        font-size: 27px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }

    .Plus_orders_month {
        background: none !important;
        font-size: 10px !important;
    }

    .plan-price-title {
        font-size: 23px !important;
    }

    .price-doller {
        font-size: 25px;
        top: 0px !important;
        position: relative;
    }

    .pricing-tab .price-btn-box .btn {
        padding: 20px 10px !important;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 1) {
    .price-text-need {
        font-size: 32px !important;
        text-align: center;
        color: #000;
        line-height: 1;
        font-weight: bolder;
    }
}

@media (max-width:768px) {
    .page-plans ul.price-item-list > li.active .inner-content-box {
        min-height: 463px;
    }

    ul.contant-list li {
        font-size: 13px;
    }

    .section-error h2 {
        font-size: 30px;
    }

    header .add-left-shape:after {
        top: 625px;
    }

    .pricing-tab ul.price-item-list li h4 {
        font-size: 23px;
    }

    .light-grey-bg.pricing-content .nav-tabs .nav-item .nav-link {
        padding: 10px;
    }

    .light-grey-bg .nav-tabs .nav-item .nav-link {
        font-size: 16px;
    }

    .section-seller .seller h4 {
        font-size: 16px;
    }

    .banner-inner-box .btn.subscribe-now {
        margin-left: 0px;
        margin-top: 10px;
    }

    .pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
        font-weight: 300;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
    }
}

@media (max-width:767px) {
    .price-btn-box {
        min-height: 5px;
    }

    #ebay-templates-section {
        overflow: hidden;
    }

    .page-features .features-content::after {
        display: none;
    }

    .section-error {
        min-height: 500px;
    }

        .section-error .about-date-countdown li.first-countdown::after {
            border-width: 0px 0px 40px 240px;
        }

        .section-error .about-date-countdown li {
            font-size: 15px;
            width: 70%;
        }

            .section-error .about-date-countdown li:before {
                background-size: auto;
                width: 108px;
                height: 210px;
                right: -83px;
                top: -22px;
            }

    .affiliate .features-content {
        margin-top: 0px;
    }

    .page-companyOverview .tab-inner-content [class*="col-"] + [class*="col-"] {
        margin-top: 0px;
    }

    .page-press .tab-inner-content [class*="col-"] + [class*="col-"] {
        margin-top: 10px;
    }

    .page-press .row-news [class*="col-"] + [class*="col-"] {
        padding-top: 0px;
    }

    .press-releases-div {
        min-height: auto;
    }

    .inner-contant-ebay-seo {
        padding-left: 15px;
    }

    .section-seller .right-img {
        top: -365px;
        width: 250px;
    }

    .page-companyOverview .freatures-section p {
        padding-bottom: 15px;
    }

    .section-store {
        top: 0px;
        padding: 70px 0px 70px;
        margin: 0px;
        clip-path: none;
        -webkit-clip-path: none;
    }

    .input-box {
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .content-part {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .connecting-bg {
        padding: 50px 0px 50px;
    }

    .row-design {
        margin-bottom: 50px;
    }

    .design-bg {
        padding: 50px 160px 0px;
    }

    .list-bg {
        padding-top: 50px;
        padding-bottom: 50px;
        clip-path: none;
        -webkit-clip-path: none;
    }

    .sync-bg {
        padding-top: 60px;
        padding-bottom: 50px;
        clip-path: none;
        -webkit-clip-path: none;
        margin: 0px;
    }

    .banner-bottom-contant {
        padding: 130px 0px 80px;
    }

    header .add-left-shape:after {
        display: none;
    }

    .page-features header .add-left-shape, header .add-left-shape {
        padding: 0px;
    }

    .page-blog.all-blog-post .features-content#blog-tab-section {
        padding-bottom: 50px;
    }

    .page-blog .all-blog-post .tab-inner-content {
        padding: 40px 0px 10px;
    }

    .page-blog .software-right-content {
        padding-left: 0px;
    }

    .page-blog .light-grey-bg .nav-tabs .nav-item .nav-link {
        min-height: 65px;
        line-height: 30px;
        padding-top: 18px;
    }

    .page-blog.all-blog-post .software-left-content {
        text-align: center;
        margin-bottom: 30px;
    }

    .tab-inner-content .bottom-social-box [class*="col-"] {
        max-width: 10%;
        float: left;
        flex: 10% !important;
        ;
    }

        .tab-inner-content .bottom-social-box [class*="col-"] + [class*="col-"] {
            max-width: 90%;
            float: left;
            flex: 90% !important;
        }

    .bottom-social-box {
        text-align: left;
    }

    .page-blog .software-right-content {
        text-align: left;
    }

    .page-blog .software-left-content {
        text-align: center;
    }

    html body.page-blog .light-grey-bg .nav-tabs .nav-item + .nav-item {
        border-top: 1px solid #ddd;
    }

    .page-blog .light-grey-bg .nav-tabs .nav-item .nav-link.active {
        border-color: #d1d2d4;
    }

    .design-img-list .owl-carousel .owl-item h4 {
        margin: 0px;
    }

    .pricing-powerful-section {
        margin-top: 0px;
        padding-top: 40px;
    }

    .pricing-seller {
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 40px;
    }

    .pricing-powerful-section, .pricing-seller {
        clip-path: none;
    }

    .pricing-powerful-section, .pricing-seller {
        -webkit-clip-path: none;
    }

    .light-grey-bg.pricing-content .nav-tabs {
        padding: 0px;
    }

    html body .light-grey-bg .nav-tabs .nav-item {
        margin-bottom: -4px;
    }

    .pricing-seller .row [class*="col-"] {
        margin-bottom: 20px;
        max-width: 100%;
        flex: 100%;
    }

    .page-plans .software-right-content {
        margin-bottom: 30px;
    }

    .page-plans .software-left-content p {
        text-align: center;
    }

    .page-plans .software-left-content {
        padding-right: 0px;
        text-align: center;
    }

    .tab-inner-content [class*="col-"] {
        max-width: 100%;
        flex: 100%;
        text-align: center;
    }

    .page-plans .software-right-content img {
        width: 100%;
    }

    .light-grey-bg.pricing-content .nav-tabs .nav-item .nav-link::after {
        bottom: -4px;
    }

    .pricing-seller .row.seller {
        padding-top: 30px;
    }

    .tryit {
        padding-top: 80px;
    }

    ul.pricingebay-list li {
        padding-bottom: 5px;
    }

    .pricingebay-list {
        font-size: 19px;
    }

    .pricing-powerful-section h2 {
        font-size: 30px;
    }

    .page-plans ul.price-item-list > li.active {
        margin: 0px 0px 20px 0px;
    }

    .page-plans .pricing-tab .price-item-list .inner-content-box {
        min-height: 400px !important;
    }

    .page-plans .pricing-tab .price-item-list li:last-child .inner-content-box {
        min-height: 580px !important;
    }

    .page-plans ul.price-item-list > li.active {
        width: 100%;
        min-height: 520px;
        z-index: 5;
    }

    .page-plans ul.price-item-list > li {
        width: 100%;
    }

    .pricing-faq .card-header {
        padding-right: 35px;
    }

        .pricing-faq .card-header h5 a:after {
            right: -25px;
        }

    .page-features .light-grey-bg .nav-tabs {
        margin-top: 180px;
    }

    header .add-left-shape {
        padding: 0px;
        margin: 0px;
        padding-bottom: 110px;
    }

    .page-features .right-phone-img {
        width: 50%;
        margin: 0px auto;
        position: relative;
        top: 0px;
        right: 30px;
    }

    .page-features .banner-inner-box {
        max-width: 100%;
        width: 100%;
    }

    .pricing-faq .card-header {
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .page-features .input-box {
        font-size: 16px;
    }

    .page-features .software-left-content p, .page-features .software-left-content {
        text-align: center;
    }

    .page-features .light-grey-bg .box-attract-buyers, .page-features .light-grey-bg .box-purchase-confirmation, .page-features .light-grey-bg .box-increase-sales, .page-features .light-grey-bg .box-save-time-managing, .page-features .light-grey-bg .box-integrating-ebay, .box-purchase-confirmation, .page-features .light-grey-bg .section-img-ebay-seo {
        padding-bottom: 30px;
    }

    .freatures-section .section-ebay-seo.grey-border .btn-sync, .tab-inner-content .btn-sync {
        margin-bottom: 0px;
    }

    .page-features .section-ebay-seo:nth-child(4) img, .page-features .section-ebay-seo:nth-child(3) img, .page-features .section-ebay-seo:nth-child(7) img, .page-features .section-ebay-seo:nth-child(8) img {
        bottom: 0px;
    }

    .freatures-section .btn-sync {
        margin-bottom: 0px;
    }

    .software-right-content {
        position: relative;
        width: 100%;
        text-align: center;
    }

    .page-features .section-ebay-seo img, .page-features .software-right-content img {
        width: 50%;
        position: relative;
    }

    .page-features .freatures-section .row [class*="col-"]:first-child {
        padding-bottom: 20px;
    }

    .page-features .freatures-section .row [class*="col-"] {
        max-width: 100%;
        flex: 100%;
        text-align: center;
    }

    .page-features .pricing-faq {
        padding: 30px 0px 90px 0px;
    }

    .pricing-faq .section-input {
        top: -130px;
    }

    .page-features .features-content {
        padding-bottom: 100px;
        padding-top: 0px;
        margin-top: 0px;
        clip-path: none;
        -webkit-clip-path: none;
    }

    .page-features .tab-inner-content {
        padding: 30px 15px 0px 15px;
    }

    .pricing-faq .card-header h5 a::after {
        font-size: 30px;
        top: -8px;
    }

    .pricing-faq #accordion .card-body {
        font-size: 16px;
        line-height: 22px;
    }

    .pricing-faq .card-header h5 {
        font-size: 17px;
    }

    .page-features .light-grey-bg .nav-tabs {
        margin-top: 0px;
    }

    ul.price-item-list > li.active .contant-box, .contant-box {
        padding: 20px 0px 40px;
        min-height: auto !important;
    }

    .section-seller {
        padding: 0px 0px 40px;
    }

    .input-box {
        margin-bottom: -40px;
    }

    .light-grey-bg .section-updating-policies {
        padding-bottom: 90px;
    }

    .carousel-indicators {
        bottom: -50px;
    }

    .tab-inner-content, .light-grey-bg .grey-border {
        padding: 50px 15px;
    }

    .price-main-box {
        margin: 0px 0px 10px;
    }

    ul.price-item-list > li {
        width: 100%;
        margin: 0px 0px 20px 0px;
        min-height: inherit;
    }

        ul.price-item-list > li.active {
            width: 100%;
            margin: 0px 0px 20px 0px;
            min-height: inherit;
        }

    .design-bg {
        padding-bottom: 40px;
    }

    .section-store:after {
        display: none;
    }

    .design-bg:after {
        display: none;
    }

    ul.price-item-list > li {
        width: 100% !important;
    }

    .connecting-content h2 {
        font-size: 25px;
    }

    .about-date-countdown li .countdown-box {
        font-size: 40px;
    }

    .text-subheading {
        font-size: 18px;
    }

    .section-about-date h2 {
        font-size: 60px;
        letter-spacing: 0px;
        padding-bottom: 10px;
    }

    .list-right-content p, .design-content {
        font-size: 20px;
    }

    .sync-bg {
        text-align: center;
    }

    .sync-left-content {
        text-align: left;
    }

    .page-features .content-part {
        padding-top: 50px;
    }

    ul.brand-space li {
        width: 50%;
        text-align: center;
    }

    .bg-pattern {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .light-grey-bg .nav-tabs {
        padding: 0px;
        border-bottom: 1px solid #ddd;
    }

        .light-grey-bg .nav-tabs .nav-item .nav-link {
            min-height: 10px;
        }

        .light-grey-bg .nav-tabs .nav-item {
            width: 100%;
            margin-bottom: 5px;
        }

            .light-grey-bg .nav-tabs .nav-item .nav-link.active {
                padding-bottom: 27px;
                border-bottom: 3px solid #fff;
            }

            .light-grey-bg .nav-tabs .nav-item .nav-link::after, .light-grey-bg .nav-tabs .nav-item .nav-link:before {
                bottom: -4px;
            }

    .design-img-list .owl-carousel .owl-item h4 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .design-img-list .coverflow {
        min-height: 250px;
    }

    .design-img-list .owl-nav {
        top: 240px;
    }

    header .add-left-shape {
        padding: 0px;
    }

    .right-phone-img {
        width: 50%;
        top: 22%;
    }

    .design-content {
        padding-left: 15px;
    }

    .banner-contant {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .content-news, .page-press .content-news {
        padding: 50px 0px;
    }

    .row-news [class*="col-"] + [class*="col-"] {
        padding-top: 30px;
    }

    .page-companyOverview .about-date-countdown li {
        width: 80%;
    }

        .page-companyOverview .about-date-countdown li + li {
            margin-left: 0px;
            margin-top: 30px;
        }

    .page-companyOverview .section-about-date h3 {
        font-size: 22px;
    }

    .page-companyOverview .section-about-date {
        margin-bottom: -69px;
    }

    .page-companyOverview .bg-gray {
        padding-top: 85px;
    }

    .content-philosophy h3 {
        font-size: 30px;
        padding-bottom: 40px;
    }

    .row-philosophy .img-philosophy {
        margin-bottom: 20px;
    }

    .tab-inner-content [class*="col-"] + [class*="col-"] {
        margin-top: 50px;
    }

    .tab-inner-content .comments-input [class*="col-"] + [class*="col-"] {
        margin-top: 0px;
    }

    #features-tab-section.features-content {
        margin-top: 0px;
        padding-top: 40px;
    }

    .page-features .banner-contant {
        padding-bottom: 50px;
    }

    .page-features .light-grey-bg .nav-tabs .nav-item .nav-link.active, .home-page .light-grey-bg .nav-tabs .nav-item .nav-link.active {
        border-bottom: 3px solid #d1d2d4;
    }

    .home-page .tab-content .software-right-content img {
        position: relative;
    }

    .add-left-shap {
        margin: -140px 0px 0px;
        padding: 140px 15px;
    }

    .design-bg {
        margin: 0px;
        padding: 50px 15px 50px;
    }

    .section-overview {
        margin: 0px;
        clip-path: none;
        -webkit-clip-path: none;
    }

    .row-team {
        padding: 30px 0px;
    }

        .row-team .team-content {
            margin-left: 0px;
        }

        .row-team .team-img {
            display: table;
            margin: 0px auto 30px auto;
            float: none;
        }

    .row-makeDifference [class*="col-"] + [class*="col-"] {
        padding-top: 0px;
    }

    .page-blog header {
        z-index: 5;
    }

    .page-team .tab-inner-content [class*="col-"] {
        padding: 0px;
    }

    .row-columns .rightColumn {
        width: 33%;
    }

    .row-columns .leftColumn {
        width: 67%;
    }

    .row-columns::after {
        right: 33%;
    }

    .page-features .freatures-section .row [class*="col-"] {
        padding: 0px 15px;
    }

    .page-features .right-phone-img {
        max-width: 100%
    }

    .page-features .freatures-section .row [class*="col-"] {
        padding: 0px 0px;
    }

    .page-features .right-phone-img {
        top: 31px;
        right: 0px;
        max-width: 100%;
        width: 350px;
    }

    ul.contant-list li::after {
        font-size: 18px;
    }

    ul.contant-list li {
        font-size: 18px;
        padding-left: 28px;
    }

        ul.contant-list li + li {
            padding-top: 10px;
        }

    ul.contant-list, ul.priceCotant-list {
        max-width: 300px;
        margin: 0px auto;
    }

    .pricing-tab ul.priceCotant-list li {
        font-size: 16px;
    }

    .pricing-tab ul.priceCotant-list li {
        padding-bottom: 10px;
    }

    ul.price-item-list > li.active, ul.price-item-list > li:last-child {
        width: 100%;
        margin: 0px 0px 20px;
    }

    .tab-inner-content .table-inkFrog-crazy.mob-show .row [class*="col-"] {
        max-width: 50%;
        flex: 50%;
        margin-top: 0px;
    }

    .header-section2-small-image {
        padding: 37px 0px 39px !important;
        width: 60%;
    }

    .pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
        font-size: 12px !important;
        font-weight: 300;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
        width: 37% !important;
    }

    .pricing0618 .pricing0618Table .header-title, .pricing0618 .pricing0618Table .header {
        font-size: 12px !important;
    }

    .price_details_doller {
        font-size: 14px !important;
        top: 0px !important;
    }

    .price_details_doller_1 {
        font-size: 30px !important;
    }

    .price_details_doller_2 {
        font-size: 30px !important;
    }

    .monthly_price {
        font-size: 14px !important;
        text-align: center;
    }

    .price_details_doller_monthly .save {
        font-size: 13px !important;
        text-align: center;
    }

    .table_billed_plans {
        font-size: 13px !important;
        text-align: center;
    }

    .price_details_billed_monthly {
        font-size: 30px !important;
        text-align: center;
    }

    .btn1 {
        padding: 0.3em 0.6em 0 !important;
        height: 2.4em !important;
    }

        .btn1:hover {
            padding: 0.3em 0.6em 0 !important;
        }

    .tooltip_Text_type {
        font-size: 12px !important;
        word-break: break-word !important;
    }

    .tooltip .tooltiptext {
        width: 250px !important;
    }

    .pricing0618 .tooltip-right {
        top: auto;
        left: 100%;
        bottom: 100%;
        transform: translateY(-10%);
        margin-left: -62px;
        margin-bottom: 5px;
    }

        .pricing0618 .tooltip-right::after {
            top: 100%;
            margin-top: 0px;
            right: auto;
            left: 20%;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

    .tooltip-top {
        left: 122% !important;
    }

    .hide_div_plans {
        padding-top: 15px !important;
    }

        .hide_div_plans a {
            display: -webkit-inline-box !important;
            margin-top: 7px;
        }

    .pricing-tab ul.price-item-list li h4 {
        padding: 13px 0px;
    }

    .price-btn-box {
        padding-bottom: 15px;
    }

    .freatures-section {
        padding-bottom: 40px;
    }

    .pricing-powerful-section {
        padding-bottom: 75px;
    }

    .pricing-faq {
        padding: 50px 0px;
        font-size: 16px;
    }

        .pricing-faq h2 {
            font-size: 30px;
        }

        .pricing-faq #accordion {
            padding-top: 20px;
        }

    .pricing-seller {
        padding-bottom: 10px;
    }

    .pricing0618 .pricing0618Table .grid-row {
        width: 650px;
    }

    .pricing0618 {
        position: relative;
    }

        .pricing0618:after {
            width: 211px;
            position: absolute;
            left: 0px;
            top: 0px;
            background-color: #fcfbfc !important;
            height: 100%;
            z-index: 100;
            content: "";
            z-index: 1;
            border-right: solid 1px #f0eeed;
        }

        .pricing0618 .pricing0618Table {
            position: initial !important;
            padding-left: 210px !important;
            overflow: auto !important;
            overflow-y: hidden !important;
        }

    html body .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        z-index: 2;
        position: absolute;
        width: 210px !important;
        left: 0px;
        background-color: #fcfbfc !important;
    }

    .pricing0618 .pricing0618Table .grid-item {
        padding-bottom: 15px !important;
    }

    .pricing0618 .btn1 {
        height: auto !important;
    }

    .pricing0618 .header-row .grid-item {
        padding-bottom: 0px !important;
    }
}

@media (max-width:740px) {
    .section-overview h2 {
        font-size: 50px;
    }

    .text-all-plans {
        font-size: 16px;
    }

    .pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
        font-size: 8px;
        font-weight: 300;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
        width: 60.33% !important;
    }

    .pricing0618 .pricing0618Table .header-title, .pricing0618 .pricing0618Table .header {
        font-size: 12px !important;
    }

    .price_details_doller {
        font-size: 14px !important;
        top: 0px !important;
    }

    .price_details_doller_1 {
        font-size: 20px !important;
    }

    .price_details_doller_2 {
        font-size: 20px !important;
    }

    .monthly_price {
        font-size: 12px !important;
        text-align: center;
    }

    .price_details_doller_monthly .save {
        font-size: 10px !important;
        text-align: center;
    }

    .table_billed_plans {
        font-size: 10px !important;
        text-align: center;
    }

    .price_details_billed_monthly {
        font-size: 30px !important;
        text-align: center;
    }

    .btn1 {
        padding: 0.3em 0.6em 0 !important;
        height: 3.8em !important;
    }

        .btn1:hover {
            padding: 0.3em 0.6em 0 !important;
        }

    .tooltip_Text_type {
        font-size: 12px !important;
        word-break: break-word !important;
    }

    .tooltip-top {
        left: 122% !important;
    }

    .hide_div_plans {
        padding-top: 0px !important;
    }

        .hide_div_plans a {
            display: -webkit-inline-box !important;
        }
}

@media (max-width:854px) {
    .contant-part-section-today .today .left-box h3 {
        font-size: 27px;
    }
}

@media (max-width:667px) {
    footer .footer-toprow ul.footer-main-box > li {
        min-height: 0px
    }

    .section-input .input-col input#news_letter_subscribe_btn {
        font-size: 16px;
        padding: 0px 15px;
    }

    .globalNav .rootLink {
        width: 32.3%;
    }

    .banner-bottom-contant {
        padding: 50px 0px;
    }

    .page-blog.all-blog-post .banner-img img {
        height: 100%;
    }

    .page-blog .banner-img img {
        height: 240px;
    }

    .freatures-section h2 {
        font-size: 23px;
    }

    .page-plans .light-grey-bg .nav-tabs .nav-item {
        width: 100%;
    }

    ul.footer-main-box > li h4 {
        margin-bottom: 15px;
    }

    ul.footer-main-box > li {
        margin-bottom: 20px;
    }

    .section-about-date h2 {
        font-size: 45px;
    }

    .input-box {
        font-size: 16px;
    }

    .light-grey-bg .nav-tabs .nav-item {
        width: auto;
    }

    .row-design {
        margin-bottom: 30px;
    }

    .banner-contant {
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .software-left-content {
        padding-right: 0px;
    }

    .light-grey-bg .nav-tabs {
        padding: 0px;
    }

    .align-items-center [class*="col-"], .design-bg [class*="col-"] {
        max-width: 100%;
        flex: 100%;
    }

    .sync-bg [class*="col-"] {
        max-width: 100%;
        flex: 100%;
    }

    .connecting-content h2 br {
        display: none;
    }

    .pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
        font-weight: 300;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
        width: 60.33% !important;
    }

    .pricing0618 .pricing0618Table .header-title, .pricing0618 .pricing0618Table .header {
        font-size: 12px !important;
    }

    .price_details_doller {
        font-size: 14px !important;
        top: 0px !important;
    }

    .price_details_doller_1 {
        font-size: 20px !important;
    }

    .price_details_doller_2 {
        font-size: 20px !important;
    }

    .monthly_price {
        font-size: 12px !important;
        text-align: center;
    }

    .price_details_doller_monthly .save {
        font-size: 10px !important;
        text-align: center;
    }

    .table_billed_plans {
        font-size: 10px !important;
        text-align: center;
    }

    .price_details_billed_monthly {
        font-size: 30px !important;
        text-align: center;
    }

    .btn1 {
        padding: 0.3em 0.6em 0 !important;
        height: 3.8em !important;
    }

        .btn1:hover {
            padding: 0.3em 0.6em 0 !important;
        }

    .tooltip_Text_type {
        font-size: 12px !important;
        word-break: break-word !important;
    }

    .tooltip-top {
        left: 125px !important;
    }

    .hide_div_plans {
        padding-top: 0px !important;
    }

        .hide_div_plans a {
            display: -webkit-inline-box !important;
        }

    input[type=submit], input[type=button], input[type=reset], button, .btn {
        font-size: 18px;
    }
}

@media (max-width:667px) {
    .tooltip-top {
        left: 100px !important;
    }
}

@media (max-width:600px) {
    .contant-part-section-today .right-box img {
        right: 122px;
    }

    .contant-part-section-today .today .right-box p {
        font-size: 13px;
    }

    .pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
        font-weight: 300;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
        width: 60.33% !important;
    }

    .pricing0618 .pricing0618Table .header-title, .pricing0618 .pricing0618Table .header {
        font-size: 12px !important;
    }

    .price_details_doller {
        font-size: 14px !important;
        top: 0px !important;
    }

    .price_details_doller_1 {
        font-size: 20px !important;
    }

    .price_details_doller_2 {
        font-size: 20px !important;
    }

    .monthly_price {
        font-size: 12px !important;
        text-align: center;
    }

    .price_details_doller_monthly .save {
        font-size: 10px !important;
        text-align: center;
    }

    .table_billed_plans {
        font-size: 10px !important;
        text-align: center;
    }

    .price_details_billed_monthly {
        font-size: 30px !important;
        text-align: center;
    }

    .btn1 {
        padding: 0.3em 0.6em 0 !important;
        height: 3.8em !important;
    }

        .btn1:hover {
            padding: 0.3em 0.6em 0 !important;
        }

    .tooltip_Text_type {
        font-size: 12px !important;
        word-break: break-word !important;
    }

    .tooltip-top {
        left: 122% !important;
    }

    .hide_div_plans {
        padding-top: 0px !important;
    }

        .hide_div_plans a {
            display: -webkit-inline-box !important;
        }
}

@media (max-width:568px) {
    .design-content h2, h2 {
        font-size: 35px;
        padding-bottom: 15px;
    }

    .section-about-date h2 {
        font-size: 35px;
    }

    .grey-border .row [class*="col"] + [class*="col"] {
        margin-top: 20px;
    }

    .home-page header .add-left-shape {
        padding-bottom: 130px;
    }

    .banner-contant {
        padding-bottom: 20px;
    }

    header {
        z-index: 6;
    }

    .page-blog.all-blog-post .contant-part-section-today {
        height: 758px;
    }

    .page-blog.all-blog-post .banner-contant {
        padding-top: 0px;
    }

    .page-blog h3 {
        font-size: 22px;
    }

    .pricing-faq {
        padding-top: 30px;
    }

    .pricingebay-list {
        text-align: center;
    }

    .pricing-faq #accordion {
        padding-top: 30px
    }

    .pricing-faq h2 {
        font-size: 30px;
    }

    .page-features .right-phone-img {
        opacity: 1;
    }

    .banner-inner-box .subscribe-now {
        margin-top: 0px;
    }

    .home-page .banner-inner-box {
        max-width: 100%;
        position: relative;
        z-index: 5;
    }

    .header-section1 .right-phone-img {
        width: 60%;
        opacity: 0.5;
        top: 20%;
    }

    .contant-part-section-today .today .right-box p {
        top: 140px;
    }

    .contant-part-section-today .today .left-box {
        padding: 30px 0px;
        text-align: center;
    }

    .contant-part-section-today {
        height: 480px;
    }

        .contant-part-section-today .right-box img {
            top: -30px;
        }

    .section-seller .seller h4 {
        min-height: 80px;
    }

    .contant-part-section-today .today [class*="col-"] {
        max-width: 100%;
        flex: 100%;
    }

    .input-box .input-col {
        margin-top: 20px;
    }

    inner-contant-time-updating {
        margin-top: 20px;
    }

    .inner-contant-ebay-seo {
        margin-top: 20px;
    }

    .connecting-bg .right-img, .right-img {
        opacity: 0.3;
    }

    .connecting-content, .section-store .store .left-box {
        position: relative;
        z-index: 5;
        top: 0px;
    }

        .connecting-content h2 {
            max-width: 100%;
        }

    .about-date-countdown li {
        width: 100%;
    }

        .about-date-countdown li + li {
            margin-left: 0px;
            margin-top: 20px;
        }

    .banner-inner-box .btn.subscribe-now {
        margin-top: 0px;
    }

    .inner-contant-ebay-seo {
        padding-left: 0px;
    }

    .contant-part-section-today .right-box img {
        right: 250px;
    }

    .contant-part-section-today .today .right-box p {
        right: 75px;
    }

    .section-store {
        padding-top: 30px;
    }

    .section-store {
        top: 0px;
    }

    .light-grey-bg {
        padding-bottom: 70px;
    }

    .row-inkFrog {
        padding: 0px 0px 50px;
    }

    .page-features .pricing-faq {
        padding: 60px 0px 90px;
    }

    .row-maps [class*="col"] {
        flex: inherit;
        width: 100%;
        display: block;
    }

        .row-maps [class*="col"] + [class*="col"] {
            margin-top: 20px;
        }

    .row-makeDifference {
        padding: 0px 0px 40px;
    }

    .page-blog h3 {
        padding-bottom: 15px;
    }

    .page-companyCareers .tab-inner-content [class*="col-"] + [class*="col-"] {
        margin-top: 15px;
    }

    .box-whywork, .box-culture {
        padding-bottom: 50px;
    }

    .row-columns .leftColumn {
        padding-right: 0px;
        width: 100%;
        padding-bottom: 40px;
    }

    .row-columns .rightColumn {
        width: 100%;
        padding-left: 55px;
    }

    .row-columns::after {
        display: none;
    }

    .year-story {
        padding-bottom: 0px;
    }

    .box-then {
        padding-bottom: 50px;
    }

    .header-section2-small-image {
        padding: 0px 0px 0px 0px !important;
        width: 100%;
    }

    .pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
        font-weight: 300;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
    }

    .pricing0618 .pricing0618Table .header-title, .pricing0618 .pricing0618Table .header {
        font-size: 12px !important;
    }

    .price_details_doller {
        font-size: 14px !important;
        top: 0px !important;
    }

    .price_details_doller_1 {
        font-size: 50px !important;
    }

    .price_details_doller_2 {
        font-size: 20px !important;
    }

    .monthly_price {
        font-size: 15px !important;
        text-align: center;
    }

    .price_details_doller_monthly .save {
        font-size: 17px !important;
        text-align: center;
    }

    .table_billed_plans {
        font-size: 18px !important;
        text-align: center;
        margin-top: 4px;
    }

    .price_details_billed_monthly {
        font-size: 30px !important;
        text-align: center;
    }

    .btn1 {
        padding: 0.3em 0.6em 0 !important;
        height: 3.8em !important;
    }

    html body .btn1:hover {
        padding: 0.3em 0.6em 0 !important;
        height: auto !important;
    }

    .tooltip_Text_type {
        font-size: 16px !important;
        word-break: break-word !important;
        color: black;
    }

    .pricing0618 .pricing0618Table .feature {
        font-size: 18px !important;
    }

    .tooltip-top {
        left: 118px !important;
    }

    .hide_div_plans {
        padding-top: 0px !important;
    }

        .hide_div_plans a {
            display: -webkit-inline-box !important;
        }
}

@media (max-width:533px) {
    .section-overview h2 {
        font-size: 40px;
    }

    .text-all-plans {
        padding: 0px 15px;
    }

    .home-page header .add-left-shape {
        padding-bottom: 0px;
    }

    .pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
        font-weight: 300;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
        width: 60.33% !important;
    }
    /*	.pricing0618 .pricing0618Table .header-title, .pricing0618 .pricing0618Table .header {
		font-size: 12px ! important;
	}
	.price_details_doller{
		font-size: 14px ! important;
		top: 0px !important;
	}
	.price_details_doller_1{
		font-size: 20px ! important;
	}
	.price_details_doller_2{
		font-size: 20px ! important;
	}
	.monthly_price{
		font-size: 12px ! important;
		text-align:center;
	}
	.price_details_doller_monthly .save{
		font-size: 10px ! important;
		text-align: center;
	}
	.table_billed_plans{
		font-size: 10px ! important;
		text-align: center;
	}
	.price_details_billed_monthly{
		font-size: 30px ! important;
		text-align: center;
	}
	.tooltip_Text_type{
		font-size: 12px ! important;
		word-break: break-word ! important;
	}*/
    .btn1 {
        padding: 0.3em 0.6em 0 !important;
        height: 3.8em !important;
    }

    .tooltip-top {
        left: 122% !important;
    }

    .hide_div_plans {
        padding-top: 0px !important;
    }

        .hide_div_plans a {
            display: -webkit-inline-box !important;
        }
}

@media (max-width:480px) {
    .home-page .header-section1 .banner-inner-box p {
        margin-bottom: 10px;
    }

    footer .footer-toprow ul.footer-main-box > li {
        min-height: auto;
    }

    .section-error h2 {
        font-size: 25px;
    }

    .section-error .about-date-countdown {
        text-align: left;
    }

        .section-error .about-date-countdown li {
            width: 80%;
        }

    .navbar-collapse {
        overflow: hidden;
    }

    .page-companyOverview .section-about-date .img-frog {
        width: 65px;
        right: -50px;
    }

    .tab-inner-content, .light-grey-bg .grey-border {
        padding: 50px 0px;
    }

    .design-img-list .owl-nav {
        top: 210px;
    }

    .page-blog.all-blog-post .banner-inner-box {
        font-size: 16px;
        line-height: 22px;
    }

    .page-blog.all-blog-post .banner-img img {
        height: 250px;
    }

    .page-blog.all-blog-post .banner-contant {
        padding-bottom: 20px;
        padding-top: 30px;
    }

    .tab-inner-content .bottom-social-box [class*="col-"] {
        max-width: 20%;
    }

        .tab-inner-content .bottom-social-box [class*="col-"] + [class*="col-"] {
            max-width: 80%;
        }

    .page-blog .banner-img img {
        height: 210px;
    }

    .page-blog .banner-contant h5 {
        font-size: 13px;
        letter-spacing: 1px;
    }

    .page-blog .banner-contant h2 {
        font-size: 20px;
        padding-bottom: 9px;
    }

    .page-blog .banner-inner-box h3 {
        font-size: 14px;
        padding-bottom: 5px;
    }

    .page-features .section-ebay-seo img, .page-features .software-right-content img {
        width: 80%;
    }

    .page-features .light-grey-bg .grey-border {
        padding: 50px 0px;
    }

    .page-features .inner-contant-ebay-seo {
        padding-left: 0px;
    }

    .page-features .pricing-faq {
        font-size: 17px;
    }

    .pricing-faq h2 {
        font-size: 22px;
    }

    .pricing-faq .card-header h5 a {
        font-size: 14px;
        text-transform: none;
    }

    .link-explore {
        padding: 0px 24px;
    }

    .list-right-content {
        padding-top: 30px;
    }

    .build-beautiful {
        margin-left: -10px;
        text-align: center;
    }

    ul.footer-main-box > li {
        width: 100%;
    }

    .content-overview .btn {
        font-size: 13px;
    }

    .home-page header .add-left-shape {
        padding-bottom: 0px;
    }

    .pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
        font-weight: 300;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
        width: 60.33% !important;
    }
    /*	.pricing0618 .pricing0618Table .header-title, .pricing0618 .pricing0618Table .header {
		font-size: 12px ! important;
	}
	.price_details_doller{
		font-size: 14px ! important;
		top: 0px !important;
	}
	.price_details_doller_1{
		font-size: 20px ! important;
	}
	.price_details_doller_2{
		font-size: 20px ! important;
	}
	.monthly_price{
		font-size: 12px ! important;
		text-align:center;
	}
	.price_details_doller_monthly .save{
		font-size: 10px ! important;
		text-align: center;
	}
	.table_billed_plans{
		font-size: 10px ! important;
		text-align: center;
	}
	.price_details_billed_monthly{
		font-size: 30px ! important;
		text-align: center;
	}*/
    .btn1 {
        padding: 0.3em 0.6em 0 !important;
        height: 3.8em !important;
    }

    .tooltip_Text_type {
        word-break: break-word !important;
    }

    .hide_div_plans {
        padding-top: 0px !important;
    }

        .hide_div_plans a {
            display: -webkit-inline-box !important;
        }

    .pricing0618:after {
        display: none;
    }

    html body .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        position: initial !important;
    }

    .pricing0618 .pricing0618Table {
        padding-left: 0px !important;
    }
}

@media (max-width:414px) {
    ::-webkit-input-placeholder {
        font-size: 16px;
    }

    :-ms-input-placeholder {
        font-size: 16px;
    }

    .section-input .input-col input#news_letter_subscribe_btn {
        width: 37%;
    }

    .section-input .input-col input {
        width: 60%;
    }

    .pricing-powerful-section h2 {
        font-size: 25px;
    }

    .banner-inner-box .btn.subscribe-now {
        margin-top: 10px;
    }

    .contant-part-section-today {
        height: 540px;
    }

    .section-store .store h2 br {
        display: none;
    }

    .page-press .content-overview .btn {
        font-size: 12px;
    }

    .home-page header .add-left-shape {
        padding-bottom: 0px;
    }

    .pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
        font-weight: 300;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
        width: 60.33% !important;
    }
    /*	.pricing0618 .pricing0618Table .header-title, .pricing0618 .pricing0618Table .header {
		font-size: 12px ! important;
	}
	.price_details_doller{
		font-size: 14px ! important;
		top: 0px !important;
	}
	.price_details_doller_1{
		font-size: 20px ! important;
	}
	.price_details_doller_2{
		font-size: 20px ! important;
	}
	.monthly_price{
		font-size: 12px ! important;
		text-align:center;
	}
	.price_details_doller_monthly .save{
		font-size: 10px ! important;
		text-align: center;
	}
	.table_billed_plans{
		font-size: 10px ! important;
		text-align: center;
	}
	.price_details_billed_monthly{
		font-size: 30px ! important;
		text-align: center;
	}*/
    .btn1 {
        padding: 0.3em 0.6em 0 !important;
        height: 3.8em !important;
    }

    .tooltip-top {
        left: left: 100px !important;
        ;
    }

    .hide_div_plans {
        padding-top: 0px !important;
    }

        .hide_div_plans a {
            display: -webkit-inline-box !important;
        }
}

@media (max-width:384px) {
    .banner-contant {
        padding-bottom: 0px;
    }

    .banner-inner-box p {
        margin-bottom: 15px;
    }

    .design-bg {
        padding: 50px 0 50px;
    }

        .design-bg p.text-center {
            font-size: 22px;
        }

    .list-free, .design-free {
        margin-top: 10px;
    }

    .sync-left-content p, .list-right-content p, .design-content {
        font-size: 18px;
    }

    .banner-bottom-contant .inner-contant {
        font-size: 22px;
    }

    .input-col input {
        font-size: 18px;
        height: 37px;
        padding: 0px 10px;
    }

    .home-page header .add-left-shape {
        padding-bottom: 0px;
    }

    .pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
        font-weight: 300;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
        width: 60.33% !important;
    }
    /*.pricing0618 .pricing0618Table .header-title, .pricing0618 .pricing0618Table .header {
		font-size: 12px ! important;
	}
	.price_details_doller{
		font-size: 14px ! important;
		top: 0px !important;
	}
	.price_details_doller_1{
		font-size: 20px ! important;
	}
	.price_details_doller_2{
		font-size: 20px ! important;
	}
	.monthly_price{
		font-size: 12px ! important;
		text-align:center;
	}
	.price_details_doller_monthly .save{
		font-size: 10px ! important;
		text-align: center;
	}
	.table_billed_plans{
		font-size: 10px ! important;
		text-align: center;
	}
	.price_details_billed_monthly{
		font-size: 30px ! important;
		text-align: center;
	}*/
    .btn1 {
        padding: 0.3em 0.6em 0 !important;
        height: 3.8em !important;
    }

    html body .tooltip_Text_type {
        font-size: 15px !important;
        word-break: break-word !important;
    }

    .tooltip-top {
        left: 100% !important
    }

    .hide_div_plans {
        padding-top: 0px !important;
    }

        .hide_div_plans a {
            display: -webkit-inline-box !important;
        }
}

@media (max-width:360px) {
    .pricing-tab ul.priceCotant-list li {
        font-size: 14px;
    }

    ul.contant-list {
        margin-left: 15px;
    }

        ul.contant-list li {
            font-size: 16px;
        }

    .section-error .about-date-countdown li.first-countdown::after {
        border-width: 0px 0px 40px 180px;
    }

    .section-error .about-date-countdown li {
        width: 75%;
    }

    .page-features .right-phone-img.ipad_image {
        width: 250px;
        padding: 20px 11px 0px 13px;
    }

    .page-features .pricing-faq {
        padding: 45px 0px 30px;
    }

    .tryit .btn {
        padding: 29px 16px;
    }

    .contant-part-section-today .right-box img {
        right: 190px;
    }

    .contant-part-section-today .today .right-box p {
        right: 35px;
    }

    .navbar ul.navbar-nav li.dropdown ul.dropdown-menu .dropdown-item {
        font-size: 14px;
    }

    .home-page header .add-left-shape {
        padding-bottom: 0px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
        width: 60.33% !important;
    }
    /*	.pricing0618 .pricing0618Table .header-title, .pricing0618 .pricing0618Table .header {
		font-size: 12px ! important;
	}
	.price_details_doller{
		font-size: 14px ! important;
		top: 0px !important;
	}
	.price_details_doller_1{
		font-size: 20px ! important;
	}
	.price_details_doller_2{
		font-size: 20px ! important;
	}
	.monthly_price{
		font-size: 12px ! important;
		text-align:center;
	}
	.price_details_doller_monthly .save{
		font-size: 10px ! important;
		text-align: center;
	}
	.table_billed_plans{
		font-size: 10px ! important;
		text-align: center;
	}
	.price_details_billed_monthly{
		font-size: 30px ! important;
		text-align: center;
	}*/
    .btn1 {
        padding: 0.3em 0.6em 0 !important;
        height: 3.8em !important;
    }

    .tooltip-top {
        left: 122% !important;
    }

    .hide_div_plans {
        padding-top: 0px !important;
    }

        .hide_div_plans a {
            display: -webkit-inline-box !important;
        }
}

@media (max-width:320px) {
    .globalNav .rootLink {
        width: 32%;
        font-size: 16px;
    }

    .page-blog.all-blog-post .contant-part-section-today {
        height: 788px;
    }

    .page-blog .banner-contant h2 {
        font-size: 17px;
    }

    .home-page header .add-left-shape {
        padding-bottom: 0px;
    }

    .pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
        font-weight: 300;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
        width: 60.33% !important;
    }

    .pricing0618 .pricing0618Table .header-title, .pricing0618 .pricing0618Table .header {
        font-size: 12px !important;
    }

    .price_details_billed_monthly {
        font-size: 30px !important;
        text-align: center;
    }

    .btn1 {
        padding: 0.3em 0.6em 0 !important;
        height: 3.8em !important;
    }

    .tooltip_Text_type {
        font-size: 12px !important;
        word-break: break-word !important;
    }

    .tooltip-top {
        left: 122% !important;
    }

    .hide_div_plans {
        padding-top: 0px !important;
    }

        .hide_div_plans a {
            display: -webkit-inline-box !important;
        }
}

/*******************************************************************/
/***********************Plan page css*********************************/
.price-doller {
    font-size: 25px;
    top: -13px;
    position: relative;
}

.price-text {
    text-align: center;
    color: #000;
    line-height: 1;
    font-size: 60px;
    font-weight: bolder;
}

.year-price {
    display: none;
    text-align: center;
    color: #000;
    font-size: 60px;
    line-height: 1;
    font-weight: bolder;
}

.price-month-ul {
    left: -2px;
    font-size: 13px;
    line-height: 16px;
    position: relative;
    display: inline-block;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.year-month-ul {
    left: -2px;
    font-size: 13px;
    line-height: 16px;
    position: relative;
    display: inline-block;
    font-weight: 400;
}

.best-value-plan {
    font-weight: 300;
    font-size: 20px;
    text-transform: none;
}

.tooltip {
    position: relative;
    display: inline-block;
    zcursor: help;
    opacity: 1;
    z-index: 9;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        position: absolute;
        width: 200px;
        background-color: #555;
        color: #fff;
        text-align: center;
        padding: 5px;
        border-radius: 6px;
        z-index: 1;
        opacity: 0;
        transition: opacity .6s;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.tooltip-right {
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    margin-left: 5px;
}

.tooltip-right2 {
    top: -5px;
    left: 105%;
}

.tooltip-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-bottom2 {
    top: 125%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tooltip-top {
    bottom: 125%;
    left: 50%;
    margin-left: -100px;
}

.tooltip-top2 {
    bottom: 115%;
    left: 50%;
    margin-left: -100px;
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip-left {
    top: -5px;
    bottom: auto;
    right: 128%;
}

.tooltip-left2 {
    top: -5px;
    bottom: auto;
    right: 105%;
}

.tooltip-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}
/********************************************************/

/*.table-inkFrog-crazy { padding:50px; }*/




/**************************************Table view for crazy listing start**********************************************/


.table-inkFrog-crazy {
    padding: 50px;
}

    .table-inkFrog-crazy h2 {
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 8px;
        margin-bottom: 0px;
        border-bottom: solid 1px #000;
    }

    .table-inkFrog-crazy ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .table-inkFrog-crazy ul li {
            padding-bottom: 3px;
        }

.row-heading {
    text-align: center;
    padding-bottom: 10px;
    text-transform: uppercase;
}

    .row-heading h2 {
        border-bottom: solid 0px #000;
    }

.table-inkFrog-crazy .row-inkFrog > .col {
    position: relative;
    padding-top: 10px;
}
/*.table-inkFrog-crazy .row-inkFrog > .col + .col:after{
	left:-1px;
	bottom:-50%;
	content:" ";
	height:240px;
	width:1px;
	position:absolute;
	background-color:#000;
	}*/
.table-inkFrog-crazy > .row-inkFrog > .col + .col {
    border-left: solid 1px #000;
}

.table-inkFrog-crazy > .row .row {
    padding-bottom: 3px;
}

.column-first {
    text-align: right;
}

.row-subheading {
    margin-top: -10px;
    margin-bottom: 0px;
}

    .row-subheading > .col {
        padding: 10px 18px;
        background-color: #FFF;
        text-align: left;
        /*	box-shadow:0px 0px 50px #999;*/
    }

.table-inkFrog-crazy-content .sub-heading {
    font-size: 15px;
}

.mob-show {
    display: none;
}

.page-features .headertories .box-stick {
    position: relative;
    z-index: 100;
    padding-bottom: 17px;
    background-color: #00b4f0;
}

.Header,
.Header-hero {
    z-index: 1;
    position: relative;
    width: 100%
}

.Header-hero {
    padding-top: 60px;
    height: 60vh;
    min-height: 480px;
    max-height: 640px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}


.inkfrogBackground {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
    pointer-events: none;
}

.inkfrogBackground {
    top: calc(50% + 310px)
}

    .inkfrogBackground .inkfrogcustomer {
        height: 200px
    }

    .inkfrogBackground .inkfrogcustomer {
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
    }

    .inkfrogBackground .s0 {
        height: 5000px;
        bottom: 200px;
        background: -webkit-gradient(linear, left top, right top, from(#e4ecf5), to(#f5fdff));
        background: linear-gradient(90deg, #e4ecf5, #f5fdff)
    }

    .inkfrogBackground .s1 {
        bottom: 0;
        left: calc(50% + 220px);
        background: -webkit-gradient(linear, left top, right top, from(#f4fafd), to(#eff8fc));
        background: linear-gradient(90deg, #f4fafd, #eff8fc)
    }

    .inkfrogBackground .s2 {
        bottom: 200px;
        right: calc(50% - 220px);
        background: -webkit-gradient(linear, left top, right top, from(#d6e3f0), to(#e7f3fa));
        background: linear-gradient(90deg, #d6e3f0, #e7f3fa)
    }

    .inkfrogBackground .s3 {
        bottom: 600px;
        left: 10%;
        right: calc(50% - 300px);
        background: -webkit-gradient(linear, left top, right top, from(#ecf4fa), to(#e4eff6));
        background: linear-gradient(90deg, #ecf4fa, #e4eff6)
    }

.IconsContainer {
    width: 3000px;
    height: 460px;
    position: relative;
    left: 50px
}

.Header-hero-guide {
    position: absolute;
    top: 0;
    left: 0
}

.Icon {
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, .1), 0 3px 10px rgba(0, 0, 0, .07);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .1), 0 3px 10px rgba(0, 0, 0, .07)
}

    .Icon,
    .Icon span {
        position: absolute;
        will-change: transform, opacity
    }

        .Icon span {
            left: 50%;
            bottom: -40px;
            padding: 5px 12px;
            background: #fff;
            -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
            box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
            border-radius: 50px;
            white-space: nowrap;
            font-size: 16px;
            font-weight: 500;
            color: #566b78;
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-transform: translate(-50%, -10px);
            transform: translate(-50%, -10px);
            opacity: 0;
            -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, -webkit-transform;
            transition-property: opacity, transform;
            transition-property: opacity, transform, -webkit-transform;
            -webkit-transition-duration: .25s;
            transition-duration: .25s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out
        }

        .Icon:hover {
            z-index: 9999
        }

            .Icon:hover span {
                opacity: .9;
                -webkit-transform: translate(-50%);
                transform: translate(-50%)
            }

.Header-title {
    text-align: center;
    margin: 0;
    padding: .2em .2em 2em
}

.Header-subTitle {
    color: #23b5ee;
}

@media (min-width:670px) {
    .Header-subTitle {
        display: block
    }
}

.Header-intro {
    text-align: center;
    padding-bottom: 40px !important
}

.Icon {
    opacity: 1 !important;
    background-size: 1076px 1076px;
    /* background-image: url(../images/header-logos.png) !important; */
}

/* @media (-webkit-min-device-pixel-ratio:1.3),
(-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi) {
    .Icon {
        background-image: url(../images/header-logos@2x.png) !important;
    }
} */

.Icon-imgAffirm {
    background-position: -154px 0;
    width: 152px;
    height: 152px
}

.Icon-imgAllianz {
    background-position: -154px -616px;
    width: 152px;
    height: 152px
}

.Icon-imgAmazon {
    background-position: 0 -154px;
    width: 152px;
    height: 152px
}

.Icon-imgBlueApron {
    background-position: -154px -154px;
    width: 152px;
    height: 152px
}

.Icon-imgCatawiki {
    background-position: -308px 0;
    width: 152px;
    height: 152px
}

.Icon-imgCityofBoston {
    background-position: -308px -154px;
    width: 152px;
    height: 152px
}

.Icon-imgDeliveroo {
    background-position: 0 -308px;
    width: 152px;
    height: 152px
}

.Icon-imgDiDi {
    background-position: -154px -308px;
    width: 152px;
    height: 152px
}

.Icon-imgDoordash {
    background-position: -308px -308px;
    width: 152px;
    height: 152px
}

.Icon-imgExpedia {
    background-position: -462px 0;
    width: 152px;
    height: 152px
}

.Icon-imgFacebook {
    background-position: -462px -154px;
    width: 152px;
    height: 152px
}

.Icon-imgFender {
    background-position: -462px -308px;
    width: 152px;
    height: 152px
}

.Icon-imgFitbit {
    background-position: 0 -462px;
    width: 152px;
    height: 152px
}

.Icon-imgGoogle {
    background-position: -154px -462px;
    width: 152px;
    height: 152px
}

.Icon-imgIndiegogo {
    background-position: -308px -462px;
    width: 152px;
    height: 152px
}

.Icon-imgInstacart {
    background-position: -462px -462px;
    width: 152px;
    height: 152px
}

.Icon-imgKickstarter {
    background-position: -616px 0;
    width: 152px;
    height: 152px
}

.Icon-imgLyft {
    background-position: -616px -154px;
    width: 152px;
    height: 152px
}

.Icon-imgNasdaq {
    background-position: -616px -308px;
    width: 152px;
    height: 152px
}

.Icon-imgNat-Geo {
    background-position: -616px -462px;
    width: 152px;
    height: 152px
}

.Icon-imgOpenTable {
    background-position: 0 -616px;
    width: 152px;
    height: 152px
}

.Icon-imgPanic {
    background-position: 0 0;
    width: 152px;
    height: 152px
}

.Icon-imgPinterest {
    background-position: -308px -616px;
    width: 152px;
    height: 152px
}

.Icon-imgPostmates {
    background-position: -462px -616px;
    width: 152px;
    height: 152px
}

.Icon-imgRackspace {
    background-position: -616px -616px;
    width: 152px;
    height: 152px
}

.Icon-imgReddit {
    background-position: -770px 0;
    width: 152px;
    height: 152px
}

.Icon-imgSalesforce {
    background-position: -770px -154px;
    width: 152px;
    height: 152px
}

.Icon-imgShopify {
    background-position: -770px -308px;
    width: 152px;
    height: 152px
}

.Icon-imgSlack {
    background-position: -770px -462px;
    width: 152px;
    height: 152px
}

.Icon-imgSpotify {
    background-position: -770px -616px;
    width: 152px;
    height: 152px
}

.Icon-imgSquarespace {
    background-position: 0 -770px;
    width: 152px;
    height: 152px
}

.Icon-imgTarget {
    background-position: -154px -770px;
    width: 152px;
    height: 152px
}

.Icon-imgTaskRabbit {
    background-position: -308px -770px;
    width: 152px;
    height: 152px
}

.Icon-imgTed {
    background-position: -462px -770px;
    width: 152px;
    height: 152px
}

.Icon-imgTheGuardian {
    background-position: -616px -770px;
    width: 152px;
    height: 152px
}

.Icon-imgTicketSwap {
    background-position: -770px -770px;
    width: 152px;
    height: 152px
}

.Icon-imgTwitch {
    background-position: -924px 0;
    width: 152px;
    height: 152px
}

.Icon-imgUber {
    background-position: -924px -154px;
    width: 152px;
    height: 152px
}

.Icon-imgWeTransfer {
    background-position: -924px -308px;
    width: 152px;
    height: 152px
}

.Icon-imgWish {
    background-position: -924px -462px;
    width: 152px;
    height: 152px
}

.Icon-imgXero {
    background-position: -924px -616px;
    width: 152px;
    height: 152px
}

.Icon-imgYelp {
    background-position: -924px -770px;
    width: 152px;
    height: 152px
}

.Icon-imgZillow {
    background-position: 0 -924px;
    width: 152px;
    height: 152px
}

.Header-title {
    font-size: 40px;
    text-align: center;
    padding: .2em .2em .2em .2em;
}

.contentStories {
    margin-bottom: 30px;
    background-color: #f8f8f8;
}

    .contentStories .imgStories img {
        height: 200px;
        width: 100%;
        object-fit: cover;
    }

    .contentStories .InnercontentStories {
        position: relative;
        padding: 20px 20px 10px 20px;
        color: #032e61;
    }

        .contentStories .InnercontentStories h3 {
            font-size: 22px;
        }

        .contentStories .InnercontentStories .innerHeight {
            min-height: 200px;
            padding-bottom: 20px;
        }

    .contentStories .storiesFooter {
        padding: 10px 20px 20px 20px;
        background-color: #f8f8f8;
    }

ul.listSocialMedia {
    list-style: none;
    padding: 0px;
    margin-bottom: 15px;
}

    ul.listSocialMedia li {
        display: inline-block;
    }

        ul.listSocialMedia li a {
            width: 30px;
            height: 30px;
            color: #FFF;
            line-height: 33px;
            font-size: 14px;
            text-align: center;
            display: block;
            border-radius: 50%;
            background-color: #59575c;
        }


.contentStories .tags.uppercase {
    color: #d1cbc8;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}

    .contentStories .tags.uppercase nobr {
        white-space: inherit;
    }

.contentStoriesHeader {
    position: relative;
}

.contentStories:hover .HoverContent {
    opacity: 1;
    z-index: 1;
}

.contentStoriesHeader .HoverContent {
    padding: 25px;
    top: 0px;
    z-index: -1;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #f5f1f2;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.page-features .contentStoriesHeader .HoverContent a {
    color: #23b5ee;
}

.headertories.header-section1 {
    z-index: 10;
}

.page-features .headertories.header-section1 .add-left-shape {
    background: none;
    padding-bottom: 17px;
}

    .page-features .headertories.header-section1 .add-left-shape:after {
        display: none;
    }

.price-heading {
    font-weight: bolder;
}

@media (max-width:1080px) {
    html body .column-second .row-subheading .col-lg-3, html body .column-first .row-subheading .col-lg-3 {
        letter-spacing: 0px;
        font-size: 13px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        border-left: none;
        text-align: left;
        padding-left: 9px !important;
        width: 55.33% !important;
    }
}

@media (max-width:1024px) {
    .table-inkFrog-crazy {
        padding: 50px 20px;
    }

    .row-subheading > .col {
        padding: 10px 12px;
    }
}

@media (max-width:990px) {
    .price-heading {
        font-size: 20px !important;
    }

    .pricing0618 .price-box {
        padding-top: 0px;
    }

    .table-inkFrog-crazy h2 {
        padding-bottom: 0px;
    }

    .table-inkFrog-crazy {
        padding: 0px 0px 50px 0px;
    }

    .table-inkFrog-crazy-content {
        width: 100%px;
        overflow-x: auto;
        padding: 0px 15px;
    }

    .mob-show {
        display: block;
        max-width: 600px;
        font-family: 'Raleway', sans-serif;
    }

    .mob-hide {
        display: none;
    }

    .mob-show .row.row-heading [class*="col-"] {
        background-color: transparent !important;
    }
    /*	.mob-show .row + .row [class*="col-"] + [class*="col-"]{ border-left:1px solid #ddd;}*/
    .mob-show .row + .row [class*="col-"] {
        text-align: center;
        padding: 20px;
        font-size: 28px; /* border-bottom:1px solid #ddd;*/
        color: #fff;
    }

    .mob-show .row [class*="col-"] b {
        display: block;
        font-size: 16px;
        font-weight: bold;
    }

    .table-inkFrog-crazy h2 {
        text-align: center;
    }

    .row-heading {
        border: none;
        border: 2px solid #ddd;
        margin-top: 30px;
        padding-bottom: 5px;
    }

    .table-inkFrog-crazy .table-inkFrog-crazy-content .row-heading > h2 {
        text-transform: uppercase;
        font-size: 22px;
        border: none;
        font-weight: bold;
        margin-top: 20px;
        padding-bottom: 20px;
        display: inline-block;
        width: 100%;
    }

    .mob-show .main-heading:after {
        position: absolute;
        width: 470px;
        height: 2px;
        background-color: #000;
        content: "";
        left: 0px;
        right: 0px;
        top: 12px;
        margin: 0px auto;
    }

    .mob-show .main-heading {
        font-size: 25px;
        font-weight: 900;
        margin: 50px 0px 0px;
        padding-bottom: 5px;
        text-transform: uppercase;
        border: none;
        position: relative;
    }

        .mob-show .main-heading b {
            padding: 0px 20px;
            position: relative;
            z-index: 5;
            background-color: #f5f6f6;
            display: inline-block;
        }

    .extra-contant {
        position: relative;
        overflow: inherit;
    }

    .contant-heading {
        width: 50px;
        height: 373px;
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        position: absolute;
        bottom: 20px;
    }

        .contant-heading.left-contant {
            left: -50px;
            background-color: #55a144;
            border-right: 1px solid #ddd;
        }

        .contant-heading.right-contant {
            right: -50px;
            background-color: #909090;
            border-left: 1px solid #ddd;
        }

            .contant-heading.right-contant b {
                transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                left: -138px;
            }

        .contant-heading b {
            display: inline-block;
            width: 350px;
            height: 0px;
            position: absolute;
            left: -164px;
            top: 186px;
            text-align: center;
            transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
        }

    .mob-show .row [class*="col-"]:nth-child(1) {
        background-color: #55a144;
    }

    .mob-show .row [class*="col-"]:nth-child(2) {
        background-color: #909090;
    }

    .mob-show .row [class*="col-"]:nth-child(3) {
        background-color: #73b447;
    }

    .mob-show .row [class*="col-"]:nth-child(4) {
        background-color: #939393;
    }

    .mob-show .row [class*="col-"]:nth-child(5) {
        background-color: #82be48;
    }

    .mob-show .row [class*="col-"]:nth-child(6) {
        background-color: #989898;
    }

    .mob-show .row [class*="col-"]:nth-child(7) {
        background-color: #8bc349;
    }

    .mob-show .row [class*="col-"]:nth-child(8) {
        background-color: #b0b0b0;
    }

    .pricing-powerful-section ul.pricingebay-list > li .tooltip-top {
        left: auto;
        right: -10px;
        margin-left: 0px;
    }

        .pricing-powerful-section ul.pricingebay-list > li .tooltip-top:after {
            right: 6%;
            left: auto;
        }
    /*************************************************************************************
	.row-subheading{ display:none;}
	.row-inkFrog .row{ width:50%; float:left;}
	.row-inkFrog .row [class*="col-"]{ width:100%; padding:20px; font-size:20px; text-align:center;}
	.row [class*="col-"] span{ display:block; font-size:25px; font-weight:bold;}
	.table-inkFrog-crazy .row-inkFrog > .col{ width:100%;}*/
}

@media (max-width:800px) {
    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        width: 65% !important;
    }

    .price-heading {
        font-size: 16px !important;
    }
}

@media (max-width:767px) {
    .header-section1 .add-left-shape {
        padding: 0px;
    }

    .mob-show .row + .row [class*="col-"] {
        font-size: 22px;
    }

    .table-inkFrog-crazy .table-inkFrog-crazy-content .row-heading > h2 {
        font-size: 18px;
        letter-spacing: 1px;
    }

    .mob-show {
        max-width: 500px;
    }

    .pricing0618 .price-box {
        padding-bottom: 0px;
    }
}

@media (max-width:568px) {
    .mob-show .main-heading:after {
        width: 100%;
        top: 8px;
    }

    .mob-show .main-heading {
        font-size: 18px;
        letter-spacing: 0px;
    }

    .contant-heading b {
        width: 330px;
        left: -152px;
        top: 151px;
        font-weight: 400;
    }

    .contant-heading {
        height: 305px;
    }

    .mob-show .row + .row [class*="col-"] {
        font-size: 15px;
        flex: 50%;
    }

    .mob-show .row [class*="col-"] span {
        font-size: 15px;
    }

    .mob-show {
        max-width: 400px;
    }

    .contant-heading.right-contant b {
        left: -135px;
    }
}

@media (max-width:480px) {
    .table-inkFrog-crazy h2 {
        font-size: 13px;
        letter-spacing: 0px;
    }

    .mob-show .main-heading:after {
        top: 11px;
    }

    .contant-heading.right-contant b {
        left: -85px;
    }

    .mob-show .main-heading {
        font-size: 17px;
        font-family: 'Raleway', sans-serif;
    }

    .table-inkFrog-crazy .table-inkFrog-crazy-content .row-heading > h2 {
        margin-top: 15px;
        font-size: 14px;
    }

    .contant-heading.right-contant {
        right: -50px;
    }

    .contant-heading.left-contant {
        left: -50px;
    }

    .table-inkFrog-crazy h2 {
        font-size: 14px;
    }

    .table-inkFrog-crazy .table-inkFrog-crazy-content > h2 {
        line-height: 22px;
        font-size: 14px;
    }

    .contant-heading b {
        width: 240px;
        left: -110px;
        top: 120px;
        line-height: 17px;
    }

    .mob-show .row + .row [class*="col-"] {
        font-size: 16px;
        padding: 15px 5px;
    }

    .mob-show .row [class*="col-"] span {
        font-size: 14px;
    }

    .mob-show {
        max-width: 320px;
    }

    .contant-heading {
        font-size: 13px;
        width: 50px;
        height: 245px;
        font-family: 'Raleway', sans-serif;
    }
}

@media (max-width:384px) {
    .mob-show {
        max-width: 250px;
    }
}

@media (max-width:360px) {
    .mob-show .row [class*="col-"] b {
        font-size: 14px;
    }

    .design-free {
        font-size: 16px;
    }

    .table-inkFrog-crazy .table-inkFrog-crazy-content .row-heading > h2 {
        line-height: 18px;
    }

    .mob-show .row.row-heading [class*="col-"] {
        padding: 0px;
        font-size: 13px;
    }

    .mob-show {
        max-width: 220px;
    }
}
/********************************************************/
@media screen and (min-width:1024px) {
    .table-inkFrog-crazy h2 {
        margin: 10px -15px 0px;
    }

    .table-inkFrog-crazy .row-inkFrog > .col {
        padding-top: 0px;
    }

    .row-inkFrog .col-lg-3 {
        padding: 10px 0px;
        text-align: center;
    }

    .row-table-border {
        border-bottom: 1px solid #ddd;
    }

    .mob-hide .row-inkFrog .col-lg-3 {
        text-align: center;
        font-weight: bold;
        font-size: 15px;
    }

    .table-inkFrog-crazy ul li {
        padding-bottom: 10px;
        padding-top: 10px;
        font-weight: 600;
        font-size: 15px;
        border-bottom: 1px solid #ddd;
        text-align: left;
    }

    .row + .row-inkFrog, .row.row-heading {
        border: none;
    }

    .feature-heading {
        border-bottom: 1px solid #ddd;
    }

    .column-first .row-subheading {
        border: 1px solid #ddd;
    }

    .column-second .row-subheading {
        border: 1px solid #ddd;
        border-left: none;
    }

    .table-inkFrog-crazy-content .sub-heading {
        border-bottom: 1px solid #ddd;
        padding: 10px 0px;
        margin: 0px -15px;
        font-weight: bold;
        font-size: 15px;
    }

    p {
        margin: 0px;
    }

    .column-first .sub-heading {
        background-color: #42a04d;
        color: #fff;
    }

    .column-first .row:nth-child(1) {
        background-color: #42a04d;
    }

    .column-first .row:nth-child(2) {
        background-color: #65b352;
    }

    .column-first .row:nth-child(3) {
        background-color: #76bd55;
    }

    .column-first .row:nth-child(4) {
        background-color: #80c256;
    }

    .column-first .row:nth-child(5) {
        background-color: #8dd162;
    }

    .column-first .row:nth-child(6) {
        background-color: #97df6a;
    }

    .column-first .row:nth-child(7) {
        background-color: #a8f17a;
    }

    .column-first .row:nth-child(8) {
        background-color: #b8f98f;
    }

    .column-second .sub-heading {
        background-color: #8f8f8f;
        color: #fff;
    }

    .column-second .row:nth-child(1) {
        background-color: #8f8f8f;
    }

    .column-second .row:nth-child(2) {
        background-color: #929292;
    }

    .column-second .row:nth-child(3) {
        background-color: #979797;
    }

    .column-second .row:nth-child(4) {
        background-color: #aeafaf;
    }

    .column-second .row:nth-child(5) {
        background-color: #b5baba;
    }

    .column-second .row:nth-child(6) {
        background-color: #bfc3c3;
    }

    .column-second .row:nth-child(7) {
        background-color: #bcbfbf;
    }

    .column-second .row:nth-child(8) {
        background-color: #ced2d2;
    }

    .column-second .row .col-lg-3, .column-first .row .col-lg-3 {
        border-left: 1px solid #ddd;
        color: #fff;
    }

    .column-first .row-subheading, .column-second .row-subheading {
        text-transform: uppercase;
    }

    .row.row-inkFrog {
        border-bottom: none;
    }

    .column-second .row-subheading .col-lg-3, .column-first .row-subheading .col-lg-3 {
        color: #000;
    }

    .box-coming-soon {
        font-size: 15px;
        padding: 10px;
        text-align: center;
        color: #fff;
    }
    /*.row-inkFrog .long-text .col-lg-3{ padding:20px 0 21px}*/
}
/****************************************Table view for crazy listing end*********************************************/

.blog-page-Newsletter-content {
    padding-top: 15px;
    background-color: #f5f6f6;
    border: none;
    margin-top: 0px;
    z-index: 0;
    padding-bottom: 50px;
}
/*************************************************************************** header-section2 Start*/
.header-section1 .video-img {
    opacity: 0;
    display: none;
}

.header-section2 .video-img {
    opacity: 1;
    display: block;
}

.header-section2 .right-phone-img, .header-section2 .add-left-shape:after {
    display: none;
}

.header-section2 .add-left-shape {
    background: none;
}

.header-section2 {
    position: relative;
    z-index: 3;
    background: #fff;
    /*		background: #011e09; 
		background: -moz-linear-gradient(left, #011e09 0%, #141e06 33%, #382203 70%, #492707 100%); 
		background: -webkit-linear-gradient(left, #011e09 0%,#141e06 33%,#382203 70%,#492707 100%); 
		background: linear-gradient(to right, #011e09 0%,#141e06 33%,#382203 70%,#492707 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#011e09', endColorstr='#492707',GradientType=1 );*/
}

    .header-section2:after {
        position: absolute;
        left: 0px;
        top: 0px;
        content: "";
        height: 100%;
        z-index: -1;
        width: 100%;
        /* background: url(../images/home-banner-new.svg) no-repeat center center; */
        background-size: cover;
    }

.home-page .header-section2 .add-left-shape {
    padding: 0px;
    margin: 0px;
}

@media (max-width:568px) {
    .model-homevideo.modal {
        width: 96%;
    }

    .model-homevideo .modal-dialog {
        width: 100%;
        max-width: 100%;
        padding: 20px;
        margin: 0px;
    }

    .home-page .header-section2 .banner-inner-box p {
        margin-bottom: 0px;
    }

    .home-page .header-section2 .add-left-shape {
        padding: 0px 0px 50px 0px;
    }

    .home-page .banner-bottom-contant {
        padding: 80px 0px 80px;
    }

    .header-section2:after {
        display: none;
    }

    .home-page .header-section2 {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0164ff+0,3d4be2+60,4e44d9+100 */
        background: #0164ff; /* Old browsers */
        background: -moz-linear-gradient(top, #0164ff 0%, #3d4be2 60%, #4e44d9 100%);
        background: -webkit-linear-gradient(top, #0164ff 0%,#3d4be2 60%,#4e44d9 100%);
        background: linear-gradient(to bottom, #0164ff 0%,#3d4be2 60%,#4e44d9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0164ff', endColorstr='#4e44d9',GradientType=0 );
    }
}

@media (max-width:480px) {
    ul.price-item-list > li {
        overflow: hidden;
    }

    .home-page .banner-contant {
        padding-bottom: 30px;
    }
}
/*************************************************************************** header-section2 end*/
.blog-page-Newsletter-content {
    padding-top: 15px;
    background-color: #f5f6f6;
    border: none;
    margin-top: 0px;
    z-index: 0;
    padding-bottom: 50px;
}

.quotes-img {
    padding-top: 32px;
}

.sync-bg h2 {
    color: #000;
}

.comments-show-box {
    max-width: 1140px;
    margin: 0px auto;
    font-size: 29px;
    font-weight: 400;
    line-height: 1.1;
    background-color: #fff;
    padding: 40px 30px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.comment-title {
    font-size: 22px;
    text-align: left;
}

.comments-show-text {
    font-style: italic;
    padding-top: 40px;
    font-size: 22px;
}

.comments-name {
    font-size: 25px;
    color: #8080807a;
}

blockquote h3 {
    font-size: 18px;
    color: #8080807a;
    max-width: 900px;
    margin-left: 10px;
}

    blockquote h3:before {
        content: "\201C";
        font-weight: bold;
        font-size: 100px;
        color: #EDEDED;
        position: absolute;
        top: -0.3em;
        left: -0.1em;
        font-family: 'Georgia';
    }

.page-table .header-section1 .add-left-shape:after {
    display: none;
}

.page-table .row-inkFrog {
    padding: 0px;
}

.page-table .row-table-border p {
    padding-bottom: 0px;
    font-size: 15px;
}

@media (max-width:1080px) {
    .row-inkFrog .column-first .text-brack .col-lg-3, .row-inkFrog .column-second .text-brack .col-lg-3 {
        padding: 23px 0px;
    }
}

@media (max-width:1280px) {
    ul.price-item-list li.active h4 {
        padding: 21px 0px;
    }
    /*	.page-pricing ul.price-item-list > li:last-child h4{ padding:38px 0px;}*/
    /*ul.price-item-list > li{ width:33.33%;}
	ul.price-item-list > li.active .contant-box{ min-height:560px; padding:30px 0px;}*/
    /*ul.price-item-list > li.active, ul.price-item-list > li:last-child{ width:50%; margin:20px 0px;}
	.page-plans ul.price-item-list > li.active{ margin:20px 0px;}*/
    .pricing-tab .price-item-list .inner-content-box, .page-plans ul.price-item-list > li.active .inner-content-box {
        min-height: 637px;
        padding: 30px 15px;
    }
    /*	.page-plans ul.price-item-list > li.active .price-btn-box{ top:0px;}
	.page-plans ul.price-item-list > li.active{ z-index:0;}*/
    ul.priceCotant-list li {
        padding-bottom: 15px;
    }
}

@media (min-width:1366px) {
    /*.pricing-tab .price-item-list > li:nth-child(3) .tooltip-top{ left:auto; margin-left:0px; right:-6px;}
	.pricing-tab .price-item-list > li:nth-child(3) .tooltip-top:after{ left:auto; right:5%;}*/

    .pricing-tab .price-item-list > li:last-child .tooltip-top {
        left: 0px;
        margin-left: -100px;
    }

        .pricing-tab .price-item-list > li:last-child .tooltip-top:after {
            left: auto;
            right: 44%;
        }
}

@media only screen and (max-width:900px) and (min-width:768px) {
    .pricing-tab .price-item-list li:nth-child(3) .tooltip-top {
        left: auto;
        right: -10px;
        margin-left: 0px;
    }

        .pricing-tab .price-item-list li:nth-child(3) .tooltip-top:after {
            left: auto;
            right: 6%;
        }
}

@media (max-width:990px) {
    .page-plans ul.price-item-list > li.active .price-btn-box {
        top: 0px;
    }

    .pricing-tab .price-item-list .inner-content-box, .page-plans ul.price-item-list > li.active .inner-content-box {
        min-height: 620px;
    }
}

@media (max-width:854px) {
    html .page-plans ul.price-item-list > li.active .inner-content-box {
        min-height: 605px;
    }

    ul.price-item-list > li.active .contant-box {
        min-height: 589px;
    }
}


@media (max-width:767px) {
    html .page-plans ul.price-item-list > li.active .inner-content-box {
        min-height: 520px !important;
    }

    ul.price-item-list > li.active, ul.price-item-list > li:last-child {
        width: 100%;
    }
}

@media (max-width:360px) {
    .pricing-tab .price-item-list > li .tooltip-top {
        left: auto;
        right: -80px;
        margin-left: 0px;
    }

        .pricing-tab .price-item-list > li .tooltip-top:after {
            left: auto;
            right: 41%;
        }
}

@media (max-width:320px) {
    .pricing-tab .price-item-list > li .tooltip-top {
        left: auto;
        right: -45px;
        margin-left: 0px;
        width: 160px;
    }

         .tooltip-top:after {
            left: auto;
            right: 29%;
        }
}

.header-section2-small-image {
    padding: 170px 0px 130px;
}

.sticky-header-menu-width {
    width: 114px !important;
    text-align: center;
}
/***********************************************************/
.ipad_images {
    position: relative;
}

    .ipad_images iframe {
        box-sizing: border-box;
        padding: 0px;
        top: 0;
        left: 0;
        width: 490px;
        height: 276px;
    }

.video-frame .ipad_images {
    background: url('/lib/images/ipad_video.png') center center no-repeat;
    background-size: 100% 100%;
    padding: 41px 54px 26px 46px;
    width: 100%;
}

.header-section2 .main-video-box {
    max-width: 1465px;
    width: 100%;
    margin: 0px auto;
}

.header-section2 .video-img {
    background: url('/lib/images/hero_video.png') center center no-repeat;
    background-size: 100% 100%;
    padding: 30px 0px 60px;
}

    .header-section2 .video-img iframe {
        position: relative;
        right: -1px;
    }

.big-picture-commerce {
    padding: 20px 0px 20px 20px;
    width: 300px;
    max-width: 300px;
    float: right;
    margin: 20px 0px 20px 20px;
}

@media (max-width:1366px) {
    .header-section2 .main-video-box {
        max-width: 1170px;
    }

    .header-section2 .video-img {
        margin: 0px;
    }

    .page-features .headertories.header-section1 {
        overflow: hidden;
        padding-bottom: 40px;
    }
}

@media (max-width:1080px) {
    .header-section2 .video-img iframe {
        height: 300px;
        width: 600px;
    }

    .header-section2 .video-img {
        padding: 19px 0px 35px;
    }

    .header-section2 .main-video-box {
        max-width: 780px;
    }

    .page-features .right-phone-img.video-frame {
        width: 100%;
        max-width: 500px;
    }

    .ipad_images iframe {
        width: 413px;
    }

    .video-frame .ipad_images {
        padding: 41px 52px 26px 40px;
    }
}

@media (max-width:990px) {
    .pricing-tab .hide_div_plans {
        padding-top: 46px;
    }

    .education.page-companyOverview .features-content {
        padding-top: 0px;
    }
}

@media (max-width:900px) {
    .page-features .right-phone-img.video-frame {
        max-width: 395px;
    }

    .video-frame .ipad_images {
        padding: 27px 52px 14px 33px;
    }

    .ipad_images iframe {
        width: 326px;
        height: 182px;
    }

    .education .tab-inner-content [class*="col-"] iframe {
        width: 340px;
    }

    .contentStories .InnercontentStories h3 {
        font-size: 18px;
    }
}

@media (max-width:767px) {
    .header-section2 .video-img iframe {
        height: 195px;
        width: 350px;
    }

    .header-section2 .video-img {
        padding: 13px 0px 17px;
    }

    .header-section2 .main-video-box {
        max-width: 454px;
    }

    .page-features .right-phone-img.video-frame {
        margin-top: 20px;
        opacity: 1;
    }

    .education .tab-inner-content [class*="col-"] iframe {
        width: 500px;
    }

    .education.page-blog .tab-inner-content {
        padding-top: 0px;
    }

    .contentStories .InnercontentStories .innerHeight {
        min-height: 90px;
    }

    .contentStories .imgStories img {
        height: 270px;
    }

    .Header-title {
        font-size: 28px;
    }

    .big-picture-commerce {
        padding: 20px 0px 20px 20px;
        width: 300px;
        max-width: 300px;
        margin: 20px 0px 20px 20px;
        float: initial;
    }

    .remove-bullets-blog {
        list-style: none;
        margin-right: 20px;
        padding-left: 0px;
    }

    .top-card {
        margin: 0 0 21.5px 0;
    }
}

@media (max-width:568px) {
    .education.page-companyOverview .bg-gray {
        padding-top: 0px;
    }

    .education .tab-inner-content [class*="col-"] iframe {
        width: 100%;
    }

    .big-picture-commerce {
        padding: 20px 0px 20px 20px;
        width: 300px;
        max-width: 300px;
        margin: 20px 0px 20px 110px;
        float: initial;
    }

    .remove-bullets-blog {
        list-style: none;
        margin-right: 20px;
        padding-left: 0px;
    }

    .top-card {
        margin: 0 0 21.5px 0;
    }
}

@media (max-width:480px) {
    .header-section2 .video-img iframe {
        height: 140px;
        width: 250px;
    }

    .header-section2 .video-img {
        padding: 9px 0px 11px;
    }

    .header-section2 .main-video-box {
        max-width: 325px;
    }

    .education .tab-inner-content [class*="col-"] iframe {
        height: 230px;
    }

    .Header-title {
        font-size: 20px;
    }

    .big-picture-commerce {
        padding: 20px 0px 20px 20px;
        width: 300px;
        max-width: 300px;
        margin: 20px 0px 20px 30px;
        float: initial;
    }

    .remove-bullets-blog {
        list-style: none;
        margin-right: 20px;
        padding-left: 0px;
    }

    .top-card {
        margin: 0 0 21.5px 0;
    }
}

@media (max-width:375px) {
    .header-section2 .video-img iframe {
        height: 128px;
        width: 232px;
    }

    .header-section2 .video-img {
        padding: 8px 0px 10px;
    }

    .header-section2 .main-video-box {
        max-width: 397px;
    }

    .ipad_images iframe {
        width: 240px;
        height: 130px;
    }

    .video-frame .ipad_images {
        padding: 19px 23px 8px;
    }

    .page-features .right-phone-img.video-frame {
        max-width: 290px;
    }

    .big-picture-commerce {
        padding: 20px 40px 20px 20px;
        width: 300px;
        max-width: 300px;
        margin: 20px 0px 20px 30px;
        float: initial;
    }

    .remove-bullets-blog {
        list-style: none;
        margin-right: 20px;
        padding-left: 0px;
    }

    .top-card {
        margin: 0 0 21.5px 0;
    }
}

@media (max-width:320px) {
    .big-picture-commerce {
        padding: 20px 40px 20px 20px;
        width: 300px;
        max-width: 300px;
        margin: 20px 0px 20px 3px;
        float: initial;
    }

    .remove-bullets-blog {
        list-style: none;
        margin-right: 20px;
        padding-left: 0px;
    }

    .top-card {
        margin: 0 0 21.5px 0;
    }
}

/*****************************************stick slider**************************************************/



@media (min-width: 1024px) {
    .intro {
        min-height: 768px;
        /*height: 100vh;*/
    }

        .intro .container {
            padding: 94px 113px 120px;
        }

    .btn-learn-more {
        bottom: 74px;
    }

    .section_col-block--tree-col .section_col {
        padding: 0 55px;
    }

    .section_col.section_col--text-col {
        padding: 0 32px 0 97px;
    }

    .testimonials-block_box blockquote {
        padding: 46px 40px 27px;
    }

    .item-holder {
        padding: 0 0 0 78px;
    }

    .section--future_block_title {
        font-size: 36px;
    }
}

@media (min-width: 1200px) {
    .btn-learn-more {
        right: 50%;
        -webkit-transform: translateX(570px);
        -ms-transform: translateX(570px);
        transform: translateX(570px);
    }

    .section_col.section_col--image-col img {
        float: right;
        margin: 0 -17px 0 0;
        width: 103%;
        max-width: none;
    }

    .footer_col--right {
        padding: 0 27px 0 0;
    }
}


@media (max-width: 767px) {
    .img-slider .slick-slide {
        max-height: 60vw;
    }

    .inform-area .page-holder {
        display: block;
    }

    .lst-inform .block-row .img {
        max-width: 100%;
    }

    .top-card {
        margin: 0 0 21.5px 0;
    }
}

.itegrations-section {
    padding: 0px 20px 71px;
    overflow: hidden;
}

.i-item .i-logo {
    height: 123px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #D7DCE6;
    overflow: hidden;
}

.i-item {
    overflow: hidden;
    min-height: 396px;
    line-height: 26px;
    font-size: 16px;
    letter-spacing: 0.355556px;
    color: #01162D;
    margin: 20px 6px;
    padding: 40px;
    padding-top: 0;
    opacity: .2;
    transition: opacity .3s ease;
    background: #FFFFFF;
    box-shadow: 0px 2px 20px rgba(2, 23, 44, 0.08);
    border-radius: 2px;
}

    .i-item.slick-active {
        opacity: 1;
    }

.slick-arrow {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    bottom: 0;
    border: 0;
    border-radius: 50%;
    z-index: 99;
    cursor: pointer;
    color: transparent;
    font-size: 0;
    left: 0;
    margin: auto -20px;
    /* background: #8bc249 url(../images/l.svg) no-repeat 50% 50%; */
}

    .slick-arrow.slick-next {
        left: auto;
        right: 0;
        /* background-image: url(../images/r.svg); */
    }

.itegrations-section .slick-slider {
    position: relative;
    display: block;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.itegrations-section .slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

    .itegrations-section .slick-list:focus {
        outline: none;
    }

    .itegrations-section .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.itegrations-section .slick-slider .slick-track,
.itegrations-section .slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.itegrations-section .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
}

.ebay-icon-customers {
    margin-top: -4px;
}

.shopping-cart-icon-customers {
    margin-top: -4px;
}

.shopify-icon-customers {
    margin-top: -4px;
}

.img-customers {
    margin-left: 1px;
}

.benefit_images img {
    position: unset !important;
    text-align: center;
}
/*****************************************stick slider**************************************************/

/*****************************************help**************************************************/
.basic-home-component-border {
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.1);
    padding: 20px;
}

.top-card {
    display: inline-block;
    vertical-align: top;
    width: 288px;
    height: 288px;
    text-align: center;
    white-space: normal;
}

input[type=search] {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url('/lib/images/searchicon_1.png');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    margin-bottom: 40px;
    align-items: center;
}

input[type=text]:focus {
    width: 70%;
}

.search input[type=submit] {
    display: none;
}

.top-card-logo {
    height: 90px;
    line-height: 90px;
    width: 258px;
    vertical-align: middle;
}

    .top-card-logo img {
        max-height: 70%;
        max-width: 70%;
    }

.top-card-title-row-wrapper {
    display: table-row;
    height: 54px;
}

.top-card-title-cell-wrapper {
    display: table-cell;
    width: 258px;
    max-width: 258px;
    vertical-align: middle;
}

.top-card-title {
    font-size: 21px;
    color: #444;
    line-height: 27px;
    max-height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.helpText {
    color: black !important;
}

.top-card-subtitle {
    font-size: 13px;
    line-height: 17px;
    color: #000000;
    height: 51px;
    max-height: 51px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}

.top-card-button-wrapper {
    height: 65px;
    line-height: 65px;
    overflow: hidden;
}

.tdx-button-brand {
    padding: 4px 15px;
    text-align: center;
    vertical-align: middle;
    background-color: #1e619c;
    border: 1px solid #1e619c;
    color: #fff;
    font-weight: 100;
    cursor: pointer;
    position: relative;
    display: inline-block;
    border-radius: 3px;
    font-size: 13px;
    line-height: 26px;
    -webkit-appearance: none;
    white-space: normal;
    transition: color 50ms linear,background-color 50ms linear;
}

.Plus_orders_month {
    background: none !important;
    font-size: 14px;
}

    .Plus_orders_month a {
        color: #00B4F0 !important;
    }

/*.cross_image_staff {
    background: url(../images/cross_1.png) no-repeat 2px 5px !important;
}*/
/*****************************************help**************************************************/
/******************************************New pricing*********************************************/
.pricing0618 {
    text-align: center;
}

    .pricing0618 .pricing0618Table {
        position: relative;
        background-color: #fcfbfc;
        -webkit-box-shadow: 0 2px 27px 1px rgba(1, 1, 1, 0.16);
        -moz-box-shadow: 0 2px 27px 1px rgba(1, 1, 1, 0.16);
        box-shadow: 0 2px 27px 1px rgba(1, 1, 1, 0.16);
        border-radius: 5px;
        padding: 0;
        margin: 0 auto;
        border: 1px solid #ccc;
    }

        .pricing0618 .pricing0618Table .header-row {
            z-index: 1;
        }

            .pricing0618 .pricing0618Table .header-row .grid-row:first-child {
                border-radius: 4px 4px 0 0;
            }

            .pricing0618 .pricing0618Table .header-row .grid-row {
                background-color: #F5F6F6;
            }

        .pricing0618 .pricing0618Table .grid-row {
            margin-left: 0;
            display: flex;
        }

            .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
                border-left: none;
                text-align: left;
                padding-left: 0.875em;
            }

            .pricing0618 .pricing0618Table .grid-row:first-child .grid-item {
                /*border-top: none;
    padding-top: 1.7em;*/
            }

        .pricing0618 .pricing0618Table .header-row .grid-item {
            display: block !important;
        }

        .pricing0618 .pricing0618Table .grid-item {
            border-top: 1px solid #f0eeed;
            border-left: 1px solid #f0eeed;
            padding: 15px 0px 0px 0px;
            display: flex;
            box-sizing: border-box;
            float: left;
            align-items: center;
            vertical-align: top;
        }

.grid-row .grid-item.one-third {
    width: 33.333%;
}

.pricing0618 .pricing0618Table p, .pricing0618 .pricing0618Table ul {
    padding: 0;
    margin: 0;
}

.pricing0618 .pricing0618Table .header strong {
    font-weight: 600;
}

#content .band.default h2 {
    color: #606060;
}

.pricing0618 .pricing0618Table .titleTwo {
    font-size: 2em;
    font-weight: 600;
    color: #2e2e2e;
    margin: 0 auto;
}

.pricing0618 .pricing0618Table h2 {
    font-weight: 400;
    font-size: 1.6em;
    margin: 0;
}

.pricing0618 .pricing0618Table .titleTwo .titleTwo_small {
    font-size: 0.688em;
    font-weight: 400;
    color: #616161;
    margin: 5px auto 0;
}

.pricing0618 .pricing0618Table .feature.light {
    color: #9f9f9f;
    margin-top: 0;
    display: block;
    font-size: 0.5em;
}

.pricing0618 .pricing0618Table .feature {
    margin: 0.4em auto 0;
}

.pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3em;
    margin-bottom: 20px;
    cursor: pointer;
}

.hidden {
    display: none !important;
}



.pricing0618 .pricing0618Table .header {
    margin: 0 auto;
}

.pricing0618 .pricing0618Table .header-title, .pricing0618 .pricing0618Table .header {
    font-size: 20px;
    line-height: 1.463em;
    text-transform: uppercase;
    font-weight: 300;
    padding-top: 30px;
}

.grid-row .grid-item.one-sixth {
    width: 33.666%;
}

.pricing0618 .pricing0618Table .no-tick {
    color: #d2ddea;
}

.pricing0618 .pricing0618Table .tick, .pricing0618 .pricing0618Table .no-tick {
    color: #84CB0E;
    font-style: normal;
    font-weight: 100;
    font-size: 20px;
    text-decoration: inherit;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    margin: 0 auto;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.table-pricing-price {
    background-color: transparent !important;
}

.pricing0618 .table-pricing-price {
    padding-top: 8px;
}

.pricing0618 .pricing0618Table .no-tick {
    color: #d2ddea;
}

.price-btn-box1 {
    padding: 30px 0px;
    text-align: center;
    position: relative;
    z-index: 5;
}

.btn1 {
    padding: 16px;
    width: 100% !important;
    max-width: 100% !important;
    line-height: 1.6em;
    margin-top: 0;
    font-size: 1em;
    display: inline-block;
    color: #fff !important;
    height: auto;
    border: 1px solid #00b4f0;
    border-radius: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    background-color: #00b4f0;
}

    .btn1:hover {
        padding: 16px;
        width: 100% !important;
        max-width: 100% !important;
        height: auto;
        line-height: 1.6em;
        margin-top: 0;
        font-size: 1em;
        display: inline-block;
        color: #fff !important;
        border: 1px solid #00b4f0;
        border-radius: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-transform: uppercase;
        background-color: #00b4f0;
    }

.arrow_hide_plan {
    position: unset !important;
}

.feature b {
    font-weight: bold;
}

.table_billed_plans {
    color: #000 !important;
}

.center-text {
    margin-top: -70px;
    text-align: center;
}

.feature-title a {
    font-size: 15px;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color: black;
}

    .feature-title a:hover {
        font-size: 15px;
        font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        color: #00B4F0;
    }

.plansenterprise-table ul.price-list {
    text-align: center;
}

.show-mobo {
    display: none;
}

@media (max-width:990px) {
    .plansenterprise-table .price-text {
        font-size: 40px !important;
    }

    .plansenterprise-table .price-doller {
        top: -5px;
    }
}

@media (max-width:900px) {
    .plansenterprise-table .pricing0618 .price-box {
        padding-top: 8px;
    }
}

@media (max-width:767px) {
    .plansenterprise-table .pricing0618 .price-box {
        padding-bottom: 15px;
    }

    .price_details_doller {
        font-size: 20px !important;
        top: -7px !important;
    }
}

@media (max-width:568px) {
    .show-mobo {
        display: block;
    }

    .hide-mobo {
        display: none;
    }

    html body .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        position: relative;
        width: 100% !important;
        padding-bottom: 15px !important;
    }

    .pricing0618 .header-row .grid-item {
        padding-bottom: 15px !important;
    }

    .pricing0618 .pricing0618Table {
        padding-left: 0px !important;
    }

    .grid-row .grid-item.one-sixth {
        width: 100% !important;
    }

    .pricing0618:after {
        display: none;
    }

    .pricing0618 .pricing0618Table {
        overflow: inherit;
    }

    .show-mobo .pricing0618 {
        margin-bottom: 20px;
    }

    .pricing0618 .pricing0618Table .grid-row .grid-item:first-child {
        text-align: center;
    }

    .pricing0618 .pricing0618Table .feature-title, .pricing0618 .pricing0618Table .feature {
        width: 100%;
        margin-bottom: 0px;
        color: #000;
    }

    .pricing0618 .pricing0618Table .grid-row {
        display: block;
        width: 100%;
    }

    .pricing0618 .pricing0618Table .header-title {
        padding-top: 0px;
    }

    .price-box {
        min-height: auto;
    }

    .pricing0618 .pricing0618Table .feature .btn1 {
        font-size: 20px;
        padding: 4px 10px !important;
    }

    .price-heading {
        font-size: 25px !important;
    }

    .pricing0618 .pricing0618Table .header-title {
        font-size: 18px !important;
        color: #000;
    }

    .pricing0618 .header-row .grid-item {
        padding-bottom: 15px;
    }

    .pricing0618 .tooltip-right {
        left: 0%;
        margin-left: -50px;
    }

        .pricing0618 .tooltip-right::after {
            left: 50%;
        }

    .pricing0618 .pricing0618Table .feature-title {
        font-size: 16px !important;
    }
}

@media (max-width:384px) {
    .pricing0618 .tooltip-right {
        left: 50%;
        transform: translatex(-50%);
        margin-left: 0px;
    }
}

@media (max-width:360px) {
    .tooltip .tooltiptext {
        width: 200px !important;
    }
}

.scrollingText {
    display: none;
}
/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 766px) {
    .scrollingText {
        display: block !important;
    }

        .scrollingText p {
            color: #fff;
            font-weight: bold;
        }
}


/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 568px) {
    .scrollingText {
        display: none !important;
    }
}

.price-text-need {
    text-align: center;
    color: #000;
    line-height: 1;
    font-weight: bolder;
    font-size: 30px;
}

.channelsImagesLogs {
    right: 0.5px !important;
    top: -1px !important;
}

.companyPayments {
    right: -2px !important;
    top: -1px !important;
}

/******************************************New pricing*********************************************/

.footer-main-box li a {
    display:inline-block;
}