:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #FFFFFF;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #0273d4;
    --secondary: #DB3F3B;
    --success: #0273d4;
    --info: #0273d4;
    --warning: #f0ad4e;
    --danger: #d9534f;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

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

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

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

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

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

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

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

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

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

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

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

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

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

a {
    color: #0273d4;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0c8efd;
    text-decoration: underline
}

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

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

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

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

figure {
    margin: 0 0 1rem
}

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

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

table {
    border-collapse: collapse
}

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

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

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

button {
    border-radius: 0
}

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

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role="button"] {
    cursor: pointer
}

select {
    word-wrap: normal
}

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

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

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

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

textarea {
    overflow: auto;
    resize: vertical
}

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

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

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

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

template {
    display: none
}

[hidden] {
    display: none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.figure {
    display: inline-block
}

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

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

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

a>code {
    color: inherit
}

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

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

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

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

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

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

@media (min-width:576px) {

    \%responsive-container,
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {

    \%responsive-container,
    .container,
    .container-sm,
    .container-md {
        max-width: 720px
    }
}

@media (min-width:992px) {

    \%responsive-container,
    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    \%responsive-container,
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1140px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table-hover .table-primary:hover {
    background-color: #a2ccef
}

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

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

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

.table-hover .table-secondary:hover {
    background-color: #f1b4b2
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #2a2e36;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid #D5DCE5;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

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

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #2a2e36
}

.form-control:focus {
    color: #EDF0F5;
    background-color: #FFFFFF;
    border-color: #58b1fd;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.25)
}

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

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

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

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

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:focus::-ms-value {
    color: #2a2e36;
    background-color: #FFFFFF
}

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

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

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

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

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

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

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

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

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

textarea.form-control {
    height: auto
}

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

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

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

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

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

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

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

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

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

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

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

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #FFFFFF;
    background-color: rgba(2, 115, 212, 0.9);
    border-radius: .25rem
}

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

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #0273d4;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%230273d4' d='M2.3 6.73L.6 4.53c-0.4-1.04.46-1.4 1.1-0.8l1.1 1.4 3.4-3.8c.6-0.63 1.6-0.27 1.2.7l-4 4.6c-0.43.5-0.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: #0273d4;
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.25)
}

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

.was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #0273d4;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%230273d4' d='M2.3 6.73L.6 4.53c-0.4-1.04.46-1.4 1.1-0.8l1.1 1.4 3.4-3.8c.6-0.63 1.6-0.27 1.2.7l-4 4.6c-0.43.5-0.8.4-1.1.1z'/%3e%3c/svg%3e") #FFFFFF no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
    border-color: #0273d4;
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.25)
}

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

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

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

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

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

.was-validated .custom-control-input:valid:focus~.custom-control-label::before,
.custom-control-input.is-valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.25)
}

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

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

.was-validated .custom-file-input:valid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label {
    border-color: #0273d4;
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.25)
}

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

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #FFFFFF;
    background-color: rgba(217, 83, 79, 0.9);
    border-radius: .25rem
}

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

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #d9534f;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23d9534f' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='0.6' fill='%23d9534f' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #d9534f;
    box-shadow: 0 0 0 .2rem rgba(217, 83, 79, 0.25)
}

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

.was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: #d9534f;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23d9534f' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='0.6' fill='%23d9534f' stroke='none'/%3e%3c/svg%3e") #FFFFFF no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
    border-color: #d9534f;
    box-shadow: 0 0 0 .2rem rgba(217, 83, 79, 0.25)
}

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

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

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

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

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

.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
.custom-control-input.is-invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(217, 83, 79, 0.25)
}

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

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

.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-invalid:focus~.custom-file-label {
    border-color: #d9534f;
    box-shadow: 0 0 0 .2rem rgba(217, 83, 79, 0.25)
}

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

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

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

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

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

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

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

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

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

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

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

.btn,
div[menuitemname="Active Products/Services"] .card-footer .btn-view-more,
div[menuitemname="Active Products/Services"] .panel-footer .btn-view-more {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

    .btn,
    div[menuitemname="Active Products/Services"] .card-footer .btn-view-more,
    div[menuitemname="Active Products/Services"] .panel-footer .btn-view-more {
        transition: none
    }
}

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

.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.25)
}

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

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

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

.btn-primary,
div[menuitemname="Active Products/Services"] .card-footer .btn-view-more,
div[menuitemname="Active Products/Services"] .panel-footer .btn-view-more,
.suggested-domains .btn:not(.domain-contact-support).checkout {
    color: #FFFFFF;
    background-color: #0273d4;
    border-color: #0273d4
}

.btn-primary:hover {
    color: #FFFFFF;
    background-color: #025eae;
    border-color: #0258a1
}

.btn-primary:focus,
.btn-primary.focus {
    color: #FFFFFF;
    background-color: #025eae;
    border-color: #0258a1;
    box-shadow: 0 0 0 .2rem rgba(40, 136, 218, 0.5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #FFFFFF;
    background-color: #0273d4;
    border-color: #0273d4
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #FFFFFF;
    background-color: #0258a1;
    border-color: #015195
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 136, 218, 0.5)
}

.btn-secondary {
    color: #FFFFFF;
    background-color: #DB3F3B;
    border-color: #DB3F3B
}

.btn-secondary:hover {
    color: #FFFFFF;
    background-color: #cb2925;
    border-color: #c02723
}

.btn-secondary:focus,
.btn-secondary.focus {
    color: #FFFFFF;
    background-color: #cb2925;
    border-color: #c02723;
    box-shadow: 0 0 0 .2rem rgba(224, 92, 88, 0.5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #FFFFFF;
    background-color: #DB3F3B;
    border-color: #DB3F3B
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: #FFFFFF;
    background-color: #c02723;
    border-color: #b52521
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(224, 92, 88, 0.5)
}

.btn-success {
    color: #FFFFFF;
    background-color: #0273d4;
    border-color: #0273d4
}

.btn-success:hover {
    color: #FFFFFF;
    background-color: #025eae;
    border-color: #0258a1
}

.btn-success:focus,
.btn-success.focus {
    color: #FFFFFF;
    background-color: #025eae;
    border-color: #0258a1;
    box-shadow: 0 0 0 .2rem rgba(40, 136, 218, 0.5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #FFFFFF;
    background-color: #0273d4;
    border-color: #0273d4
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
    color: #FFFFFF;
    background-color: #0258a1;
    border-color: #015195
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 136, 218, 0.5)
}

.btn-info {
    color: #FFFFFF;
    background-color: #0273d4;
    border-color: #0273d4
}

.btn-info:hover {
    color: #FFFFFF;
    background-color: #025eae;
    border-color: #0258a1
}

.btn-info:focus,
.btn-info.focus {
    color: #FFFFFF;
    background-color: #025eae;
    border-color: #0258a1;
    box-shadow: 0 0 0 .2rem rgba(40, 136, 218, 0.5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #FFFFFF;
    background-color: #0273d4;
    border-color: #0273d4
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
    color: #FFFFFF;
    background-color: #0258a1;
    border-color: #015195
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 136, 218, 0.5)
}

.btn-warning,
.suggested-domains .btn.domain-contact-support {
    color: #212529;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-warning:hover {
    color: #212529;
    background-color: #ed9d2b;
    border-color: #ec971f
}

.btn-warning:focus,
.btn-warning.focus {
    color: #212529;
    background-color: #ed9d2b;
    border-color: #ec971f;
    box-shadow: 0 0 0 .2rem rgba(209, 153, 72, 0.5)
}

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

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

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(209, 153, 72, 0.5)
}

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

.btn-danger:hover {
    color: #FFFFFF;
    background-color: #d23430;
    border-color: #c9302c
}

.btn-danger:focus,
.btn-danger.focus {
    color: #FFFFFF;
    background-color: #d23430;
    border-color: #c9302c;
    box-shadow: 0 0 0 .2rem rgba(223, 109, 105, 0.5)
}

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

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
    color: #FFFFFF;
    background-color: #c9302c;
    border-color: #bf2e29
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(223, 109, 105, 0.5)
}

.btn-outline-primary,
.spotlight-tld .btn.domain-contact-support,
.suggested-domains .btn:not(.domain-contact-support) {
    color: #0273d4;
    border-color: #0273d4
}

.btn-outline-primary:hover {
    color: #FFFFFF;
    background-color: #0273d4;
    border-color: #0273d4
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #0273d4;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #FFFFFF;
    background-color: #0273d4;
    border-color: #0273d4
}

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

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

.btn-outline-secondary:hover {
    color: #FFFFFF;
    background-color: #DB3F3B;
    border-color: #DB3F3B
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: 0 0 0 .2rem rgba(219, 63, 59, 0.5)
}

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

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

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(219, 63, 59, 0.5)
}

.btn-outline-success {
    color: #0273d4;
    border-color: #0273d4
}

.btn-outline-success:hover {
    color: #FFFFFF;
    background-color: #0273d4;
    border-color: #0273d4
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #0273d4;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
    color: #FFFFFF;
    background-color: #0273d4;
    border-color: #0273d4
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.5)
}

.btn-outline-info {
    color: #0273d4;
    border-color: #0273d4
}

.btn-outline-info:hover {
    color: #FFFFFF;
    background-color: #0273d4;
    border-color: #0273d4
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #0273d4;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
    color: #FFFFFF;
    background-color: #0273d4;
    border-color: #0273d4
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.5)
}

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

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

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    box-shadow: 0 0 0 .2rem rgba(240, 173, 78, 0.5)
}

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

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

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(240, 173, 78, 0.5)
}

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

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

.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: 0 0 0 .2rem rgba(217, 83, 79, 0.5)
}

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

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

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(217, 83, 79, 0.5)
}

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

.btn-link:hover {
    color: #0c8efd;
    text-decoration: underline
}

.btn-link:focus,
.btn-link.focus {
    text-decoration: underline
}

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

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

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

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

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

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

.fade {
    transition: opacity .15s linear
}

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

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

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

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

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

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

.dropdown-toggle {
    white-space: nowrap
}

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

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

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: .25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-item.active,
.dropdown-item:active {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #0273d4
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

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

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

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

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #FFFFFF;
    border-color: #0273d4;
    background-color: #0273d4
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.25)
}

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

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

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

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

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

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

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

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

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

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

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

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(2, 115, 212, 0.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(2, 115, 212, 0.5)
}

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

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

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(2, 115, 212, 0.5)
}

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

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

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

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

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

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(2, 115, 212, 0.5)
}

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

.custom-select:focus {
    border-color: #58b1fd;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.25)
}

.custom-select:focus::-ms-value {
    color: #2a2e36;
    background-color: #FFFFFF
}

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

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

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

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #2a2e36
}

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

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

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

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

.custom-file-input:focus~.custom-file-label {
    border-color: #58b1fd;
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.25)
}

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

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

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

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

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

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: none
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 .2rem rgba(2, 115, 212, 0.25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 .2rem rgba(2, 115, 212, 0.25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 .2rem rgba(2, 115, 212, 0.25)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #FFFFFF;
    background-color: #0273d4
}

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

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

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

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

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar \%container-flex-properties,
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

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

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

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

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

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

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

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

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

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

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

@media (max-width:575.98px) {

    .navbar-expand-sm>\%container-navbar-expand,
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

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

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

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

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

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

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

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

@media (max-width:767.98px) {

    .navbar-expand-md>\%container-navbar-expand,
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

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

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

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

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

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

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

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

@media (max-width:991.98px) {

    .navbar-expand-lg>\%container-navbar-expand,
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

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

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

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

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

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

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

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

@media (max-width:1199.98px) {

    .navbar-expand-xl>\%container-navbar-expand,
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

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

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

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

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

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

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

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

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>\%container-navbar-expand,
.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(0.25rem - 1px)
}

.card-img,
.card-img-top,
.card-img-bottom {
    flex-shrink: 0;
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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;
        orphans: 1;
        widows: 1
    }

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

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

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

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.panel {
    margin-bottom: 1.5rem;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.panel-body {
    padding: 1rem
}

.panel-heading {
    padding: .625rem .9375rem;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.125rem;
    color: inherit
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
    color: inherit
}

.panel-footer {
    padding: .625rem .9375rem;
    background-color: #EDF0F5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
    margin-bottom: 0
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
    padding-right: 1rem;
    padding-left: 1rem
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #D5DCE5
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0
}

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

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 1.5rem
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #D5DCE5
}

.panel-default>.panel-heading {
    color: #1a1a1a;
    background-color: #EDF0F5;
    border-color: #D5DCE5
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #D5DCE5
}

.panel-default>.panel-heading .badge {
    color: #EDF0F5;
    background-color: #1a1a1a
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #D5DCE5
}

.panel-primary {
    border-color: #0273d4
}

.panel-primary>.panel-heading {
    color: #FFFFFF;
    background-color: #0273d4;
    border-color: #0273d4
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #0273d4
}

.panel-primary>.panel-heading .badge {
    color: #0273d4;
    background-color: #FFFFFF
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #0273d4
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

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

.breadcrumb-item {
    display: flex
}

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

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

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

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

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

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

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

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

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.25)
}

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

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

.page-item.active .page-link {
    z-index: 3;
    color: #FFFFFF;
    background-color: #0273d4;
    border-color: #0273d4
}

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

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

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

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

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

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

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

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

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

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

.badge:empty {
    display: none
}

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

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

.badge-primary {
    color: #FFFFFF;
    background-color: #0273d4
}

a.badge-primary:hover,
a.badge-primary:focus {
    color: #FFFFFF;
    background-color: #0258a1
}

a.badge-primary:focus,
a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.5)
}

.badge-secondary {
    color: #FFFFFF;
    background-color: #DB3F3B
}

a.badge-secondary:hover,
a.badge-secondary:focus {
    color: #FFFFFF;
    background-color: #c02723
}

a.badge-secondary:focus,
a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(219, 63, 59, 0.5)
}

.badge-success {
    color: #FFFFFF;
    background-color: #0273d4
}

a.badge-success:hover,
a.badge-success:focus {
    color: #FFFFFF;
    background-color: #0258a1
}

a.badge-success:focus,
a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.5)
}

.badge-info {
    color: #FFFFFF;
    background-color: #0273d4
}

a.badge-info:hover,
a.badge-info:focus {
    color: #FFFFFF;
    background-color: #0258a1
}

a.badge-info:focus,
a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(2, 115, 212, 0.5)
}

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

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

a.badge-warning:focus,
a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(240, 173, 78, 0.5)
}

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

a.badge-danger:hover,
a.badge-danger:focus {
    color: #FFFFFF;
    background-color: #c9302c
}

a.badge-danger:focus,
a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(217, 83, 79, 0.5)
}

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

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

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

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

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

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

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

.alert-primary {
    color: #013c6e;
    background-color: #cce3f6;
    border-color: #b8d8f3
}

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

.alert-primary .alert-link {
    color: #01203b
}

.alert-secondary {
    color: #72211f;
    background-color: #f8d9d8;
    border-color: #f5c9c8
}

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

.alert-secondary .alert-link {
    color: #4a1514
}

.alert-success {
    color: #013c6e;
    background-color: #cce3f6;
    border-color: #b8d8f3
}

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

.alert-success .alert-link {
    color: #01203b
}

.alert-info {
    color: #013c6e;
    background-color: #cce3f6;
    border-color: #b8d8f3
}

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

.alert-info .alert-link {
    color: #01203b
}

.alert-warning {
    color: #7d5a29;
    background-color: #fcefdc;
    border-color: #fbe8cd
}

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

.alert-warning .alert-link {
    color: #573e1c
}

.alert-danger {
    color: #712b29;
    background-color: #f7dddc;
    border-color: #f4cfce
}

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

.alert-danger .alert-link {
    color: #4c1d1b
}

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

    to {
        background-position: 0 0
    }
}

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

    to {
        background-position: 0 0
    }
}

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

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #FFFFFF;
    text-align: center;
    white-space: nowrap;
    background-color: #0273d4;
    transition: width .6s ease
}

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

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

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

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

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

.media-body {
    flex: 1
}

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

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

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

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

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

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

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

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

.list-group-item.active {
    z-index: 2;
    color: #FFFFFF;
    background-color: #0273d4;
    border-color: #0273d4
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

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

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

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

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

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

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

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

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

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

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

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

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

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

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

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

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

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

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

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

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #013c6e;
    background-color: #b8d8f3
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #013c6e;
    background-color: #a2ccef
}

.list-group-item-primary.list-group-item-action.active {
    color: #FFFFFF;
    background-color: #013c6e;
    border-color: #013c6e
}

.list-group-item-secondary {
    color: #72211f;
    background-color: #f5c9c8
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #72211f;
    background-color: #f1b4b2
}

.list-group-item-secondary.list-group-item-action.active {
    color: #FFFFFF;
    background-color: #72211f;
    border-color: #72211f
}

.list-group-item-success {
    color: #013c6e;
    background-color: #b8d8f3
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #013c6e;
    background-color: #a2ccef
}

.list-group-item-success.list-group-item-action.active {
    color: #FFFFFF;
    background-color: #013c6e;
    border-color: #013c6e
}

.list-group-item-info {
    color: #013c6e;
    background-color: #b8d8f3
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #013c6e;
    background-color: #a2ccef
}

.list-group-item-info.list-group-item-action.active {
    color: #FFFFFF;
    background-color: #013c6e;
    border-color: #013c6e
}

.list-group-item-warning {
    color: #7d5a29;
    background-color: #fbe8cd
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #7d5a29;
    background-color: #f9ddb5
}

.list-group-item-warning.list-group-item-action.active {
    color: #FFFFFF;
    background-color: #7d5a29;
    border-color: #7d5a29
}

.list-group-item-danger {
    color: #712b29;
    background-color: #f4cfce
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #712b29;
    background-color: #efbbb9
}

.list-group-item-danger.list-group-item-action.active {
    color: #FFFFFF;
    background-color: #712b29;
    border-color: #712b29
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #FFFFFF;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    opacity: .75
}

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

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.1);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

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

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

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

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

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

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

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

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

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

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

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

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #D5DCE5;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #D5DCE5;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px)
}

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

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

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

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

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }

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

@media (min-width:992px) {

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

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

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

.tooltip.show {
    opacity: .9
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.popover-header:empty {
    display: none
}

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

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

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

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

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

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

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

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

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none
}

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

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

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

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #FFFFFF;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

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

    .carousel-control-prev,
    .carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-next:focus {
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

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

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

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

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

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

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #0273d4 !important
}

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

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

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

.bg-success {
    background-color: #0273d4 !important
}

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

.bg-info {
    background-color: #0273d4 !important
}

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

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

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

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

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

.bg-white {
    background-color: #FFFFFF !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #D5DCE5 !important
}

.border-top {
    border-top: 1px solid #D5DCE5 !important
}

.border-right {
    border-right: 1px solid #D5DCE5 !important
}

.border-bottom {
    border-bottom: 1px solid #D5DCE5 !important
}

.border-left {
    border-left: 1px solid #D5DCE5 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #0273d4 !important
}

.border-secondary {
    border-color: #DB3F3B !important
}

.border-success {
    border-color: #0273d4 !important
}

.border-info {
    border-color: #0273d4 !important
}

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

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

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

.rounded-sm {
    border-radius: .2rem !important
}

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

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

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

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

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

.rounded-lg {
    border-radius: .3rem !important
}

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

.rounded-pill {
    border-radius: 50rem !important
}

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

.clearfix::after,
.panel-body::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

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

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

.d-flex {
    display: flex !important
}

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

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

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

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

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

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

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

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

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

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

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

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

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

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

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

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

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

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

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

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }

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

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

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

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

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

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

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

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

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }

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

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

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.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.85714286%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075) !important
}

.shadow {
    box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -0.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important
}

.m-n2 {
    margin: -0.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -0.25rem !important
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important
    }

    .m-sm-n2 {
        margin: -0.5rem !important
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -0.25rem !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important
    }

    .m-md-n2 {
        margin: -0.5rem !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -0.25rem !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important
    }

    .m-lg-n2 {
        margin: -0.5rem !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -0.25rem !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important
    }

    .m-xl-n2 {
        margin: -0.5rem !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #FFFFFF !important
}

.text-primary {
    color: #0273d4 !important
}

a.text-primary:hover,
a.text-primary:focus {
    color: #014a88 !important
}

.text-secondary {
    color: #DB3F3B !important
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #aa231f !important
}

.text-success {
    color: #0273d4 !important
}

a.text-success:hover,
a.text-success:focus {
    color: #014a88 !important
}

.text-info {
    color: #0273d4 !important
}

a.text-info:hover,
a.text-info:focus {
    color: #014a88 !important
}

.text-warning {
    color: #f0ad4e !important
}

a.text-warning:hover,
a.text-warning:focus {
    color: #df8a13 !important
}

.text-danger {
    color: #d9534f !important
}

a.text-danger:hover,
a.text-danger:focus {
    color: #b52b27 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {

    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #FFFFFF !important
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody+tbody {
        border-color: #D5DCE5
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #D5DCE5
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper,
.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 {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("/templates/croster/assets/images/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease;
    transition: transform 100ms ease, -webkit-transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

@font-face {
    font-family: 'footable';
    src: url('/templates/croster/assets/fonts/footable.eot');
    src: url('/templates/croster/assets/fonts/footable.eot?') format('embedded-opentype'), url('/templates/croster/assets/fonts/footable.woff') format('woff'), url('/templates/croster/assets/fonts/footable.ttf') format('truetype'), url('/templates/croster/assets/fonts/footable.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'footable';
        src: url('/templates/croster/assets/fonts/footable.svg') format('svg');
        font-weight: normal;
        font-style: normal
    }
}

.footable {
    width: 100%
}

.footable.breakpoint>tbody>tr.footable-detail-show>td {
    border-bottom: none
}

.footable.breakpoint>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
    content: "\e001"
}

.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail) {
    cursor: pointer
}

.footable.breakpoint>tbody>tr>td.footable-cell-detail {
    background: #eee;
    border-top: none
}

.footable.breakpoint>tbody>tr>td>span.footable-toggle {
    display: inline-block;
    font-family: 'footable';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    padding: 0 5px 5px;
    font-size: 14px;
    color: #888
}

.footable.breakpoint>tbody>tr>td>span.footable-toggle:before {
    content: "\e000"
}

.footable.breakpoint.toggle-circle>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
    content: "\e005"
}

.footable.breakpoint.toggle-circle>tbody>tr>td>span.footable-toggle:before {
    content: "\e004"
}

.footable.breakpoint.toggle-circle-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
    content: "\e003"
}

.footable.breakpoint.toggle-circle-filled>tbody>tr>td>span.footable-toggle:before {
    content: "\e002"
}

.footable.breakpoint.toggle-square>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
    content: "\e007"
}

.footable.breakpoint.toggle-square>tbody>tr>td>span.footable-toggle:before {
    content: "\e006"
}

.footable.breakpoint.toggle-square-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
    content: "\e009"
}

.footable.breakpoint.toggle-square-filled>tbody>tr>td>span.footable-toggle:before {
    content: "\e008"
}

.footable.breakpoint.toggle-arrow>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
    content: "\e00f"
}

.footable.breakpoint.toggle-arrow>tbody>tr>td>span.footable-toggle:before {
    content: "\e011"
}

.footable.breakpoint.toggle-arrow-small>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
    content: "\e013"
}

.footable.breakpoint.toggle-arrow-small>tbody>tr>td>span.footable-toggle:before {
    content: "\e015"
}

.footable.breakpoint.toggle-arrow-circle>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
    content: "\e01b"
}

.footable.breakpoint.toggle-arrow-circle>tbody>tr>td>span.footable-toggle:before {
    content: "\e01d"
}

.footable.breakpoint.toggle-arrow-circle-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
    content: "\e00b"
}

.footable.breakpoint.toggle-arrow-circle-filled>tbody>tr>td>span.footable-toggle:before {
    content: "\e00d"
}

.footable.breakpoint.toggle-arrow-tiny>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
    content: "\e01f"
}

.footable.breakpoint.toggle-arrow-tiny>tbody>tr>td>span.footable-toggle:before {
    content: "\e021"
}

.footable.breakpoint.toggle-arrow-alt>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
    content: "\e017"
}

.footable.breakpoint.toggle-arrow-alt>tbody>tr>td>span.footable-toggle:before {
    content: "\e019"
}

.footable.breakpoint.toggle-medium>tbody>tr>td>span.footable-toggle {
    font-size: 18px
}

.footable.breakpoint.toggle-large>tbody>tr>td>span.footable-toggle {
    font-size: 24px
}

.footable>thead>tr>th {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.footable>thead>tr>th.footable-sortable:hover {
    cursor: pointer
}

.footable>thead>tr>th.footable-sorted>span.footable-sort-indicator:before {
    content: "\e013"
}

.footable>thead>tr>th.footable-sorted-desc>span.footable-sort-indicator:before {
    content: "\e012"
}

.footable>thead>tr>th>span.footable-sort-indicator {
    display: inline-block;
    font-family: 'footable';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 5px
}

.footable>thead>tr>th>span.footable-sort-indicator:before {
    content: "\e022"
}

.footable>tfoot .pagination {
    margin: 0
}

.footable.no-paging .hide-if-no-paging {
    display: none
}

.footable .pagination>li>a,
.footable .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    border: 1px solid #D5DCE5;
    margin-left: -1px
}

.footable .pagination li:first-child a,
.footable .pagination li:first-child span {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.footable .pagination li:last-child a,
.footable .pagination li:last-child span {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.footable .pagination>.disabled>span,
.footable .pagination>.disabled>span:hover,
.footable .pagination>.disabled>span:focus,
.footable .pagination>.disabled>a,
.footable .pagination>.disabled>a:hover,
.footable .pagination>.disabled>a:focus {
    color: #2a2e36
}

.footable .pagination>.active>a,
.footable .pagination>.active>span,
.footable .pagination>.active>a:hover,
.footable .pagination>.active>span:hover,
.footable .pagination>.active>a:focus,
.footable .pagination>.active>span:focus {
    z-index: 2;
    color: #FFFFFF;
    background-color: #0273d4;
    border-color: #0273d4;
    cursor: default
}

.footable-row-detail-inner {
    display: table
}

.footable-row-detail-row {
    display: table-row;
    line-height: 1.5em
}

.footable-row-detail-group {
    display: block;
    line-height: 2em;
    font-size: 1.2em;
    font-weight: bold
}

.footable-row-detail-name {
    display: table-cell;
    font-weight: bold;
    padding-right: .5em
}

.footable-row-detail-value {
    display: table-cell
}

.footable-odd {
    background-color: #F7F7F7
}

@font-face {
    font-family: 'swiper-icons';
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #0273d4
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper,
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px;
    --swiper-navigation-top-offset: 50%;
    --swiper-navigation-sides-offset: 10px;
    --swiper-navigation-color: var(--swiper-theme-color)
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0 - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

:root {
    --swiper-pagination-color: var(--swiper-theme-color);
    --swiper-pagination-left: auto;
    --swiper-pagination-right: 8px;
    --swiper-pagination-bottom: 8px;
    --swiper-pagination-top: auto;
    --swiper-pagination-fraction-color: inherit;
    --swiper-pagination-progressbar-bg-color: rgba(0, 0, 0, 0.25);
    --swiper-pagination-progressbar-size: 4px;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-border-radius: 50%;
    --swiper-pagination-bullet-inactive-color: #000;
    --swiper-pagination-bullet-inactive-opacity: .2;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms top,
        200ms -webkit-transform;
    transition: 200ms transform,
        200ms top;
    transition: 200ms transform,
        200ms top,
        200ms -webkit-transform
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms left,
        200ms -webkit-transform;
    transition: 200ms transform,
        200ms left;
    transition: 200ms transform,
        200ms left,
        200ms -webkit-transform
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms right,
        200ms -webkit-transform;
    transition: 200ms transform,
        200ms right;
    transition: 200ms transform,
        200ms right,
        200ms -webkit-transform
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-vertical>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform
}

.swiper.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

html {
    position: relative;
    min-height: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar
}

html,
body {
    height: auto;
    letter-spacing: -0.01em
}

svg:not(:root) {
    overflow: hidden
}

svg {
    vertical-align: middle;
    border-style: none
}

body {
    color: #2a2e36;
    overflow-x: hidden
}

body.login {
    min-height: 100%
}

@media only screen and (max-width:992px) {
    body.pre-header-enabled {
        margin-top: 97px
    }
}

body.left-layout {
    margin-top: 57px
}

body.left-layout.pre-header-enabled {
    margin-top: 97px
}

body.spc {
    margin-top: 0
}

@media only screen and (max-width:992px) {
    body.spc #order-standard_cart {
        padding: 0 0 90px 0
    }
}

@media only screen and (max-width:992px) {
    body.spcnofooter #order-standard_cart {
        padding: 0 0 90px 0
    }
}

body.top-nav-collapse .navbar-side {
    top: 57px
}

body.top-nav-collapse.pre-header-enabled .navbar-side {
    top: 97px
}

body.top-nav-collapse.left-layout.pre-header-enabled .navbar-side {
    top: 103px
}

body.pre-header-enabled .cros-navbar {
    flex-direction: column
}

@media (min-width:992px) {
    body.pre-header-enabled .cros-navbar .user_icon a span {
        display: flex;
        align-items: center;
        justify-content: center
    }

    body.pre-header-enabled .cros-navbar .user_icon a span.user-info {
        display: flex;
        align-items: center;
        margin-left: 4px
    }

    body.pre-header-enabled .cros-navbar .user_icon a span.user-info:after {
        content: "";
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px dashed;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent
    }
}

@media (max-width:633px) {
    body.pre-header-enabled .cros-navbar .navbar-header {
        flex-direction: row
    }

    body.pre-header-enabled .cros-navbar .navbar-header .top {
        background-color: transparent;
        border: 0 none
    }

    body.pre-header-enabled .cros-navbar .navbar-header .top .secondary-menu-mobile.nav li .dropdown-toggle {
        background-color: transparent !important
    }

    body.pre-header-enabled .cros-navbar.primary .navbar-header .top li .dropdown-toggle,
    body.pre-header-enabled .cros-navbar.dark .navbar-header .top li .dropdown-toggle {
        color: #FFFFFF
    }
}

body.c-depth .TM-card,
body.c-depth .table-container,
body.c-depth .panel.panel-default,
body.c-depth .panel.panel-warning,
body.c-depth .tiles .tile a,
body.c-depth .kbcat .kb-article,
body.c-depth .ticket-departments a,
body.c-depth .ticket-departments.list,
body.c-depth #promotions-slider,
body.c-depth .alert-lg,
body.c-depth .card,
body.c-depth .sidebar.default .panel-sidebar,
body.c-depth #order-standard_cart .product,
body.c-depth #order-standard_cart .domain-selection-options .option-selected,
body.c-depth #order-standard_cart .cc-input-container,
body.c-depth .landing-page.ssl .validation-levels .item {
    box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1)
}

body.h-depth .cros-navbar {
    box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1)
}

body.f-depth .block-footer .cros-partners,
body.f-depth .block-footer .payment-icons ul {
    box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1)
}

body.card-nobg .TM-card {
    background-color: #FFFFFF
}

body.no-radius .cros-pricing-table,
body.no-radius .cros-team-member,
body.no-radius .cros-box.s4,
body.no-radius .cros-team-member .profile-card,
body.no-radius .TM-card,
body.no-radius .panel,
body.no-radius .card,
body.no-radius .btn,
body.no-radius section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item,
body.no-radius .product-details .product-holder,
body.no-radius .product-details .product-info.cpanel-usage-stats .cPanelExtrasPurchasePanel,
body.no-radius .product-details .product-info.cpanel-usage-stats,
body.no-radius .TM-card.annoucements .annuncement-item.latest,
body.no-radius .cros-navbar .navbar-nav li ul.dropdown-menu,
body.no-radius .table-container,
body.no-radius .domains-section .domain-hero .serach-form,
body.no-radius .landing-page .pricing-item,
body.no-radius .landing-page.weebly .weebly-lite-plan,
body.no-radius .landing-page.ssl .validation-levels .item,
body.no-radius .landing-page .faq .panel-group .panel,
body.no-radius .landing-page .faqs .panel-group .panel,
body.no-radius .landing-page.mail-services .product-options .item,
body.no-radius .landing-page.sitelock .plans .plan,
body.no-radius .landing-page.sitelock .emergency .emergency-buy-banner,
body.no-radius .tiles .tile a,
body.no-radius .tiles .tile .no-link,
body.no-radius .rounded,
body.no-radius .onepage_cart .ajaxcart_cont .coupon_cont .form-group .input-group,
body.no-radius #order-standard_cart .domain-selection-options .option-selected,
body.no-radius .ticket-departments.list,
body.no-radius .kbcat .kb-article,
body.no-radius .kbarticles,
body.no-radius .kbsuggestions,
body.no-radius .sticker-wrapper.s1 .sticker,
body.no-radius .block-footer .payment-icons ul,
body.no-radius .alert-lg,
body.no-radius .ticket-departments a,
body.no-radius .login-box,
body.no-radius .login-container .social-or-login :first-child,
body.no-radius .cros-checkbox[type=checkbox]+span.pcb,
body.no-radius .cros-checkbox[type=radio]+span.pcb,
body.no-radius .signups[type=radio]+span.pcb,
body.no-radius .no-radio[type=radio]+span.pcb,
body.no-radius .nocheck[type=checkbox]+span.pcb {
    border-radius: 0
}

body.dark-mode .SwicthtoLight {
    display: none
}

body.dark-mode .SwicthtoDark {
    display: inline-block
}

body.dark-mode .logo-light {
    display: none
}

body.dark-mode .logo-dark {
    display: block
}

body .SwicthtoLight {
    display: inline-block
}

body .SwicthtoDark {
    display: none
}

body .logo-light {
    display: block
}

body .logo-dark {
    display: none
}

@media (max-width:991px) {
    .container {
        width: 100% !important;
        max-width: 100% !important
    }
}

@media (min-width:1320px) {

    \%responsive-container,
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1288px
    }
}

#page-wrapper,
.body-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

@media (min-width:992px) {
    #page-wrapper {
        margin: 0 0 0 270px
    }

    #page-wrapper.collapsed {
        margin: 50px 0 0 50px
    }

    #page-wrapper.no-sidebar {
        margin: 50px 0 0 0
    }

    #page-wrapper.fixed.collapsed {
        margin: 0 0 0 50px
    }

    #page-wrapper.fixed.no-sidebar {
        margin: 0
    }

    #page-wrapper .container {
        max-width: 100%
    }
}

@media (min-width:768px) {
    #page-wrapper .container {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1200px) {
    #page-wrapper .container {
        max-width: 1350px;
        width: 100% !important
    }
}

@media (max-width:1199px) {

    #page-wrapper .panel-sidebar.panel-client-details,
    #page-wrapper .card-sidebar.panel-client-details,
    #page-wrapper .panel-sidebar.panel-client-details,
    #page-wrapper .card-sidebar.panel-client-details,
    #page-wrapper .panel-sidebar.panel-by-month,
    #page-wrapper .card-sidebar.panel-by-month {
        display: none !important
    }

    #page-wrapper .panel-sidebar.panel-actions .list-group,
    #page-wrapper .card-sidebar.panel-actions .list-group {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row
    }
}

.fa:before,
.fab:before,
.fad:before,
.fal:before,
.far:before,
.fas:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

a {
    color: #0273d4
}

a:hover,
a:active,
a:focus {
    color: #0c8efd
}

a,
a:focus,
a:active,
a:hover {
    outline: 0 none !important
}

::-moz-focus-inner {
    border: 0 none;
    -moz-outline-style: none
}

h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
    color: #2a2e36
}

h4,
.h4 {
    font-size: 1.25rem
}

h5,
.h5 {
    font-size: 1rem
}

.page-header {
    margin: 30px 0 15px;
    border-bottom: 1px solid #D5DCE5
}

.page-header h1 {
    margin: 0;
    font-size: 26px
}

.page-header h1 :before {
    content: "\f101";
    margin-right: 4px;
    font-family: FontAwesome;
    color: #0273d4
}

.page-header .sub-title {
    font-size: 60%;
    text-transform: none;
    color: #999
}

.page-header.title {
    margin: 0 -15px 25px;
    border-bottom: 1px solid #D5DCE5;
    color: #1a1a1a;
    padding: 15px;
    background-color: #FFFFFF
}

@media (max-width:639px) {
    .page-header.title h1 {
        font-size: 21px
    }
}

.owl-carousel,
.swiper-container .swiper-slide,
.swiper .swiper-slide,
.swiper [class*=" col-"],
.plans_slider__nav .btn__text {
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

blockquote,
.blockquote {
    padding: .625rem 1.25rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: 5px solid #0273d4;
    font-weight: 300
}

blockquote.text-right,
.blockquote.text-right {
    border-left: 0 none;
    border-right: 5px solid #0273d4
}

blockquote.text-center,
.blockquote.text-center {
    border: 0 none
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.modal,
.accordion-toggle:focus,
.btn:focus {
    outline: none
}

[class*=" fa-"],
[class^="fa-"] {
    text-align: center
}

[role=button] {
    cursor: pointer
}

.popover {
    width: auto;
    border-radius: 0
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #0273d4;
    color: #FFFFFF
}

.nav-tabs .open>a,
.nav-pills .open>a,
.nav-tabs .open>a:hover,
.nav-pills .open>a:hover,
.nav-tabs .open>a:focus,
.nav-pills .open>a:focus {
    border-color: #0273d4
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus,
.nav-pills>li>a:hover,
.nav-pills>li>a:focus,
.nav-tabs .open>a,
.nav-tabs .open>a:hover,
.nav-tabs .open>a:focus,
.nav-pills .open>a,
.nav-pills .open>a:hover,
.nav-pills .open>a:focus,
.nav-tabs ul.dropdown-menu>li>a:hover,
.nav-tabs ul.dropdown-menu>li>a:focus,
.nav-pills ul.dropdown-menu>li>a:hover,
.nav-pills ul.dropdown-menu>li>a:focus {
    background-color: #EDF0F5
}

button.close,
.close {
    outline: none !important
}

.modal-content .modal-header {
    background-color: #EDF0F5;
    border-radius: 6px 6px 0 0
}

.modal-content .modal-header .modal-title {
    margin: 0;
    font-size: 1.25rem
}

.modal-content .modal-header .close {
    font-size: 27px;
    outline: 0 none !important
}

.modal-content .modal-footer {
    justify-content: flex-start;
    text-align: left;
    border-top-color: #D5DCE5
}

.dropdown-toggle::after {
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.nav-pills .nav-link:hover {
    background-color: transparent
}

.nav-pills .nav-link.active:hover {
    background-color: #0273d4
}

.adminreturndiv {
    display: none !important
}

.TM-card {
    background-color: #EDF0F5
}

.TM-card.annoucements {
    box-shadow: none !important
}

.panel.panel-default .panel-heading {
    background-color: #FFFFFF;
    border-color: #D5DCE5
}

.panel.panel-default.cart-item .panel-body .row {
    margin-left: 0;
    margin-right: 0;
    align-items: center
}

.panel.panel-default.cart-item .item-group,
.panel.panel-default.cart-item .addon-item-group {
    font-size: 90%;
    color: #999999
}

.panel.panel-default.cart-item .item-configoption {
    margin-top: 8px
}

.panel.panel-default.cart-item .item-addons {
    margin: .5rem 0;
    font-size: 80%
}

.panel.panel-default.cart-item .item-addons .prod-addons-container {
    border-left: 2px solid rgba(0, 0, 0, 0.1)
}

.panel.panel-default.cart-item .item-addons .prod-addons-container.configuration {
    padding-left: 15px
}

.panel.panel-default.cart-item .item-domain {
    font-size: 85%;
    color: #0273d4 !important;
    padding-bottom: 4px
}

.panel.panel-default.cart-item .panel-body {
    border-bottom: 1px solid #D5DCE5
}

.panel.panel-default.cart-item .panel-body span:not(.caret):not(.renewal-price) {
    display: block
}

.panel.panel-default.cart-item .panel-footer {
    margin-top: -1px
}

.panel.panel-default.cart-item .item-price strong,
.panel.panel-default.cart-item .addon-item-price strong,
.panel.panel-default.cart-item .item-price .strong,
.panel.panel-default.cart-item .addon-item-price .strong {
    font-weight: 500
}

.panel.panel-default.cart-item .item-price small,
.panel.panel-default.cart-item .addon-item-price small,
.panel.panel-default.cart-item .item-price .small,
.panel.panel-default.cart-item .addon-item-price .small {
    font-size: 80%
}

.panel.panel-default.cart-item .item-price .cycle.renewal .renewal-price,
.panel.panel-default.cart-item .addon-item-price .cycle.renewal .renewal-price {
    font-size: 85%
}

.panel.panel-default.cart-item .item-actions {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap
}

.panel.panel-default.cart-item .item-qty,
.panel.panel-default.cart-item .addon-item-qty {
    margin: 4px 0
}

.panel.panel-default.cart-item .item-qty .form-control,
.panel.panel-default.cart-item .addon-item-qty .form-control {
    height: 28px !important;
    margin-bottom: 4px;
    padding: .375rem 0;
    max-width: 100px
}

@media (min-width:576px) {

    .panel.panel-default.cart-item .item-qty,
    .panel.panel-default.cart-item .addon-item-qty {
        text-align: center;
        margin-top: 0
    }
}

@media (max-width:991px) {
    .panel.panel-default.cart-item {
        border: 0 none;
        box-shadow: none !important
    }

    .panel.panel-default.cart-item .panel-heading {
        display: none
    }

    .panel.panel-default.cart-item .panel-footer {
        border: 1px solid #D5DCE5;
        border-radius: 4px
    }

    .panel.panel-default.cart-item .panel-body {
        padding: 0;
        box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1);
        border: 1px solid #D5DCE5;
        margin-bottom: 1rem;
        border-radius: 4px
    }

    .panel.panel-default.cart-item .panel-body .row {
        position: relative;
        margin-left: 0;
        margin-right: 0
    }

    .panel.panel-default.cart-item .items {
        order: 1;
        min-width: 70%;
        flex-basis: 70%;
        width: 70%
    }

    .panel.panel-default.cart-item .item-title {
        padding: 1rem 0
    }

    .panel.panel-default.cart-item .item-actions {
        order: 2;
        min-width: 30%;
        flex-basis: 30%;
        width: 30%;
        padding: 1rem
    }

    .panel.panel-default.cart-item .item-price,
    .panel.panel-default.cart-item .item-qty {
        position: relative;
        min-width: 100%;
        flex-basis: 100%;
        width: 100%;
        min-height: 56px;
        padding: 1rem
    }

    .panel.panel-default.cart-item .item-price:after,
    .panel.panel-default.cart-item .item-qty:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        content: "";
        height: 1px;
        background-color: #D5DCE5
    }

    .panel.panel-default.cart-item .item-addons {
        order: 2
    }

    .panel.panel-default.cart-item .item-qty {
        order: 3
    }

    .panel.panel-default.cart-item .item-price {
        order: 4
    }

    .panel.panel-default.cart-item .prod-qty-empty,
    .panel.panel-default.cart-item .addon-qty-empty {
        display: none
    }
}

@media (min-width:992px) {

    .panel.panel-default.cart-item .pricing-heading,
    .panel.panel-default.cart-item .item-heading {
        display: none !important
    }
}

.md-editor .md-footer,
.md-editor>.md-header {
    background-color: #EDF0F5 !important
}

.landing-page .panel.panel-default {
    box-shadow: none !important
}

.landing-page.mail-services .content-block .item p {
    font-size: 13px !important
}

.landing-page.mail-services .benefits {
    font-size: 14px !important
}

.landing-page.mail-services .product-options .item {
    box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1)
}

#registration .field,
#registration .form-control,
#registration .prepend-icon .field-icon {
    height: 43px !important
}

#registration .prepend-icon .field-icon {
    line-height: 43px !important
}

.table-container .listtable .table.table-hover tbody tr:hover,
.table-container .listtable .table.table-hover tbody tr:focus {
    background-color: #EDF0F5
}

.header-lined .search-group {
    min-width: 260px
}

.iradio_square-blue,
.icheckbox_square-blue {
    background: none !important;
    width: auto !important;
    height: auto !important
}

.iradio_square-blue:before,
.icheckbox_square-blue:before {
    display: inline-block;
    z-index: 2;
    font-family: "Font Awesome 5 Pro";
    font-size: 21px;
    font-weight: 300;
    color: #0273d4
}

.iradio_square-blue.checked:before,
.icheckbox_square-blue.checked:before {
    font-weight: 900
}

.iradio_square-blue.checked.hover:before,
.icheckbox_square-blue.checked.hover:before {
    font-weight: 900
}

.iradio_square-blue.hover:before,
.icheckbox_square-blue.hover:before {
    font-weight: 400
}

.iradio_square-blue:before {
    content: "\f111"
}

.iradio_square-blue.checked:before {
    content: "\f192"
}

.icheckbox_square-blue:before {
    content: "\f0c8"
}

.icheckbox_square-blue.checked:before {
    content: "\f14a"
}

.card {
    border-color: #D5DCE5
}

.card .card-header,
.card .card-footer {
    background-color: #EDF0F5;
    border-color: #D5DCE5
}

.modal-backdrop.show {
    opacity: .9
}

.cros-navbar {
    background-color: #FFFFFF;
    border-radius: 0 !important;
    border-bottom: 1px solid #D5DCE5;
    padding: 0
}

.cros-navbar .pre-header .container {
    min-height: unset
}

.cros-navbar .container {
    min-height: 50px
}

.cros-navbar .navbar-right {
    margin-right: 0
}

.cros-navbar .navbar-right .dropdown .dropdown-toggle,
.cros-navbar .secondary-menu-mobile .dropdown .dropdown-toggle,
.cros-navbar .navbar-right .lang-btn .dropdown-toggle,
.cros-navbar .secondary-menu-mobile .lang-btn .dropdown-toggle,
.cros-navbar .navbar-right .dropdown .btn,
.cros-navbar .secondary-menu-mobile .dropdown .btn,
.cros-navbar .navbar-right .lang-btn .btn,
.cros-navbar .secondary-menu-mobile .lang-btn .btn,
.cros-navbar .navbar-right .dropdown .nav-link,
.cros-navbar .secondary-menu-mobile .dropdown .nav-link,
.cros-navbar .navbar-right .lang-btn .nav-link,
.cros-navbar .secondary-menu-mobile .lang-btn .nav-link {
    padding: .25rem 0
}

@media (min-width:992px) {

    .cros-navbar .navbar-right .dropdown .dropdown-toggle,
    .cros-navbar .secondary-menu-mobile .dropdown .dropdown-toggle,
    .cros-navbar .navbar-right .lang-btn .dropdown-toggle,
    .cros-navbar .secondary-menu-mobile .lang-btn .dropdown-toggle,
    .cros-navbar .navbar-right .dropdown .btn,
    .cros-navbar .secondary-menu-mobile .dropdown .btn,
    .cros-navbar .navbar-right .lang-btn .btn,
    .cros-navbar .secondary-menu-mobile .lang-btn .btn,
    .cros-navbar .navbar-right .dropdown .nav-link,
    .cros-navbar .secondary-menu-mobile .dropdown .nav-link,
    .cros-navbar .navbar-right .lang-btn .nav-link,
    .cros-navbar .secondary-menu-mobile .lang-btn .nav-link {
        padding: .5rem 0
    }
}

.cros-navbar .navbar-right .dropdown:not(last-child) .dropdown-toggle,
.cros-navbar .secondary-menu-mobile .dropdown:not(last-child) .dropdown-toggle,
.cros-navbar .navbar-right .lang-btn:not(last-child) .dropdown-toggle,
.cros-navbar .secondary-menu-mobile .lang-btn:not(last-child) .dropdown-toggle,
.cros-navbar .navbar-right .dropdown:not(last-child) .btn,
.cros-navbar .secondary-menu-mobile .dropdown:not(last-child) .btn,
.cros-navbar .navbar-right .lang-btn:not(last-child) .btn,
.cros-navbar .secondary-menu-mobile .lang-btn:not(last-child) .btn,
.cros-navbar .navbar-right .dropdown:not(last-child) .nav-link,
.cros-navbar .secondary-menu-mobile .dropdown:not(last-child) .nav-link,
.cros-navbar .navbar-right .lang-btn:not(last-child) .nav-link,
.cros-navbar .secondary-menu-mobile .lang-btn:not(last-child) .nav-link {
    margin-left: 1.25rem
}

.cros-navbar .user-info {
    display: none
}

.cros-navbar.navbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.cros-navbar.left-layout.primary {
    border-color: #0273d4
}

.cros-navbar.left-layout.dark {
    border-color: #101010
}

@media (min-width:992px) {
    .cros-navbar.left-layout.navbar-fixed-top {
        margin-left: 230px
    }
}

.cros-navbar.left-layout.navbar-fixed-top .pre-header {
    display: block
}

@media (min-width:992px) {
    .cros-navbar.left-layout .user_icon a span {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .cros-navbar.left-layout .user_icon a span.user-info {
        display: flex;
        align-items: center;
        margin-left: 4px
    }

    .cros-navbar.left-layout .user_icon a span.user-info:after {
        content: "";
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px dashed;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent
    }
}

@media (max-width:991px) {
    .cros-navbar {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        box-shadow: none !important
    }

    .cros-navbar.animation {
        -webkit-animation-duration: unset !important;
        animation-duration: unset !important;
        -webkit-animation-fill-mode: unset !important;
        animation-fill-mode: unset !important
    }

    .cros-navbar.slideInDown {
        -webkit-animation-name: none !important;
        animation-name: none !important
    }

    .cros-navbar .container {
        width: 100% !important;
        max-width: 100% !important
    }

    .cros-navbar .show .dropdown-menu {
        border-radius: 4px
    }

    .cros-navbar .navbar-header {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-grow: 1
    }

    .cros-navbar .navbar-header .logo-section {
        display: flex;
        align-items: center;
        margin-right: auto;
        min-height: 50px
    }

    .cros-navbar .navbar-header .logo-section .navbar-toggler {
        outline: none;
        margin: 0 15px;
        padding: 0;
        float: none;
        width: 30px;
        display: block;
        text-align: center;
        background-color: transparent !important;
        border: 0 none !important;
        border-radius: 0 !important
    }

    .cros-navbar .navbar-header .logo-section .navbar-toggler span {
        transition: .24s ease;
        color: #2a2e36
    }

    .cros-navbar .navbar-header .logo-section .navbar-toggler span:before {
        content: "三" !important;
        font-size: 21px;
        font-family: "Font Awesome 5 Pro";
        font-weight: 300;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1
    }

    .cros-navbar .navbar-header .logo-section .navbar-toggler.display span:before {
        content: "×" !important;
        font-size: 30px !important;
    }
}

.cros-navbar .navbar-header .logo-section {
    min-width: 145px
}

@media (max-width:633px) {
    .cros-navbar .navbar-header .logo-section {
        min-width: 100px
    }
}

.cros-navbar .navbar-header .logo-section .logo {
    display: flex;
    align-items: center;
    font-size: 1.3em;
    text-decoration: none;
    color: #2a2e36;
    font-weight: 900;
    white-space: nowrap
}

.cros-navbar .navbar-header .logo-section .logo img {
    max-width: 175px;
}

@media (max-width:633px) {
    .cros-navbar .navbar-header .logo-section .logo img {
        width: 80%
    }
}

.cros-navbar .nav .show>a,
.cros-navbar .nav .show>a:hover,
.cros-navbar .nav .show>a:focus {
    background-color: transparent
}

@media (max-width:991px) {
    .cros-navbar .navbar-nav {
        margin: 7.5px auto
    }
}

.cros-navbar .navbar-nav li {
    position: relative
}

.cros-navbar .navbar-nav li a {
    font-size: 16px;
    font-weight: 500;
    color: #2a2e36;
    text-decoration: none
}

.cros-navbar .navbar-nav li a .badge {
    position: absolute;
    top: -7px;
    right: -10px
}

@media (min-width:1280px) {
    .cros-navbar .navbar-nav li a {
        font-size: 17px
    }
}

.cros-navbar .navbar-nav li ul.dropdown-menu {
    background-color: #FFFFFF;
    background-clip: padding-box;
    padding: 0
}

.cros-navbar .navbar-nav li ul.dropdown-menu li a:not(.item-heading) {
    font-size: 14px;
    font-weight: 400;
    color: #2a2e36;
    padding: 7.5px 15px
}

.cros-navbar .navbar-nav li ul.dropdown-menu li a:not(.item-heading):hover,
.cros-navbar .navbar-nav li ul.dropdown-menu li a:not(.item-heading):focus,
.cros-navbar .navbar-nav li ul.dropdown-menu li a:not(.item-heading):active,
.cros-navbar .navbar-nav li ul.dropdown-menu li a:not(.item-heading).active>a,
.cros-navbar .navbar-nav li ul.dropdown-menu li a:not(.item-heading).active>a:hover,
.cros-navbar .navbar-nav li ul.dropdown-menu li a:not(.item-heading).active>a:focus {
    background-color: #0273d4;
    color: #FFFFFF
}

.cros-navbar .navbar-nav li ul.dropdown-menu li.nav-divider {
    display: none
}

@media (min-width:992px) {
    .cros-navbar .navbar-nav li ul.dropdown-menu {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        transition: all .3s ease-in;
        opacity: 0;
        visibility: hidden;
        display: block;
        padding: 0;
        margin-top: -4px;
        border-radius: 4px
    }

    .cros-navbar .navbar-nav li.dropdown.show ul.dropdown-menu {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }
}

.cros-navbar .navbar-nav li.Secondary_Navbar-Account.user_icon .nav-link {
    display: flex;
    align-items: center;
    justify-content: center
}

.cros-navbar .navbar-nav li.Secondary_Navbar-Account.user_icon .nav-link [class*="fa-"] {
    margin-right: -4px
}

@media (min-width:1200px) {
    .cros-navbar .navbar-nav li .nav-link {
        padding: 1rem
    }
}

.cros-navbar .navbar-nav>.show>a,
.cros-navbar .navbar-nav>.show>a:focus,
.cros-navbar .navbar-nav>.show>a:hover {
    background-color: transparent
}

@media (min-width:992px) {
    .cros-navbar .navbar-right .dropdown-menu {
        margin-top: 10px !important;
        right: 0;
        left: auto
    }

    .cros-navbar .navbar-right .dropdown-menu.dropdown-user {
        margin-top: -10px !important
    }
}

.cros-navbar .dropdown-tasks {
    width: 220px
}

.cros-navbar .dropdown-tasks li:first-child {
    border-top: 2px solid transparent !important
}

.cros-navbar .dropdown-tasks #langScroll,
.cros-navbar .dropdown-tasks #CurrencyScroll {
    max-height: 190px;
    overflow-y: auto;
    height: auto
}

.cros-navbar .dropdown-tasks li a:hover,
.cros-navbar .dropdown-tasks li a:focus {
    background-color: #EDF0F5 !important;
    color: #2a2e36 !important
}

.cros-navbar .dropdown-tasks .dropdown-header,
.cros-navbar .dropdown-tasks .dropdown-header:hover {
    color: #2a2e36
}

.cros-navbar .dropdown-tasks .dropdown-header:hover,
.cros-navbar .dropdown-tasks .dropdown-header:hover:hover {
    color: #2a2e36
}

.cros-navbar .dropdown-tasks .dropdown-footer,
.cros-navbar .dropdown-tasks .dropdown-footer a,
.cros-navbar .dropdown-tasks .dropdown-footer a:hover,
.cros-navbar .dropdown-tasks .dropdown-footer:hover {
    color: #FFFFFF !important;
    background: #0273d4 !important
}

.cros-navbar .dropdown-tasks.auto-width {
    width: auto
}

.cros-navbar .dropdown-user [class*="fa-"],
.cros-navbar .dropdown-search [class*="fa-"],
.cros-navbar .dropdown-user [class*="glyphicon-"],
.cros-navbar .dropdown-search [class*="glyphicon-"] {
    font-size: 14px
}

.cros-navbar .dropdown-scroll {
    padding: 0;
    margin: 0
}

.cros-navbar .dropdown-scroll .dropdown-header {
    padding: 10px;
    margin: 1px 1px 0;
    font-size: 14px
}

.cros-navbar .dropdown-scroll li {
    background: #FFFFFF;
    margin: 0;
    border-bottom: 1px dotted #D5DCE5
}

.cros-navbar .dropdown-scroll li:last-child {
    border-bottom: 0 none
}

.cros-navbar .dropdown-scroll li a {
    display: block;
    padding: 10px;
    color: #2a2e36 !important
}

.cros-navbar .dropdown-scroll li a .btn {
    margin-left: 0 !important;
    padding: 4px 10px !important
}

.cros-navbar .dropdown-scroll li a:hover {
    text-decoration: none !important;
    background-color: inherit
}

.cros-navbar .dropdown-scroll li a,
.cros-navbar .dropdown-scroll li p {
    font-size: 14px !important
}

.cros-navbar .dropdown-scroll .dropdown-footer {
    border-bottom: 0 none;
    display: block;
    text-align: center
}

.cros-navbar .dropdown-scroll .dropdown-footer a:after {
    content: "\f101";
    margin-left: 4px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400
}

.cros-navbar .dropdown-scroll p {
    margin: 0 0 0 10px
}

.cros-navbar .dropdown-scroll p.small {
    color: #999;
    margin-top: 3px;
    font-size: 85%
}

.cros-navbar .dropdown-scroll li a,
.cros-navbar .dropdown-scroll li a:hover,
.cros-navbar .dropdown-tasks li a:hover {
    color: #2a2e36
}

.cros-navbar .lang-btn .btn {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    border: 0 none;
    outline: 0 none !important;
    box-shadow: none !important
}

.cros-navbar .lang-btn .btn .iti-flag {
    margin-right: 4px
}

.cros-navbar .nocaret a:after {
    display: none
}

.cros-navbar .navbar-header .secondary-menu-mobile {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media (min-width:992px) {
    .cros-navbar .navbar-header .secondary-menu-mobile {
        display: none
    }
}

.cros-navbar .navbar-header .secondary-menu-mobile.nav li {
    position: relative
}

.cros-navbar .navbar-header .secondary-menu-mobile.nav li a {
    color: #2a2e36
}

.cros-navbar .navbar-header .secondary-menu-mobile.nav li a .badge {
    position: absolute;
    top: -7px;
    right: -10px
}

.cros-navbar .navbar-header .secondary-menu-mobile.nav li.user_icon .dropdown-menu {
    margin-top: 0
}

.cros-navbar .navbar-header .secondary-menu-mobile.nav li.user_icon .nav-link {
    display: flex;
    align-items: center;
    justify-content: center
}

.cros-navbar .navbar-header .secondary-menu-mobile.nav li.user_icon .nav-link [class*="fa-"] {
    margin-right: -4px
}

.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-toggle {
    font-size: 16px;
    color: #2a2e36;
    font-weight: 500
}

.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-toggle:hover,
.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-toggle:focus,
.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-toggle:active,
.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-toggle.active {
    background-color: transparent
}

.cros-navbar .navbar-header .secondary-menu-mobile.nav .show>a,
.cros-navbar .navbar-header .secondary-menu-mobile.nav .show>a:focus,
.cros-navbar .navbar-header .secondary-menu-mobile.nav .show>a:hover {
    background-color: transparent
}

.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-menu {
    margin-top: 6px;
    right: 0 !important;
    left: auto !important;
    float: right !important;
    padding: 0
}

.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-menu>li>a:hover,
.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-menu>li>a:focus,
.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-menu>.active>a,
.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-menu>.active>a:hover,
.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-menu>.active>a:focus,
.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-menu>.show>a,
.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-menu>.show>a:hover,
.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-menu>.show>a:focus {
    color: #FFFFFF;
    background-color: #0273d4
}

.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-menu li {
    float: none
}

.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-menu li a {
    font-size: 14px;
    font-weight: 400;
    padding: 7.5px 15px
}

.cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-menu li.nav-divider {
    display: none
}

.cros-navbar .navbar-header .top {
    padding: 0 15px
}

@media (max-width:991px) {
    .cros-navbar .navbar-header .top {
        display: flex;
        align-items: center;
        min-height: 56px
    }
}

.cros-navbar .tooltip-inner {
    margin-left: -200px;
    min-width: 250px;
    width: 250px
}

@media (max-width:633px) {
    .cros-navbar .navbar-header .top {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (min-width:992px) {
    .cros-navbar.navbar-fixed-top .pre-header {
        display: none
    }

    .cros-navbar .navbar-nav {
        float: none !important;
        display: flex !important;
        flex-direction: row;
        justify-content: center !important;
        align-items: center
    }
}

.cros-navbar.primary,
.cros-navbar.dark {
    background-color: #0273d4
}

.cros-navbar.primary .navbar-nav li a,
.cros-navbar.dark .navbar-nav li a {
    color: #FFFFFF
}

.cros-navbar.primary .navbar-nav li a:hover,
.cros-navbar.dark .navbar-nav li a:hover,
.cros-navbar.primary .navbar-nav li a:focus,
.cros-navbar.dark .navbar-nav li a:focus,
.cros-navbar.primary .navbar-nav li a:active,
.cros-navbar.dark .navbar-nav li a:active,
.cros-navbar.primary .navbar-nav li a.active,
.cros-navbar.dark .navbar-nav li a.active {
    background-color: transparent
}

.cros-navbar.primary .navbar-nav li a .badge,
.cros-navbar.dark .navbar-nav li a .badge {
    background-color: #FFFFFF !important;
    color: #2a2e36
}

.cros-navbar.primary .navbar-nav li.show a.dropdown-toggle,
.cros-navbar.dark .navbar-nav li.show a.dropdown-toggle {
    background-color: transparent;
    color: #FFFFFF
}

.cros-navbar.primary .navbar-nav li.show a.dropdown-toggle:hover,
.cros-navbar.dark .navbar-nav li.show a.dropdown-toggle:hover,
.cros-navbar.primary .navbar-nav li.show a.dropdown-toggle:focus,
.cros-navbar.dark .navbar-nav li.show a.dropdown-toggle:focus,
.cros-navbar.primary .navbar-nav li.show a.dropdown-toggle:active,
.cros-navbar.dark .navbar-nav li.show a.dropdown-toggle:active,
.cros-navbar.primary .navbar-nav li.show a.dropdown-toggle.active,
.cros-navbar.dark .navbar-nav li.show a.dropdown-toggle.active {
    background-color: transparent;
    color: #FFFFFF
}

.cros-navbar.primary .navbar-nav li.Secondary_Navbar-Account.user_icon .nav-link img,
.cros-navbar.dark .navbar-nav li.Secondary_Navbar-Account.user_icon .nav-link img,
.cros-navbar.primary .navbar-nav li.Secondary_Navbar-Account.user_icon .nav-link [class*="fa-"],
.cros-navbar.dark .navbar-nav li.Secondary_Navbar-Account.user_icon .nav-link [class*="fa-"] {
    border: 2px solid rgba(255, 255, 255, 0.2)
}

.cros-navbar.primary .lang-btn .btn,
.cros-navbar.dark .lang-btn .btn {
    color: #FFFFFF
}

.cros-navbar.primary .tswicther[type=checkbox]+span,
.cros-navbar.dark .tswicther[type=checkbox]+span {
    color: #FFFFFF
}

.cros-navbar.primary .navbar-header .secondary-menu-mobile.nav .dropdown-toggle,
.cros-navbar.dark .navbar-header .secondary-menu-mobile.nav .dropdown-toggle {
    background-color: transparent;
    color: #FFFFFF
}

.cros-navbar.primary .navbar-header .secondary-menu-mobile.nav .dropdown-toggle:hover,
.cros-navbar.dark .navbar-header .secondary-menu-mobile.nav .dropdown-toggle:hover,
.cros-navbar.primary .navbar-header .secondary-menu-mobile.nav .dropdown-toggle:focus,
.cros-navbar.dark .navbar-header .secondary-menu-mobile.nav .dropdown-toggle:focus,
.cros-navbar.primary .navbar-header .secondary-menu-mobile.nav .dropdown-toggle:active,
.cros-navbar.dark .navbar-header .secondary-menu-mobile.nav .dropdown-toggle:active,
.cros-navbar.primary .navbar-header .secondary-menu-mobile.nav .dropdown-toggle.active,
.cros-navbar.dark .navbar-header .secondary-menu-mobile.nav .dropdown-toggle.active {
    background-color: transparent
}

.cros-navbar.primary .navbar-header .secondary-menu-mobile.nav .dropdown-toggle .badge,
.cros-navbar.dark .navbar-header .secondary-menu-mobile.nav .dropdown-toggle .badge {
    background-color: #FFFFFF !important;
    color: #2a2e36
}

.cros-navbar.primary .navbar-header .secondary-menu-mobile.nav .Secondary_Navbar-Account.user_icon .nav-link img,
.cros-navbar.dark .navbar-header .secondary-menu-mobile.nav .Secondary_Navbar-Account.user_icon .nav-link img,
.cros-navbar.primary .navbar-header .secondary-menu-mobile.nav .Secondary_Navbar-Account.user_icon .nav-link [class*="fa-"],
.cros-navbar.dark .navbar-header .secondary-menu-mobile.nav .Secondary_Navbar-Account.user_icon .nav-link [class*="fa-"] {
    border: 2px solid rgba(255, 255, 255, 0.2)
}

.cros-navbar.primary .navbar-header .logo-section .navbar-toggler span,
.cros-navbar.dark .navbar-header .logo-section .navbar-toggler span {
    color: #FFFFFF
}

.cros-navbar.primary .navbar-header .logo-section .logo,
.cros-navbar.dark .navbar-header .logo-section .logo {
    color: #FFFFFF
}

.cros-navbar.primary .logo-light,
.cros-navbar.dark .logo-light {
    display: none
}

.cros-navbar.primary .logo-dark,
.cros-navbar.dark .logo-dark {
    display: block
}

.cros-navbar.dark .navbar-nav li ul.dropdown-menu li a:hover,
.cros-navbar.dark .navbar-nav li.show ul.dropdown-menu li a:hover,
.cros-navbar.dark .navbar-nav li ul.dropdown-menu li a:focus,
.cros-navbar.dark .navbar-nav li.show ul.dropdown-menu li a:focus {
    background-color: #101010
}

.cros-navbar.dark .navbar-header .secondary-menu-mobile .dropdown-menu>li>a:hover,
.cros-navbar.dark .navbar-header .secondary-menu-mobile .dropdown-menu>li>a:focus,
.cros-navbar.dark .navbar-header .secondary-menu-mobile .dropdown-menu>.active>a,
.cros-navbar.dark .navbar-header .secondary-menu-mobile .dropdown-menu>.active>a:hover,
.cros-navbar.dark .navbar-header .secondary-menu-mobile .dropdown-menu>.active>a:focus,
.cros-navbar.dark .navbar-header .secondary-menu-mobile .dropdown-menu>.show>a,
.cros-navbar.dark .navbar-header .secondary-menu-mobile .dropdown-menu>.show>a:hover,
.cros-navbar.dark .navbar-header .secondary-menu-mobile .dropdown-menu>.show>a:focus {
    color: #FFFFFF;
    background-color: #101010
}

.cros-navbar.dark .mega-menu p,
.cros-navbar.dark .mega-menu h1,
.cros-navbar.dark .mega-menu h2,
.cros-navbar.dark .mega-menu h3,
.cros-navbar.dark .mega-menu h4,
.cros-navbar.dark .mega-menu h5,
.cros-navbar.dark .mega-menu h6,
.cros-navbar.dark .mega-menu .h1,
.cros-navbar.dark .mega-menu .h2,
.cros-navbar.dark .mega-menu .h3,
.cros-navbar.dark .mega-menu .h4,
.cros-navbar.dark .mega-menu .h5,
.cros-navbar.dark .mega-menu .h6 {
    color: #2a2e36
}

.cros-navbar.submenu1 .navbar-nav li ul.dropdown-menu,
.cros-navbar.submenu1 .navbar-nav li.show ul.dropdown-menu {
    background-color: #0273d4
}

.cros-navbar.submenu1 .navbar-nav li ul.dropdown-menu li a,
.cros-navbar.submenu1 .navbar-nav li.show ul.dropdown-menu li a {
    color: #FFFFFF
}

.cros-navbar.submenu1 .navbar-nav li ul.dropdown-menu li a:hover,
.cros-navbar.submenu1 .navbar-nav li.show ul.dropdown-menu li a:hover,
.cros-navbar.submenu1 .navbar-nav li ul.dropdown-menu li a:focus,
.cros-navbar.submenu1 .navbar-nav li.show ul.dropdown-menu li a:focus {
    background-color: transparent;
    text-decoration: underline
}

.cros-navbar.submenu1 .navbar-nav li ul.dropdown-menu:after,
.cros-navbar.submenu1 .navbar-nav li.show ul.dropdown-menu:after {
    left: 8px;
    right: auto;
    top: -8px;
    width: 0;
    height: 0;
    z-index: 2;
    content: " ";
    display: block;
    position: absolute;
    border-bottom: 8px solid #0273d4;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.cros-navbar.submenu1 .navbar-nav.navbar-right li ul.dropdown-menu:after,
.cros-navbar.submenu1 .navbar-nav.navbar-right li.show ul.dropdown-menu:after {
    left: auto;
    right: 8px
}

.cros-navbar.submenu1 .navbar-nav .dropdown-tasks .dropdown-header {
    background-color: #0273d4;
    color: #FFFFFF
}

.cros-navbar.submenu1 .navbar-nav .dropdown-header {
    color: #FFFFFF
}

.cros-navbar.submenu1 .navbar-header .secondary-menu-mobile .dropdown-menu {
    background-color: #0273d4
}

.cros-navbar.submenu1 .navbar-header .secondary-menu-mobile .dropdown-menu>li>a {
    color: #FFFFFF
}

.cros-navbar.submenu1 .navbar-header .secondary-menu-mobile .dropdown-menu>li>a:hover,
.cros-navbar.submenu1 .navbar-header .secondary-menu-mobile .dropdown-menu>li>a:focus,
.cros-navbar.submenu1 .navbar-header .secondary-menu-mobile .dropdown-menu>.active>a,
.cros-navbar.submenu1 .navbar-header .secondary-menu-mobile .dropdown-menu>.active>a:hover,
.cros-navbar.submenu1 .navbar-header .secondary-menu-mobile .dropdown-menu>.active>a:focus,
.cros-navbar.submenu1 .navbar-header .secondary-menu-mobile .dropdown-menu>.show>a,
.cros-navbar.submenu1 .navbar-header .secondary-menu-mobile .dropdown-menu>.show>a:hover,
.cros-navbar.submenu1 .navbar-header .secondary-menu-mobile .dropdown-menu>.show>a:focus {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: underline
}

.cros-navbar.submenu1 .navbar-header .secondary-menu-mobile .dropdown-menu:after {
    left: auto;
    right: 8px;
    top: -8px;
    width: 0;
    height: 0;
    z-index: 2;
    content: " ";
    display: block;
    position: absolute;
    border-bottom: 8px solid #0273d4;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.cros-navbar.submenu1 .navbar-header .secondary-menu-mobile .dropdown-header {
    color: #FFFFFF
}

.cros-navbar.submenu2 .navbar-nav li ul.dropdown-menu,
.cros-navbar.submenu2 .navbar-nav li.show ul.dropdown-menu {
    background-color: #101010
}

.cros-navbar.submenu2 .navbar-nav li ul.dropdown-menu li a,
.cros-navbar.submenu2 .navbar-nav li.show ul.dropdown-menu li a {
    color: #FFFFFF
}

.cros-navbar.submenu2 .navbar-nav li ul.dropdown-menu li a:hover,
.cros-navbar.submenu2 .navbar-nav li.show ul.dropdown-menu li a:hover,
.cros-navbar.submenu2 .navbar-nav li ul.dropdown-menu li a:focus,
.cros-navbar.submenu2 .navbar-nav li.show ul.dropdown-menu li a:focus {
    background-color: transparent;
    text-decoration: underline
}

.cros-navbar.submenu2 .navbar-nav li ul.dropdown-menu:after,
.cros-navbar.submenu2 .navbar-nav li.show ul.dropdown-menu:after {
    left: 8px;
    right: auto;
    top: -8px;
    width: 0;
    height: 0;
    z-index: 2;
    content: " ";
    display: block;
    position: absolute;
    border-bottom: 8px solid #101010;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.cros-navbar.submenu2 .navbar-nav.navbar-right li ul.dropdown-menu:after,
.cros-navbar.submenu2 .navbar-nav.navbar-right li.show ul.dropdown-menu:after {
    left: auto;
    right: 8px
}

.cros-navbar.submenu2 .navbar-nav .dropdown-tasks .dropdown-header {
    background-color: #101010;
    color: #FFFFFF
}

.cros-navbar.submenu2 .navbar-nav .dropdown-header {
    color: #FFFFFF
}

.cros-navbar.submenu2 .navbar-header .secondary-menu-mobile .dropdown-menu {
    background-color: #101010
}

.cros-navbar.submenu2 .navbar-header .secondary-menu-mobile .dropdown-menu>li>a {
    color: #FFFFFF
}

.cros-navbar.submenu2 .navbar-header .secondary-menu-mobile .dropdown-menu>li>a:hover,
.cros-navbar.submenu2 .navbar-header .secondary-menu-mobile .dropdown-menu>li>a:focus,
.cros-navbar.submenu2 .navbar-header .secondary-menu-mobile .dropdown-menu>.active>a,
.cros-navbar.submenu2 .navbar-header .secondary-menu-mobile .dropdown-menu>.active>a:hover,
.cros-navbar.submenu2 .navbar-header .secondary-menu-mobile .dropdown-menu>.active>a:focus,
.cros-navbar.submenu2 .navbar-header .secondary-menu-mobile .dropdown-menu>.show>a,
.cros-navbar.submenu2 .navbar-header .secondary-menu-mobile .dropdown-menu>.show>a:hover,
.cros-navbar.submenu2 .navbar-header .secondary-menu-mobile .dropdown-menu>.show>a:focus {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: underline
}

.cros-navbar.submenu2 .navbar-header .secondary-menu-mobile .dropdown-menu:after {
    left: auto;
    right: 8px;
    top: -8px;
    width: 0;
    height: 0;
    z-index: 2;
    content: " ";
    display: block;
    position: absolute;
    border-bottom: 8px solid #101010;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.cros-navbar.submenu2 .navbar-header .secondary-menu-mobile .dropdown-header {
    color: #FFFFFF
}

.cros-navbar.submenu1 h1,
.cros-navbar.submenu2 h1,
.cros-navbar.submenu1 h2,
.cros-navbar.submenu2 h2,
.cros-navbar.submenu1 h3,
.cros-navbar.submenu2 h3,
.cros-navbar.submenu1 h4,
.cros-navbar.submenu2 h4,
.cros-navbar.submenu1 h5,
.cros-navbar.submenu2 h5,
.cros-navbar.submenu1 .h1,
.cros-navbar.submenu2 .h1,
.cros-navbar.submenu1 .h2,
.cros-navbar.submenu2 .h2,
.cros-navbar.submenu1 .h3,
.cros-navbar.submenu2 .h3,
.cros-navbar.submenu1 .h4,
.cros-navbar.submenu2 .h4,
.cros-navbar.submenu1 .h5,
.cros-navbar.submenu2 .h5,
.cros-navbar.submenu1 p,
.cros-navbar.submenu2 p,
.cros-navbar.submenu1 .html-item,
.cros-navbar.submenu2 .html-item {
    color: #FFFFFF
}

.cros-navbar.submenu1 .item-with-icons .item-icon,
.cros-navbar.submenu2 .item-with-icons .item-icon {
    color: #FFFFFF
}

.cros-navbar.submenu1 .item-with-icons .menu-name,
.cros-navbar.submenu2 .item-with-icons .menu-name,
.cros-navbar.submenu1 .item-with-icons .menu-name span,
.cros-navbar.submenu2 .item-with-icons .menu-name span {
    color: #FFFFFF
}

.cros-navbar.submenu1 .mega-menu ul li a:hover,
.cros-navbar.submenu2 .mega-menu ul li a:hover,
.cros-navbar.submenu1 .mega-menu ul li a:focus,
.cros-navbar.submenu2 .mega-menu ul li a:focus {
    color: #FFFFFF !important
}

@media (min-width:992px) {

    .cros-navbar.menu-hover .navbar-nav li:hover ul.dropdown-menu,
    .cros-navbar.menu-hover .navbar-nav li:focus ul.dropdown-menu {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }
}

section#header {
    padding: 0
}

.pre-header {
    background-color: #101010;
    padding: 7.5px 0;
    color: #FFFFFF;
    border-bottom: 1px solid transparent;
    width: 100%
}

.pre-header .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: block
}

.pre-header ul {
    margin: 0
}

.pre-header ul li {
    padding-right: 15px;
    border-right: 1px solid #D5DCE5
}

.pre-header ul li:first-child {
    padding-left: 0
}

.pre-header ul li:last-child {
    border-right: 0 none;
    padding-right: 0
}

.pre-header ul li a {
    position: relative;
    color: #FFFFFF
}

.pre-header ul li a .badge {
    position: absolute;
    top: -7px;
    right: -10px
}

.pre-header ul li a:hover,
.pre-header ul li a:focus,
.pre-header ul li a.active,
.pre-header ul li a:active {
    text-decoration: none
}

.pre-header ul li.lang-btn {
    padding-left: 5px
}

.pre-header ul li.lang-btn .btn {
    display: flex;
    align-items: center;
    background-color: transparent !important;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
    border: 0 none;
    padding: 0
}

.pre-header ul li.lang-btn .btn .iti-flag {
    margin-right: 4px
}

.pre-header ul li.nocaret .dropdown-toggle:after {
    display: none
}

.pre-header ul li#taskScroll {
    padding: 0
}

.pre-header ul li#taskScroll ul li {
    padding: 0
}

.pre-header.primary {
    background-color: #0273d4
}

.pre-header.primary li a .badge {
    background-color: #FFFFFF !important;
    color: #2a2e36
}

.pre-header.light {
    background-color: #EDF0F5;
    border-bottom: 1px solid #D5DCE5
}

.pre-header.light li a {
    color: #2a2e36
}

.pre-header.light li.lang-btn .btn {
    color: #2a2e36
}

@media (max-width:389px) {
    .cros-navbar .navbar-header .logo-section .navbar-toggler {
        margin: 0 4px 0 10px
    }

    .cros-navbar .navbar-header .top {
        padding: 4px 10px 4px 4px
    }

    .cros-navbar .navbar-right .dropdown:not(last-child) .dropdown-toggle,
    .cros-navbar .secondary-menu-mobile .dropdown:not(last-child) .dropdown-toggle,
    .cros-navbar .navbar-right .lang-btn:not(last-child) .dropdown-toggle,
    .cros-navbar .secondary-menu-mobile .lang-btn:not(last-child) .dropdown-toggle,
    .cros-navbar .navbar-right .dropdown:not(last-child) .btn,
    .cros-navbar .secondary-menu-mobile .dropdown:not(last-child) .btn,
    .cros-navbar .navbar-right .lang-btn:not(last-child) .btn,
    .cros-navbar .secondary-menu-mobile .lang-btn:not(last-child) .btn,
    .cros-navbar .navbar-right .dropdown:not(last-child) .nav-link,
    .cros-navbar .secondary-menu-mobile .dropdown:not(last-child) .nav-link,
    .cros-navbar .navbar-right .lang-btn:not(last-child) .nav-link,
    .cros-navbar .secondary-menu-mobile .lang-btn:not(last-child) .nav-link {
        margin-left: .5rem
    }

    .pre-header [class*="col-"]:first-child {
        padding-left: 10px;
        padding-right: 0
    }

    .pre-header [class*="col-"]:last-child {
        padding-left: 0;
        padding-right: 10px
    }
}

.navbar-side {
    background: #EDF0F5;
    width: 270px;
    position: fixed;
    border-width: 0 1px 0 0;
    z-index: 1027;
    box-shadow: 13px 19px 45px -24px rgba(0, 0, 0, 0.72)
}

.navbar-side .slimScrollBar {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important
}

.navbar-side .logo {
    display: flex;
    align-items: center;
    padding: 30px 15px;
    font-size: 1.3em;
    text-decoration: none;
    color: #2a2e36;
    font-weight: 900;
    white-space: nowrap
}

.navbar-side .logo img {
    height: 40px;
    max-height: 40px
}

.navbar-side .navbar-nav {
    margin: 0;
    display: block
}

.navbar-side .side-nav {
    border-radius: 0;
    border: none;
    float: none
}

.navbar-side .side-nav li {
    border-bottom: 0 none;
    float: none
}

.navbar-side .side-nav li>a {
    color: #2a2e36;
    background-color: #EDF0F5;
    outline: none;
    padding: 15px;
    text-shadow: none !important;
    display: block;
    text-decoration: none !important;
    transition: all .3s ease-in-out
}

.navbar-side .side-nav li>a .mtext {
    margin-left: 4px
}

.navbar-side .side-nav li>a .fa,
.navbar-side .side-nav li>a .fas,
.navbar-side .side-nav li>a far,
.navbar-side .side-nav li>a .fal,
.navbar-side .side-nav li>a .fab,
.navbar-side .side-nav li>a .fad,
.navbar-side .side-nav li>a .glyphicon {
    font-size: 17px
}

.navbar-side .side-nav li>a .fa,
.navbar-side .side-nav li>a .fas,
.navbar-side .side-nav li>a far,
.navbar-side .side-nav li>a .fal,
.navbar-side .side-nav li>a .fab,
.navbar-side .side-nav li>a .fad {
    min-width: 20px
}

.navbar-side .side-nav li>a .glyphicon {
    min-width: 21px
}

.navbar-side .side-nav li>a.active {
    border-color: #0273d4;
    color: #0273d4
}

.navbar-side .side-nav li>a.active .fa,
.navbar-side .side-nav li>a.active .fas,
.navbar-side .side-nav li>a.active far,
.navbar-side .side-nav li>a.active .fal,
.navbar-side .side-nav li>a.active .fab,
.navbar-side .side-nav li>a.active .fad,
.navbar-side .side-nav li>a.active .glyphicon {
    color: #0273d4
}

.navbar-side .side-nav li>a.active:after {
    display: block;
    content: "";
    position: absolute !important;
    right: 0;
    top: 4px;
    border-color: transparent #0273d4 transparent transparent;
    border-width: 16px 10px;
    border-style: solid
}

.navbar-side .side-nav li>a.active:hover,
.navbar-side .side-nav li>a.active:focus {
    border-color: #0273d4
}

.navbar-side .side-nav li>a:hover .mtext,
.navbar-side .side-nav li>a:focus .mtext,
.navbar-side .side-nav li>a:active .mtext {
    color: #000
}

.navbar-side .side-nav li.panel {
    border-width: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none !important
}

.navbar-side .side-nav li.panel ul li {
    border-top: none;
    border-bottom: none;
    position: relative;
    width: 100%
}

.navbar-side .side-nav li.panel ul li:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 18px;
    top: 0;
    bottom: 0;
    border: 1px dotted;
    border-width: 0 0 0 1px;
    border-color: #D5DCE5
}

.navbar-side .side-nav li.panel ul li a {
    color: #FFFFFF;
    background-color: transparent;
    padding: 7px 0 9px 37px;
    font-size: .875rem
}

.navbar-side .side-nav li.panel ul li a.active {
    color: #0273d4
}

.navbar-side .side-nav li.panel ul li a:before {
    content: "";
    display: block;
    width: 7px;
    position: absolute;
    z-index: 1;
    left: 20px;
    top: 17px;
    border: 1px dotted;
    border-width: 1px 0 0;
    border-color: #D5DCE5
}

.navbar-side .side-nav li.panel ul li a:hover,
.navbar-side .side-nav li.panel ul li a:focus,
.navbar-side .side-nav li.panel ul li a:active {
    color: #FFFFFF
}

.navbar-side .side-nav li.panel.open a {
    background-color: #0273d4
}

.navbar-side .side-nav li.panel.open a .mtext {
    color: #FFFFFF
}

.navbar-side .side-nav li.panel.open .fa,
.navbar-side .side-nav li.panel.open .fas,
.navbar-side .side-nav li.panel.open far,
.navbar-side .side-nav li.panel.open .fal,
.navbar-side .side-nav li.panel.open .fab,
.navbar-side .side-nav li.panel.open .fad,
.navbar-side .side-nav li.panel.open .glyphicon {
    color: #FFFFFF
}

.navbar-side .side-nav li.panel.open li .fa,
.navbar-side .side-nav li.panel.open li .fas,
.navbar-side .side-nav li.panel.open li far,
.navbar-side .side-nav li.panel.open li .fal,
.navbar-side .side-nav li.panel.open li .fab,
.navbar-side .side-nav li.panel.open li .fad,
.navbar-side .side-nav li.panel.open li .glyphicon {
    color: #FFFFFF
}

.navbar-side .side-nav li.dropdown-megamenu .dropdown-mega [class*="col-"] {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    flex: 1 1 100%
}

.navbar-side .side-nav li.dropdown-megamenu .dropdown-mega [class*="col-"].col-html {
    margin: 20px 0;
    color: #FFFFFF
}

.navbar-side .side-nav li.dropdown-megamenu .dropdown-mega [class*="col-"].col-html h1,
.navbar-side .side-nav li.dropdown-megamenu .dropdown-mega [class*="col-"].col-html h2,
.navbar-side .side-nav li.dropdown-megamenu .dropdown-mega [class*="col-"].col-html h3,
.navbar-side .side-nav li.dropdown-megamenu .dropdown-mega [class*="col-"].col-html h4,
.navbar-side .side-nav li.dropdown-megamenu .dropdown-mega [class*="col-"].col-html h5,
.navbar-side .side-nav li.dropdown-megamenu .dropdown-mega [class*="col-"].col-html h6,
.navbar-side .side-nav li.dropdown-megamenu .dropdown-mega [class*="col-"].col-html .h1,
.navbar-side .side-nav li.dropdown-megamenu .dropdown-mega [class*="col-"].col-html .h2,
.navbar-side .side-nav li.dropdown-megamenu .dropdown-mega [class*="col-"].col-html .h3,
.navbar-side .side-nav li.dropdown-megamenu .dropdown-mega [class*="col-"].col-html .h4,
.navbar-side .side-nav li.dropdown-megamenu .dropdown-mega [class*="col-"].col-html .h5,
.navbar-side .side-nav li.dropdown-megamenu .dropdown-mega [class*="col-"].col-html .h6 {
    margin-top: 0;
    color: #FFFFFF
}

.navbar-side .side-nav li.dropdown-megamenu .dropdown-mega [class*="col-"].col-html a {
    padding: 0;
    display: block
}

.navbar-side .side-nav li.dropdown-megamenu .dropdown-mega [class*="col-"].col-html .menu-name {
    display: none
}

.navbar-side .side-nav li.dropdown-megamenu .dropdown-mega [class*="col-"].col-html .img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.navbar-side .side-nav li.dropdown-megamenu.panel ul li:before {
    display: none
}

.navbar-side .side-nav li.dropdown-megamenu.panel ul li a {
    padding: 7px 0 9px 0;
    background-color: transparent !important
}

.navbar-side .side-nav li.dropdown-megamenu.panel ul li a:before {
    display: none
}

.navbar-side .side-nav li.dropdown-megamenu.panel ul li ul li {
    position: relative
}

.navbar-side .side-nav li.dropdown-megamenu.panel ul li ul li:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 18px;
    top: 0;
    bottom: 0;
    border: 1px dotted;
    border-width: 0 0 0 1px;
    border-color: #D5DCE5
}

.navbar-side .side-nav li.dropdown-megamenu.panel ul li ul li a {
    padding: 7px 0 9px 37px
}

.navbar-side .side-nav li.dropdown-megamenu.panel ul li ul li a:before {
    content: "";
    display: block;
    width: 7px;
    position: absolute;
    z-index: 1;
    left: 20px;
    top: 17px;
    border: 1px dotted;
    border-width: 1px 0 0;
    border-color: #D5DCE5
}

.navbar-side .side-nav li.dropdown-megamenu.panel ul li.menu-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #D5DCE5;
    width: 100%
}

.navbar-side .side-nav li.dropdown-megamenu.panel ul li.menu-divider a {
    visibility: hidden
}

.navbar-side .side-nav li.mega-menu:before {
    display: none !important
}

.navbar-side .side-nav li.mega-menu .menu-small-box {
    color: #FFFFFF
}

.navbar-side .side-nav li.mega-menu .menu-small-box .item-with-icons {
    border-bottom-style: dotted
}

.navbar-side .side-nav li.mega-menu .menu-small-box .menu-name {
    color: #FFFFFF
}

.navbar-side .side-nav li.mega-menu .menu-small-box .menu-name span {
    display: block
}

.navbar-side .side-nav li .menu-name span {
    display: inline-block
}

.navbar-side .side-nav .arrow {
    float: right;
    text-align: center;
    margin-top: 3px
}

.navbar-side .side-nav .fa.arrow:before {
    content: "\f104"
}

.navbar-side .side-nav .open>a>.fa.arrow:before {
    content: "\f107"
}

.navbar-side .side-nav .badge,
.navbar-side .side-nav .label {
    position: absolute;
    top: 11px;
    right: 15px
}

.navbar-side .side-nav a.accordion-toggle .badge,
.navbar-side .side-nav a.accordion-toggle .label {
    right: 30px
}

.navbar-side .side-nav .nav {
    background: #0273d4
}

.navbar-side .side-nav .nav>li>a {
    padding: 10px 7.5px
}

.navbar-side .side-nav .nav .nav-divider {
    display: none
}

.navbar-side .media {
    padding: 1px 0 2px
}

.navbar-side .media .sidebar-shortcuts {
    display: block;
    padding: 10px;
    list-style: none;
    margin-bottom: 0
}

.navbar-side .media .sidebar-shortcuts li {
    display: inline-block;
    position: relative
}

.navbar-side .media .sidebar-shortcuts li .btn {
    padding: 5px 10px;
    line-height: 1.5
}

.navbar-side .media .sidebar-shortcuts li .badge {
    position: absolute;
    top: -7px;
    right: -1px;
    padding: 3px 5px;
    font-size: 10px;
    border: 0 none;
    color: #FFFFFF
}

.navbar-side .media .sidebar-shortcuts a .fa,
.navbar-side .media .sidebar-shortcuts a .fas,
.navbar-side .media .sidebar-shortcuts a .far,
.navbar-side .media .sidebar-shortcuts a .fal,
.navbar-side .media .sidebar-shortcuts a .fab,
.navbar-side .media .sidebar-shortcuts a .fad {
    font-size: 15px
}

.navbar-side .user-profile {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    padding: 15px 0;
    border-bottom: 1px solid #D5DCE5
}

.navbar-side .user-profile img {
    width: 60px;
    height: 60px;
    border: 3px solid #D5DCE5;
    border-radius: 4px;
    margin-bottom: 4px
}

.navbar-side .media-search {
    padding: 4px 10px
}

.navbar-side .media-search .input-menu {
    border: 1px solid #D5DCE5;
    font-size: 13px;
    color: #999;
    width: 100%;
    background-color: #fafbfc !important;
    padding: 7.5px;
    margin: 4px 0;
    padding-left: 33px !important;
    border-radius: 4px
}

.navbar-side .media-search .input-menu:focus {
    box-shadow: none;
    outline: 0 none;
    transition-duration: .1s
}

.navbar-side .media-search .input-icon {
    position: relative
}

.navbar-side .media-search .input-icon [class*="fa-"],
.navbar-side .media-search .input-icon [class^="fa-"],
.navbar-side .media-search .input-icon [class*=" glyphicon-"],
.navbar-side .media-search .input-icon [class^="glyphicon-"] {
    display: block;
    position: absolute;
    margin: 14px 2px 4px 10px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    font-size: 16px;
    color: #3a3f4a
}

.navbar-side .media,
.navbar-side .media-search,
.navbar-side .sidebar-labels {
    border-bottom: 1px solid #D5DCE5
}

.navbar-side.no-sidebar {
    display: none
}

.navbar-side.no-sidebar:hover,
.navbar-side.no-sidebar:focus {
    display: none
}

.navbar-side.primary {
    background-color: #0273d4
}

.navbar-side.primary .logo,
.navbar-side.dark .logo {
    color: #FFFFFF
}

.navbar-side.primary .side-nav li>a,
.navbar-side.dark .side-nav li>a {
    color: #FFFFFF;
    background-color: #0273d4
}

.navbar-side.primary .side-nav li>a .fa,
.navbar-side.dark .side-nav li>a .fa,
.navbar-side.primary .side-nav li>a .glyphicon,
.navbar-side.dark .side-nav li>a .glyphicon {
    color: #FFFFFF
}

.navbar-side.primary .side-nav li>a.active,
.navbar-side.dark .side-nav li>a.active {
    border-color: #0273d4;
    color: #FFFFFF
}

.navbar-side.primary .side-nav li>a.active .fa,
.navbar-side.dark .side-nav li>a.active .fa,
.navbar-side.primary .side-nav li>a.active .fas,
.navbar-side.dark .side-nav li>a.active .fas,
.navbar-side.primary .side-nav li>a.active far,
.navbar-side.dark .side-nav li>a.active far,
.navbar-side.primary .side-nav li>a.active .fal,
.navbar-side.dark .side-nav li>a.active .fal,
.navbar-side.primary .side-nav li>a.active .fab,
.navbar-side.dark .side-nav li>a.active .fab,
.navbar-side.primary .side-nav li>a.active .fad,
.navbar-side.dark .side-nav li>a.active .fad,
.navbar-side.primary .side-nav li>a.active .glyphicon,
.navbar-side.dark .side-nav li>a.active .glyphicon {
    color: #FFFFFF
}

.navbar-side.primary .side-nav li>a.active:after,
.navbar-side.dark .side-nav li>a.active:after {
    border-color: transparent #0273d4 transparent transparent
}

.navbar-side.primary .side-nav li>a.active:hover,
.navbar-side.dark .side-nav li>a.active:hover,
.navbar-side.primary .side-nav li>a.active:focus,
.navbar-side.dark .side-nav li>a.active:focus {
    border-color: #0273d4
}

.navbar-side.primary .side-nav li>a:hover .mtext,
.navbar-side.dark .side-nav li>a:hover .mtext,
.navbar-side.primary .side-nav li>a:focus .mtext,
.navbar-side.dark .side-nav li>a:focus .mtext,
.navbar-side.primary .side-nav li>a:active .mtext,
.navbar-side.dark .side-nav li>a:active .mtext {
    color: #FFFFFF
}

.navbar-side.primary .side-nav li.panel ul li:before,
.navbar-side.dark .side-nav li.panel ul li:before {
    border-color: #D5DCE5
}

.navbar-side.primary .side-nav li.panel ul li a,
.navbar-side.dark .side-nav li.panel ul li a {
    color: #FFFFFF;
    background-color: transparent
}

.navbar-side.primary .side-nav li.panel ul li a.active,
.navbar-side.dark .side-nav li.panel ul li a.active {
    color: #FFFFFF
}

.navbar-side.primary .side-nav li.panel ul li a:before,
.navbar-side.dark .side-nav li.panel ul li a:before {
    border-color: #D5DCE5
}

.navbar-side.primary .side-nav li.panel ul li a:hover,
.navbar-side.dark .side-nav li.panel ul li a:hover,
.navbar-side.primary .side-nav li.panel ul li a:focus,
.navbar-side.dark .side-nav li.panel ul li a:focus,
.navbar-side.primary .side-nav li.panel ul li a:active,
.navbar-side.dark .side-nav li.panel ul li a:active {
    color: #FFFFFF
}

.navbar-side.primary .side-nav li.panel.open a,
.navbar-side.dark .side-nav li.panel.open a {
    background-color: #027be3
}

.navbar-side.primary .side-nav li.panel.open a .mtext,
.navbar-side.dark .side-nav li.panel.open a .mtext {
    color: #FFFFFF
}

.navbar-side.primary .side-nav li.panel.open .fa,
.navbar-side.dark .side-nav li.panel.open .fa,
.navbar-side.primary .side-nav li.panel.open .fas,
.navbar-side.dark .side-nav li.panel.open .fas,
.navbar-side.primary .side-nav li.panel.open far,
.navbar-side.dark .side-nav li.panel.open far,
.navbar-side.primary .side-nav li.panel.open .fal,
.navbar-side.dark .side-nav li.panel.open .fal,
.navbar-side.primary .side-nav li.panel.open .fab,
.navbar-side.dark .side-nav li.panel.open .fab,
.navbar-side.primary .side-nav li.panel.open .fad,
.navbar-side.dark .side-nav li.panel.open .fad,
.navbar-side.primary .side-nav li.panel.open .glyphicon,
.navbar-side.dark .side-nav li.panel.open .glyphicon {
    color: #FFFFFF
}

.navbar-side.primary .side-nav li.panel.open li .fa,
.navbar-side.dark .side-nav li.panel.open li .fa,
.navbar-side.primary .side-nav li.panel.open li .fas,
.navbar-side.dark .side-nav li.panel.open li .fas,
.navbar-side.primary .side-nav li.panel.open li far,
.navbar-side.dark .side-nav li.panel.open li far,
.navbar-side.primary .side-nav li.panel.open li .fal,
.navbar-side.dark .side-nav li.panel.open li .fal,
.navbar-side.primary .side-nav li.panel.open li .fab,
.navbar-side.dark .side-nav li.panel.open li .fab,
.navbar-side.primary .side-nav li.panel.open li .fad,
.navbar-side.dark .side-nav li.panel.open li .fad,
.navbar-side.primary .side-nav li.panel.open li .glyphicon,
.navbar-side.dark .side-nav li.panel.open li .glyphicon {
    color: #FFFFFF
}

.navbar-side.primary .side-nav .nav,
.navbar-side.dark .side-nav .nav {
    background: #027be3
}

.navbar-side.primary .user-profile,
.navbar-side.dark .user-profile {
    border-bottom: 0 none
}

.navbar-side.primary .user-profile .action-buttons a,
.navbar-side.dark .user-profile .action-buttons a {
    color: #FFFFFF
}

.navbar-side.primary .user-profile img,
.navbar-side.dark .user-profile img {
    border: 3px solid #D5DCE5
}

.navbar-side.primary .media-search .input-menu,
.navbar-side.dark .media-search .input-menu {
    border: 1px solid #D5DCE5;
    color: #FFFFFF;
    background-color: #0273d4 !important
}

.navbar-side.primary .media-search .input-icon [class*="fa-"],
.navbar-side.dark .media-search .input-icon [class*="fa-"],
.navbar-side.primary .media-search .input-icon [class^="fa-"],
.navbar-side.dark .media-search .input-icon [class^="fa-"],
.navbar-side.primary .media-search .input-icon [class*=" glyphicon-"],
.navbar-side.dark .media-search .input-icon [class*=" glyphicon-"],
.navbar-side.primary .media-search .input-icon [class^="glyphicon-"],
.navbar-side.dark .media-search .input-icon [class^="glyphicon-"] {
    color: #FFFFFF
}

.navbar-side.primary .media,
.navbar-side.dark .media,
.navbar-side.primary .media-search,
.navbar-side.dark .media-search,
.navbar-side.primary .sidebar-labels,
.navbar-side.dark .sidebar-labels {
    border-bottom: 0 none
}

.navbar-side.primary .logo-light,
.navbar-side.dark .logo-light {
    display: none
}

.navbar-side.primary .logo-dark,
.navbar-side.dark .logo-dark {
    display: block
}

.navbar-side.primary .sidebar-shortcuts .lang-btn .btn-default,
.navbar-side.dark .sidebar-shortcuts .lang-btn .btn-default {
    color: #FFFFFF
}

.navbar-side.dark {
    background-color: #101010
}

.navbar-side.dark .side-nav li>a {
    background-color: #101010
}

.navbar-side.dark .side-nav li.panel.open a {
    background-color: #027be3
}

.navbar-side.dark .media-search .input-menu {
    background-color: #101010 !important
}

@media (min-width:992px) {
    .navbar-side {
        border-radius: 0;
        bottom: 0;
        top: 0 !important;
        -webkit-transform: translateZ(0);
        z-index: 1037;
        min-height: 100vh
    }
}

@media (max-width:991px) {
    .navbar-side {
        margin: 0;
        -webkit-transform: translateX(-280px);
        transform: translateX(-280px);
        transition: max-height 0s linear .2s, -webkit-transform .2s linear 0s;
        transition: transform .2s linear 0s, max-height 0s linear .2s;
        transition: transform .2s linear 0s, max-height 0s linear .2s, -webkit-transform .2s linear 0s
    }

    .navbar-side.display {
        -webkit-transform: none !important;
        transform: none !important
    }

    .navbar-side.sidebar-light {
        box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.15)
    }
}

.dropdown-menu li a span.item span {
    display: block;
    font-size: 90%;
    opacity: .5
}

.dropdown-menu.dropdown-mega {
    border-radius: 0
}

.dropdown-menu.dropdown-mega .mega-menu ul li {
    margin-bottom: 13px
}

.dropdown-menu.dropdown-mega .mega-menu ul li a {
    padding: 0 !important
}

.dropdown-menu.dropdown-mega .mega-menu ul li.menu-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu.dropdown-mega .mega-menu ul li.menu-divider a {
    visibility: hidden
}

.dropdown-menu.dropdown-mega .mega-menu .item-with-icons {
    padding: 0;
    margin-bottom: 13px;
    border: 0 none
}

.dropdown-menu.dropdown-mega .mega-menu .item-with-icons .item-icon {
    font-size: 25px
}

.dropdown-menu.dropdown-mega .mega-menu .item-with-icons .menu-name {
    font-size: 18px
}

.dropdown-menu.dropdown-mega:after {
    display: none !important
}

.dropdown-menu.dropdown-mega .html-item a {
    display: block;
    padding: 0 !important
}

.dropdown-menu.dropdown-mega .html-item a img {
    transition: all .3s ease-in-out
}

.dropdown-menu.dropdown-mega .html-item a img:hover,
.dropdown-menu.dropdown-mega .html-item a img:focus {
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.dropdown-menu.dropdown-mega .html-item a:hover,
.dropdown-menu.dropdown-mega .html-item a:focus {
    background-color: transparent !important
}

.mega-menu ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.mega-menu ul li {
    border: none !important
}

.mega-menu ul li a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #141619;
    transition: all .3s ease-in-out
}

.mega-menu ul li a:hover,
.mega-menu ul li a:focus {
    color: #0273d4 !important;
    background-color: transparent !important;
    margin-left: 3px
}

.mega-menu .menu-small-box {
    border-radius: 4px;
    transition: all .3s ease-in-out
}

.mega-menu .menu-small-box.col-html .item-with-icons,
.mega-menu .menu-small-box.col-html .item-icon,
.mega-menu .menu-small-box.col-html .menu-name {
    display: none
}

.mega-menu .item-with-icons {
    display: flex;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #D5DCE5
}

.mega-menu .item-with-icons .item-icon {
    font-size: 15px;
    margin-right: 8px;
    opacity: .5
}

.mega-menu .item-with-icons .menu-name {
    font-size: 15px;
    white-space: nowrap
}

.mega-menu h4 {
    margin: 0
}

.mega-menu h4 span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    opacity: .5
}

.mega-menu .container,
.mega-menu .container-fluid,
.mega-menu .container-sm,
.mega-menu .container-md,
.mega-menu .container-lg,
.mega-menu .container-xl,
.mega-menu .container-sm,
.mega-menu .container-md,
.mega-menu .container-lg,
.mega-menu .container-xl {
    display: block
}

@media (max-width:991px) {

    .cros-navbar.cros-mega.submenu1 .navbar-nav li ul.dropdown-menu:after,
    .cros-navbar.cros-mega.submenu1 .navbar-nav li.open ul.dropdown-menu:after,
    .cros-navbar.cros-mega.submenu2 .navbar-nav li ul.dropdown-menu:after,
    .cros-navbar.cros-mega.submenu2 .navbar-nav li.open ul.dropdown-menu:after {
        display: none
    }

    .cros-navbar.cros-mega .navbar-collapse .dropdown .dropdown-toggle .caret {
        float: right;
        border: 0 none;
        padding: 0;
        margin: 0
    }

    .cros-navbar.cros-mega .navbar-collapse .dropdown .dropdown-toggle .caret:after {
        content: "\f107";
        font-family: "Font Awesome 5 Pro";
        font-style: normal;
        text-indent: 0px
    }

    .cros-navbar.cros-mega .navbar-collapse .dropdown.open a .caret:after {
        content: "\f106"
    }

    .cros-navbar.cros-mega .dropdown-megamenu .dropdown-menu .mega-menu {
        padding-bottom: 30px
    }
}

@media (min-width:992px) {
    .dropdown-megamenu {
        position: static !important
    }

    .dropdown-megamenu .dropdown-menu {
        left: 0;
        right: 0
    }

    .dropdown-megamenu .dropdown-menu .mega-menu {
        padding: 30px 0 30px;
        min-width: 600px
    }
}

.space {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0
}

.space-64 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 64px 0 63px
}

.space-62 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 62px 0 61px
}

.space-60 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 60px 0 59px
}

.space-58 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 58px 0 57px
}

.space-56 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 56px 0 55px
}

.space-54 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 54px 0 53px
}

.space-52 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 52px 0 51px
}

.space-50 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 50px 0 49px
}

.space-48 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 48px 0 47px
}

.space-46 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 46px 0 45px
}

.space-44 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 44px 0 43px
}

.space-42 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 42px 0 41px
}

.space-40 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 40px 0 39px
}

.space-38 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 38px 0 37px
}

.space-36 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 36px 0 35px
}

.space-34 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 34px 0 33px
}

.space-32 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 32px 0 31px
}

.space-30 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 30px 0 29px
}

.space-28 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 28px 0 27px
}

.space-26 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 26px 0 25px
}

.space-24 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 24px 0 23px
}

.space-22 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 22px 0 21px
}

.space-20 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 20px 0 19px
}

.space-18 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 18px 0 17px
}

.space-16 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 16px 0 15px
}

.space-14 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 14px 0 13px
}

.space-12 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 12px 0 11px
}

.space-10 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 10px 0 9px
}

.space-8 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 8px 0 7px
}

.space-6 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 6px 0 5px
}

.space-4 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 4px 0 3px
}

.space-2 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 2px 0 1px
}

.hr {
    display: block;
    height: 0px;
    overflow: hidden;
    font-size: 0;
    border-top: 1px solid #D5DCE5;
    margin: 12px 0
}

.hr-double {
    height: 3px;
    border-top: 1px solid #D5DCE5;
    border-bottom: 1px solid #D5DCE5
}

.hr.dotted,
.hr-dotted {
    border-top-style: dotted
}

.hr-double.dotted {
    border-bottom-style: dotted
}

.hr-32,
.hr32 {
    margin: 32px 0
}

.hr-30,
.hr30 {
    margin: 30px 0
}

.hr-28,
.hr28 {
    margin: 28px 0
}

.hr-26,
.hr26 {
    margin: 26px 0
}

.hr-24,
.hr24 {
    margin: 24px 0
}

.hr-22,
.hr22 {
    margin: 22px 0
}

.hr-20,
.hr20 {
    margin: 20px 0
}

.hr-18,
.hr18 {
    margin: 18px 0
}

.hr-16,
.hr16 {
    margin: 16px 0
}

.hr-14,
.hr14 {
    margin: 14px 0
}

.hr-12,
.hr12 {
    margin: 12px 0
}

.hr-10,
.hr10 {
    margin: 10px 0
}

.hr-8,
.hr8 {
    margin: 8px 0
}

.hr-6,
.hr6 {
    margin: 6px 0
}

.hr-4,
.hr4 {
    margin: 4px 0
}

.hr-2,
.hr2 {
    margin: 2px 0
}

hr.separator {
    clear: both;
    margin-top: 10px;
    margin-bottom: 13px;
    border: 0;
    height: 1px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0))
}

.bigger-110 {
    font-size: 110%
}

.bigger-120 {
    font-size: 120%
}

.bigger-130 {
    font-size: 130%
}

.bigger-140 {
    font-size: 140%
}

.bigger-150 {
    font-size: 150%
}

.bigger-160 {
    font-size: 160%
}

.bigger-170 {
    font-size: 170%
}

.bigger-180 {
    font-size: 180%
}

.bigger-190 {
    font-size: 190%
}

.bigger-200 {
    font-size: 200%
}

.bigger-210 {
    font-size: 210%
}

.bigger-220 {
    font-size: 220%
}

.bigger-230 {
    font-size: 230%
}

.bigger-240 {
    font-size: 240%
}

.bigger-250 {
    font-size: 250%
}

.bigger-260 {
    font-size: 260%
}

.bigger-270 {
    font-size: 270%
}

.bigger-280 {
    font-size: 280%
}

.bigger-290 {
    font-size: 290%
}

.bigger-300 {
    font-size: 300%
}

.bigger-125 {
    font-size: 125%
}

.bigger-175 {
    font-size: 175%
}

.bigger-225 {
    font-size: 225%
}

.bigger-275 {
    font-size: 275%
}

.bigger-500 {
    font-size: 50px;
    line-height: 50px
}

.smaller-90 {
    font-size: 90%
}

.smaller-80 {
    font-size: 80%
}

.smaller-70 {
    font-size: 70%
}

.smaller-60 {
    font-size: 60%
}

.smaller-50 {
    font-size: 50%
}

.smaller-40 {
    font-size: 40%
}

.smaller-30 {
    font-size: 30%
}

.smaller-20 {
    font-size: 20%
}

.smaller-75 {
    font-size: 75%
}

.action-buttons a {
    margin: 0 3px;
    display: inline-block;
    opacity: .85;
    transition: all 0.1s
}

.action-buttons a:hover {
    text-decoration: none;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1
}

.lighter {
    font-weight: 300 !important
}

.bolder {
    font-weight: bolder !important
}

.text-underline {
    text-decoration: underline
}

.heading {
    padding: 0;
    margin: 0;
    height: 25px;
    line-height: 25px
}

.no-padding {
    padding: 0 !important
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.no-padding-top {
    padding-top: 0 !important
}

.no-padding-left {
    padding-left: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.no-margin {
    margin: 0 !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

.no-margin-top {
    margin-top: 0 !important
}

.no-margin-left {
    margin-left: 0 !important
}

.no-margin-right {
    margin-right: 0 !important
}

.no-border {
    border: none !important
}

.no-border-bottom {
    border-bottom: none !important
}

.no-border-top {
    border-top: none !important
}

.no-border-left {
    border-left: none !important
}

.no-border-right {
    border-right: none !important
}

.no-shadow {
    box-shadow: none !important
}

.bg-transparent {
    background: transparent !important
}

.border-top-bottom {
    border-top: 1px solid #D5DCE5;
    border-bottom: 1px solid #D5DCE5
}

.bordered {
    border-bottom: 3px solid #DB3F3B;
    display: inline-block
}

.inline {
    display: inline-block !important
}

.block {
    display: block !important
}

.middle {
    vertical-align: middle
}

.align-middle {
    vertical-align: middle !important
}

.align-top {
    vertical-align: top !important
}

.align-bottom {
    vertical-align: bottom !important
}

.fw-900 {
    font-weight: 900 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-500 {
    font-weight: 500 !important
}

.fw-400 {
    font-weight: 400 !important
}

.fw-300 {
    font-weight: 300 !important
}

.fw-100 {
    font-weight: 100 !important
}

.img-responsive {
    max-width: 100%;
    height: auto
}

.pull-left {
    float: left !important
}

.pull-right {
    float: right !important
}

@media (max-width:280px) {
    .d-none-280 {
        display: none !important
    }
}

.h-rounded {
    border-radius: .25rem .25rem 0 0
}

.space-2x .tile-button,
.space-2x .portlet,
.space-2x .well,
.space-2x .panel,
.space-2x .note,
.space-2x .notice,
.space-2x .progress,
.space-2x .alert,
.space-2x .pricing-table-1,
.space-2x .pricing-table-2,
.space-2x .pricing-table-3,
.space-2x .pricing-table-4,
.space-2x .cros-tabsbar,
.space-2x .cros-tabs,
.space-2x dl {
    margin-bottom: 20px
}

.space-2x .well,
.space-2x .portlet .portlet-body {
    padding: 25px
}

.space-2x .well .well,
.space-2x .portlet .portlet-body .well {
    padding: 15px
}

.padding-25 {
    padding: 25px
}

.padding-4x {
    padding: 60px
}

.padding-2x {
    padding: 30px
}

.padding-all {
    padding: 15px
}

.row.no-gutter {
    margin: 0 auto
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
    padding-left: 0;
    padding-right: 0
}

.row.full-width {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-width: 100%;
    width: 100%
}

.center-block {
    margin: 0 auto
}

.toggle {
    cursor: pointer
}

.space-between {
    justify-content: space-between !important
}

.mw-1288 {
    width: 100%;
    max-width: 1288px
}

.mw-928 {
    width: 100%;
    max-width: 928px
}

.mw-768 {
    width: 100%;
    max-width: 768px
}

.mx-auto {
    margin: 0 auto
}

.mw-928-strictly {
    width: 100%;
    max-width: 928px !important
}

.mw-768-strictly {
    width: 100%;
    max-width: 768px !important
}

.mw-500 {
    width: 100%;
    max-width: 500px
}

.mx-auto-strictly {
    margin: 0 auto !important
}

.bg-primary,
.bg-success,
.bg-danger,
.bg-info,
.bg-warning,
.gray,
.dark,
.inverse,
.bg-gray,
.bg-secondary {
    color: #FFFFFF !important
}

.bg-primary.note .close,
.bg-success.note .close,
.bg-danger.note .close,
.bg-info.note .close,
.bg-warning.note .close,
.gray.note .close,
.dark.note .close,
.inverse.note .close,
.bg-gray.note .close,
.bg-secondary.note .close,
.bg-primary.alert .close,
.bg-success.alert .close,
.bg-danger.alert .close,
.bg-info.alert .close,
.bg-warning.alert .close,
.gray.alert .close,
.dark.alert .close,
.inverse.alert .close,
.bg-gray.alert .close,
.bg-secondary.alert .close {
    opacity: 1;
    color: #FFFFFF
}

.bg-primary p,
.bg-success p,
.bg-danger p,
.bg-info p,
.bg-warning p,
.gray p,
.dark p,
.inverse p,
.bg-gray p,
.bg-secondary p,
.bg-primary h1,
.bg-success h1,
.bg-danger h1,
.bg-info h1,
.bg-warning h1,
.gray h1,
.dark h1,
.inverse h1,
.bg-gray h1,
.bg-secondary h1,
.bg-primary h2,
.bg-success h2,
.bg-danger h2,
.bg-info h2,
.bg-warning h2,
.gray h2,
.dark h2,
.inverse h2,
.bg-gray h2,
.bg-secondary h2,
.bg-primary h3,
.bg-success h3,
.bg-danger h3,
.bg-info h3,
.bg-warning h3,
.gray h3,
.dark h3,
.inverse h3,
.bg-gray h3,
.bg-secondary h3,
.bg-primary h4,
.bg-success h4,
.bg-danger h4,
.bg-info h4,
.bg-warning h4,
.gray h4,
.dark h4,
.inverse h4,
.bg-gray h4,
.bg-secondary h4,
.bg-primary h5,
.bg-success h5,
.bg-danger h5,
.bg-info h5,
.bg-warning h5,
.gray h5,
.dark h5,
.inverse h5,
.bg-gray h5,
.bg-secondary h5,
.bg-primary h6,
.bg-success h6,
.bg-danger h6,
.bg-info h6,
.bg-warning h6,
.gray h6,
.dark h6,
.inverse h6,
.bg-gray h6,
.bg-secondary h6,
.bg-primary .h1,
.bg-success .h1,
.bg-danger .h1,
.bg-info .h1,
.bg-warning .h1,
.gray .h1,
.dark .h1,
.inverse .h1,
.bg-gray .h1,
.bg-secondary .h1,
.bg-primary .h2,
.bg-success .h2,
.bg-danger .h2,
.bg-info .h2,
.bg-warning .h2,
.gray .h2,
.dark .h2,
.inverse .h2,
.bg-gray .h2,
.bg-secondary .h2,
.bg-primary .h3,
.bg-success .h3,
.bg-danger .h3,
.bg-info .h3,
.bg-warning .h3,
.gray .h3,
.dark .h3,
.inverse .h3,
.bg-gray .h3,
.bg-secondary .h3,
.bg-primary .h4,
.bg-success .h4,
.bg-danger .h4,
.bg-info .h4,
.bg-warning .h4,
.gray .h4,
.dark .h4,
.inverse .h4,
.bg-gray .h4,
.bg-secondary .h4,
.bg-primary .h5,
.bg-success .h5,
.bg-danger .h5,
.bg-info .h5,
.bg-warning .h5,
.gray .h5,
.dark .h5,
.inverse .h5,
.bg-gray .h5,
.bg-secondary .h5,
.bg-primary .h6,
.bg-success .h6,
.bg-danger .h6,
.bg-info .h6,
.bg-warning .h6,
.gray .h6,
.dark .h6,
.inverse .h6,
.bg-gray .h6,
.bg-secondary .h6 {
    color: #FFFFFF
}

.bg-primary .white,
.primary .white {
    background-color: var(--primary)
}

.bg-primary .border,
.primary .border {
    border-color: #013c6f !important
}

.dark .white,
.inverse .white {
    background-color: #101010
}

.dark .border,
.inverse .border {
    border-color: #434343 !important
}

.bg-gradient {
    background: linear-gradient(90deg, #012e56, #0273d4)
}

.bg-secondary {
    background-color: #DB3F3B !important;
    border-color: #DB3F3B !important
}

.bg-light {
    background-color: #EDF0F5 !important
}

.text-light {
    color: #EDF0F5 !important
}

.text-dark {
    color: #101010 !important
}

.bg-dark {
    background-color: #101010 !important
}

.text-secondary {
    color: #DB3F3B !important
}

.dark,
.inverse {
    background-color: #101010 !important;
    border-color: #101010 !important
}

.text-gray {
    color: #999 !important
}

.bg-gray {
    background-color: #555 !important
}

.white {
    background-color: #FFFFFF
}

.text-white {
    color: #FFFFFF
}

.text-base {
    color: #2a2e36
}

.light {
    background-color: #EDF0F5;
    border-color: #D5DCE5;
    color: #2a2e36
}

.mr-auto {
    margin-right: auto !important
}

.ml-auto {
    margin-left: auto !important
}

.bg-checkered {
    background-repeat: no-repeat, repeat, repeat;
    background-image: radial-gradient(transparent, transparent 50%, #fff), linear-gradient(to right, transparent, transparent 32px, #EDF0F5 32px, #EDF0F5), linear-gradient(to bottom, transparent, transparent 32px, #EDF0F5 32px, #EDF0F5);
    background-size: 100% 100%, calc(32px + 1px) calc(32px + 1px), calc(32px + 1px) calc(32px + 1px);
    background-color: #FFFFFF
}

#overlay {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.9);
    transition: 1s .4s
}

.btn_loader.btn_loading {
    position: relative
}

.btn_loader.btn_loading .btn_text {
    visibility: hidden
}

.btn_loader.btn_loading .btn_loading_icon .spanner {
    height: 9px
}

.btn_loader.btn_loading .btn_loading_icon .spanner div,
.btn_loader.btn_loading .btn_loading_icon .spanner span {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.7)
}

.btn_loader.btn_loading.btn-default .btn_loading_icon .spanner div,
.btn_loader.btn_loading.btn-default .btn_loading_icon .spanner span {
    background: var(--primary)
}

.section-overlap.site-banner-domain,
.section-overlap.mass-head .hero-bg-wrap,
.section-overlap.cros-Slider .slides .hero-outer,
.section-overlap.site-banner .banner_body {
    padding-bottom: 200px !important
}

.sec.products.margin-up .sec-description,
.sec.features.margin-up .sec-description,
.sec.gallery.margin-up .sec-description {
    display: none
}

.sec.features.margin-up,
.sec.gallery.margin-up {
    overflow: visible
}

.sec.features.margin-up .banner-content-container .feature-item.has-slider,
.sec.gallery.margin-up .banner-content-container .feature-item.has-slider {
    margin-top: 0
}

.sec.features.margin-up .banner-content-container .banner_content,
.sec.gallery.margin-up .banner-content-container .banner_content {
    margin-top: -110px
}

@media (min-width:992px) {

    .sec.features.margin-up .banner-content-container .banner_content,
    .sec.gallery.margin-up .banner-content-container .banner_content {
        margin-top: -170px
    }
}

.has-link {
    cursor: pointer
}

.btn,
div[menuitemname="Active Products/Services"] .card-footer .btn-view-more,
div[menuitemname="Active Products/Services"] .panel-footer .btn-view-more {
    outline: 0 none !important;
    box-shadow: none !important;
    padding: 10.5px 27px
}

.btn>.icon-only[class*="fa-"] {
    margin: 0;
    padding: 0
}

.btn>[class*="fa-"] {
    margin-right: 4px
}

.btn>[class*="fa-"].icon-on-right {
    margin-right: 0px;
    margin-left: 4px
}

.btn.btn-white {
    background-color: transparent;
    color: #FFFFFF
}

.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white.focus,
.btn.btn-white:active,
.btn.btn-white.active {
    background-color: rgba(255, 255, 255, 0.3)
}

.btn.btn-icon {
    background: none !important;
    border: 0 none !important;
    color: #2a2e36;
    padding: .25rem
}

.btn.btn-icon>[class*="fa-"] {
    margin: 0;
    opacity: .7
}

.btn.btn-icon:hover>[class*="fa-"],
.btn.btn-icon:focus>[class*="fa-"],
.btn.btn-icon.active>[class*="fa-"] {
    opacity: 1
}

.btn.btn-xlg {
    padding: 16px 32px
}

.btn.btn-lg,
.btn.btn-group-lg>.btn {
    padding: 13px 27px;
    font-size: 16px
}

.btn.btn-sm,
.btn.btn-group-sm>.btn {
    font-size: 12px;
    padding: 7.5px 18px
}

.btn.btn-xs {
    font-size: 12px;
    padding: 4px 10px
}

.btn-transparent {
    color: #FFFFFF;
    border-color: #FFFFFF
}

.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent.active,
.btn-transparent:active {
    color: #FFFFFF;
    border-color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.1)
}

.btn-link {
    background-color: transparent;
    border-color: transparent
}

.btn-link:hover,
.btn-link:active,
.btn-link:focus,
.btn-link.disabled {
    background-color: transparent;
    text-decoration: none
}

.btn-default {
    color: #2a2e36;
    background-color: #FFFFFF;
    border-color: #D5DCE5
}

.btn-default:focus,
.btn-default.focus {
    color: #2a2e36;
    background-color: #EDF0F5;
    border-color: #D5DCE5
}

.btn-default:hover {
    color: #2a2e36;
    background-color: #EDF0F5;
    border-color: #D5DCE5
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: #2a2e36;
    background-color: #EDF0F5;
    background-image: none;
    border-color: #D5DCE5
}

.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
    color: #2a2e36;
    background-color: #EDF0F5;
    border-color: #D5DCE5
}

.btn-default.disabled {
    border-color: #D5DCE5
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color: #FFFFFF !important;
    border-color: #D5DCE5 !important
}

.btn-dark,
#order-standard_cart .mc-promo .btn-add,
.spotlight-tld .btn:not(.domain-contact-support) {
    color: #FFFFFF;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:focus,
.btn-dark.focus,
.btn-dark:hover,
.btn-dark:active,
.btn-dark.active,
.open>.dropdown-toggle.btn-dark {
    background-color: #212529;
    background-image: none;
    border-color: #212529;
    color: #FFFFFF
}

.btn-dark:active:hover,
.btn-dark.active:hover,
.open>.dropdown-toggle.btn-dark:hover,
.btn-dark:active:focus,
.btn-dark.active:focus,
.open>.dropdown-toggle.btn-dark:focus,
.btn-dark:active.focus,
.btn-dark.active.focus,
.open>.dropdown-toggle.btn-dark.focus {
    background-color: #212529;
    border-color: #212529
}

.btn-dark.disabled {
    border-color: #495057
}

.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled.focus,
.btn-dark[disabled].focus,
fieldset[disabled] .btn-dark.focus {
    border-color: #212529 !important
}

.btn-green {
    color: #FFFFFF;
    border-color: #28a745;
    background-color: #28a745
}

.btn-green:focus,
.btn-green.focus,
.btn-green:hover,
.btn-green.active,
.btn-green:active {
    background-color: #28a745;
    color: #FFFFFF
}

.bg-primary .btn-default,
.bg-primary .btn-primary {
    color: var(--primary);
    border-color: var(--primary);
    background-color: #FFFFFF
}

.bg-primary .btn-default:focus,
.bg-primary .btn-primary:focus,
.bg-primary .btn-default.focus,
.bg-primary .btn-primary.focus,
.bg-primary .btn-default:hover,
.bg-primary .btn-primary:hover,
.bg-primary .btn-default.active,
.bg-primary .btn-primary.active,
.bg-primary .btn-default:active,
.bg-primary .btn-primary:active {
    background-color: #EDF0F5
}

form .input-icon {
    position: relative
}

form .input-icon input {
    padding-left: 33px !important
}

form .input-icon [class*="fa-"],
form .input-icon [class^="fa-"],
form .input-icon [class*=" glyphicon-"],
form .input-icon [class^="glyphicon-"] {
    display: block;
    position: absolute;
    margin: 11px 2px 4px 10px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    font-size: 16px;
    font-weight: 400
}

form .input-icon.right input {
    padding-left: 15px !important;
    padding-right: 33px !important
}

form .input-icon.right [class*="fa-"],
form [class^="fa-"] {
    right: 8px;
    float: right
}

form .labels {
    cursor: pointer
}

form .input-group-addon {
    border: 1px solid #D5DCE5
}

form .input-group-addon [class*=" fa-"],
form .input-group-addon [class^="fa-"],
form .input-group-addon [class*=" glyphicon-"],
form .input-group-addon [class^="glyphicon-"] {
    color: #2a2e36
}

form .form-group .help-block {
    font-size: 13px;
    margin-bottom: 5px
}

form select,
form select.form-control {
    background-repeat: no-repeat !important;
    background-size: 10px 10px !important;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0NC4xICg0MTQ1NSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+UGF0aCA0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlZlbmRvciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImRldmVsb3Blci1kYXNoYm9hcmQtc3VibWl0LXRoZW1lIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTY1LjAwMDAwMCwgLTQ5NC4wMDAwMDApIiBmaWxsPSIjRDFEOEREIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MC4wMDAwMDAsIDQ1Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTQiIHBvaW50cz0iNTE1IDQyIDUyNSA0MiA1MjAgNDgiPjwvcG9seWdvbj4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+') !important;
    background-position: right 10px center !important;
    -webkit-appearance: none !important
}

.form-control {
    background-color: #FFFFFF;
    border: 1px solid #D5DCE5;
    box-shadow: none !important;
    height: 43px
}

.form-control:hover {
    border-color: #b6c2d2
}

.form-control:focus {
    box-shadow: none;
    color: #2a2e36;
    border-color: #0273d4;
    background-color: #FFFFFF;
    outline: 0 none;
    transition-duration: .1s
}

.form-control.disabled,
.form-control.readonly,
.form-controldisabled,
.form-controlreadonly {
    background-color: #e6ebf1
}

#inputCaptcha.form-control {
    height: 29px
}

.input-lg {
    height: 46px
}

.input-sm {
    height: 30px
}

.input-group-append .btn {
    padding: .375rem .75rem
}

@media (min-width:541px) {
    .input-fw-200 {
        max-width: 200px
    }
}

.input-group-text [class*="fa-"],
.input-group-append [class*="fa-"],
.input-group-text [class^="fa-"],
.input-group-append [class^="fa-"] {
    opacity: .5
}

@media (min-width:768px) {
    .form-inline .form-control {
        min-width: 50px
    }
}

.checkbox label,
.radio label {
    margin-bottom: 0
}

.tswicther[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.tswicther[type=checkbox]+span {
    display: flex;
    justify-content: center;
    cursor: pointer;
    font-size: 125%;
    transition: all .4s ease .2s
}

.tswicther[type=checkbox]+span .fad {
    font-family: "Font Awesome 5 Duotone"
}

.tswicther[type=checkbox]+span .fad:before {
    content: "\f185"
}

.tswicther[type=checkbox]+span .fad:after {
    content: "\10f185"
}

.tswicther[type=checkbox]:checked+span {
    -webkit-transform: rotate(365deg);
    transform: rotate(365deg)
}

.tswicther[type=checkbox]:checked+span .fad:before {
    content: "\f186"
}

.tswicther[type=checkbox]:checked+span .fad:after {
    content: "\10f186"
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 5px
}

.select2-container {
    width: 100% !important;
    min-width: 70px
}

.select2-container .select2-selection--single,
.select2-container .select2-container--default {
    border: 1px solid #D5DCE5;
    height: 43px
}

.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container .select2-container--default .select2-selection__rendered {
    line-height: 40px
}

.select2-container .select2-selection--single .select2-selection__arrow,
.select2-container .select2-container--default .select2-selection__arrow {
    height: 40px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: .75rem;
    padding-right: .75rem
}

.select2-container .select2-dropdown {
    border: 1px solid #D5DCE5
}

.select2-container .select2-search--dropdown .select2-search__field {
    outline: none !important;
    border-color: #D5DCE5
}

.select2-container.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #EDF0F5
}

.select2-container.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0273d4 !important
}

.cros-table {
    background: #FFFFFF;
    margin-bottom: 15px
}

.cros-table.table>thead>tr>th,
.cros-table.table>thead>tr>td {
    border-bottom: 3px double #D5DCE5;
    border-color: #D5DCE5
}

.cros-table.table>thead>tr>th label,
.cros-table.table>thead>tr>td label {
    margin-bottom: 0
}

.cros-table.table .col-small {
    width: 45px;
    min-width: 45px
}

.cros-table.table .col-small.center {
    text-align: center
}

.cros-table.table .col-medium {
    width: 125px;
    min-width: 125px
}

.cros-table.table .col-medium.center {
    text-align: center
}

@media (max-width:992px) {
    .cros-table.table .tool-bars {
        width: 45px;
        min-width: 45px
    }
}

.cros-table.table label {
    margin-bottom: 0
}

.cros-table.table ul.table-mobile-ul {
    margin-top: 5px;
    padding-left: 5px;
    border-left: 2px solid #D5DCE5
}

.cros-table.table>thead>tr>th[class*=sorted] {
    color: #0273d4
}

@media (max-width:360px) {
    .cros-table.table {
        font-size: 13px
    }
}

.cros-table.footable>thead>tr>th>span.footable-sort-indicator {
    color: #999;
    float: right;
    margin-right: 4px
}

.cros-table.table-bordered {
    border: 1px solid #D5DCE5
}

.cros-table.table-bordered>thead>tr>th,
.cros-table.table-bordered>tbody>tr>th,
.cros-table.table-bordered>tfoot>tr>th,
.cros-table.table-bordered>thead>tr>td,
.cros-table.table-bordered>tbody>tr>td,
.cros-table.table-bordered>tfoot>tr>td {
    border: 1px solid #D5DCE5
}

.cros-table.table-bordered>thead>tr>th,
.cros-table.table-bordered>thead>tr>td {
    border-bottom: 3px double #D5DCE5
}

.cros-table.table-primary.table>thead>tr>th,
.cros-table.table-primary.table>thead>tr>td {
    border-bottom-width: 1px
}

.cros-table.table-primary.table-bordered.dataTable {
    margin-bottom: 0
}

.cros-table.table-primary.table-bordered.dataTable thead th {
    border-bottom: 4px solid #0273d4
}

.cros-table.table-primary.table-bordered.dataTable thead th:nth-child(even) {
    border-bottom: 4px solid #0260b1
}

.cros-table.tech-features thead tr th {
    text-transform: uppercase
}

.cros-table.tech-features thead tr th,
.cros-table.tech-features tbody tr th,
.cros-table.tech-features thead tr td,
.cros-table.tech-features tbody tr td {
    padding: 15px 25px
}

@media (min-width:992px) {
    .cros-table.tech-features tbody tr td:first-child {
        background-color: #EDF0F5
    }
}

.dataTable {
    margin-bottom: 0
}

.dataTable th[class*=sort] {
    cursor: pointer;
    outline: 0 none !important
}

.dataTable th[class*=sort]:after {
    content: "\f0dc";
    display: inline-block;
    color: #999;
    font-family: "Font Awesome 5 Pro";
    font-size: 13px;
    float: right;
    margin-right: 4px;
    position: relative
}

.dataTable th[class*=sorting_] {
    background-color: #EDF0F5
}

.dataTable th[class*=sorting_].sorting_disabled {
    background-color: #FFFFFF
}

.dataTable th.sorting_desc:after {
    content: "\f0dd";
    top: -6px;
    color: #999
}

.dataTable th.sorting_asc:after {
    content: "\f0de";
    top: 4px;
    color: #999
}

.dataTable th.sorting_disabled {
    cursor: inherit
}

.dataTable th.sorting_disabled:after {
    display: none
}

.dataTables_length select {
    width: 60px;
    height: auto
}

.dataTables_length label {
    font-weight: normal
}

.dataTables_filter {
    text-align: right
}

.dataTables_filter input[type=text] {
    width: 125px;
    padding: 4px 6px
}

.dataTables_filter label {
    font-weight: normal
}

.dataTables_info {
    font-size: 14px;
    margin: 5px 12px
}

.dataTables_paginate {
    text-align: right
}

.dataTables_paginate .pagination {
    margin: 5px 12px
}

.dataTables_wrapper label {
    display: inline-block
}

.dataTables_wrapper input[type=text],
.dataTables_wrapper select {
    margin-bottom: 0 !important;
    margin: 0 4px
}

.dataTables_wrapper .row {
    margin: 0
}

.dataTables_wrapper .row:first-child {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 0 none
}

.dataTables_wrapper .row:first-child+.dataTable {
    border-top: 1px solid #D5DCE5;
    border-bottom: 1px solid #D5DCE5
}

.dataTables_wrapper .row:last-child {
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 0 none
}

.footable-row-detail-row {
    display: block;
    line-height: 1.5em
}

.dataTable.table.has-columns-hidden>tbody>tr>td>span.responsiveExpander {
    cursor: pointer
}

.dataTable.table.has-columns-hidden>tbody>tr>td>span.responsiveExpander:before {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 900;
    content: "\f067";
    padding-right: 5px;
    font-size: 19px;
    color: #888
}

.dataTable.table.has-columns-hidden>tbody>tr.detail-show>td span.responsiveExpander:before {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 900;
    content: "\f068";
    padding-right: 5px;
    font-size: 19px;
    color: #888
}

.dataTable.table.has-columns-hidden>tbody>tr.row-detail>td>ul>li>span.columnTitle {
    font-weight: bold
}

#wrapper .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%
}

@media (min-width:991px) {
    #wrapper .container {
        min-height: 100vh
    }
}

.login-header {
    padding: 12px
}

.login-header img {
    height: 40px;
    max-height: 40px
}

.login-header a {
    text-decoration: none
}

.login-header a span {
    font-size: 1.7em;
    color: #2a2e36;
    font-weight: 900;
    white-space: nowrap
}

.login-container {
    width: 380px;
    max-width: 380px
}

@media (max-width:990px) {
    .login-container {
        margin-top: 8%
    }
}

.login-container .lang-btn .btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.login-container .lang-btn .btn .iti-flag {
    margin-right: .25rem
}

.login-container #default-captcha-domainchecker p {
    font-size: 70%
}

.login-container .providerLinkingFeedback {
    margin-top: 1rem
}

.login-container .social-or-login {
    margin-top: 1rem;
    position: relative;
    z-index: 1;
    text-align: center
}

.login-container .social-or-login span {
    display: inline-block;
    background: #EDF0F5;
    padding: 2px 8px;
    color: #0273d4;
    font-size: 14px;
    border-radius: 4px
}

.login-container .social-or-login:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px dotted #D5DCE5
}

.login-container .login-copyright-text {
    text-align: center;
    padding: 15px 0
}

.login-container .login-copyright-text p {
    margin: 0
}

.login-box {
    position: relative;
    padding: 2rem;
    background: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1);
    border-radius: 4px
}

.login-box .page-header {
    margin: -15px 0 15px
}

.login-box .footer-warp a {
    color: #101010
}

.login-box .btn-login {
    margin-top: 20px
}

.login-box .logincontainer p {
    font-size: 80%;
    opacity: .8
}

.login-box h1 {
    line-height: 1.5;
    margin-bottom: 1rem
}

.login-box h3,
.login-box .h3 {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin: 60px 0 10px
}

.login-box .hr {
    border-color: rgba(255, 255, 255, 0.9)
}

.login-box .login-container-register {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 1rem;
    border-top: 1px solid #D5DCE5;
    margin: 2rem -2rem -2rem;
    background-color: #EDF0F5
}

@media (max-width:500px) {
    .login-container {
        width: 95%
    }
}

body.login,
body.error {
    background-image: url("/templates/croster/assets/images/loginBg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    z-index: 1;
    margin: 0 !important
}

body.login:before,
body.error:before {
    background: #fff;
    content: "";
    z-index: -1;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    opacity: .9
}

body.logo-dark.login .login-header a span,
body.no-img.login .login-header a span,
body.logo-dark.error .login-header a span,
body.no-img.error .login-header a span {
    color: #FFFFFF
}

body.logo-dark.login .login-container .login-copyright-text,
body.no-img.login .login-container .login-copyright-text,
body.logo-dark.error .login-container .login-copyright-text,
body.no-img.error .login-container .login-copyright-text,
body.logo-dark.login .login-container .lang-btn .btn,
body.no-img.login .login-container .lang-btn .btn,
body.logo-dark.error .login-container .lang-btn .btn,
body.no-img.error .login-container .lang-btn .btn {
    color: #FFFFFF
}

body.logo-dark.login .login-box,
body.no-img.login .login-box,
body.logo-dark.error .login-box,
body.no-img.error .login-box {
    background: #FFFFFF
}

body.logo-dark.login .logo-light,
body.no-img.login .logo-light,
body.logo-dark.error .logo-light,
body.no-img.error .logo-light {
    display: none
}

body.logo-dark.login .logo-dark,
body.no-img.login .logo-dark,
body.logo-dark.error .logo-dark,
body.no-img.error .logo-dark {
    display: block
}

body.logo-dark.login .loginpage-with-sidebar .sidebar-container .logo-light,
body.no-img.login .loginpage-with-sidebar .sidebar-container .logo-light,
body.logo-dark.error .loginpage-with-sidebar .sidebar-container .logo-light,
body.no-img.error .loginpage-with-sidebar .sidebar-container .logo-light {
    display: block
}

body.logo-dark.login .loginpage-with-sidebar .sidebar-container .logo-dark,
body.no-img.login .loginpage-with-sidebar .sidebar-container .logo-dark,
body.logo-dark.error .loginpage-with-sidebar .sidebar-container .logo-dark,
body.no-img.error .loginpage-with-sidebar .sidebar-container .logo-dark {
    display: none
}

body.logo-dark.login:before,
body.logo-dark.error:before {
    background: #000
}

body.no-img.login,
body.no-img.error {
    background: linear-gradient(90deg, #012e56, #0273d4)
}

body.no-img.login:before,
body.no-img.error:before {
    display: none
}

body.dark-mode.login .login-container .login-copyright-text,
body.dark-mode.error .login-container .login-copyright-text,
body.dark-mode.login .login-container .lang-btn .btn,
body.dark-mode.error .login-container .lang-btn .btn {
    color: #FFFFFF
}

body.dark-mode.login .login-box .login-container-register,
body.dark-mode.error .login-box .login-container-register {
    border-color: #333333;
    background-color: #1d1d1d
}

body.dark-mode.login .login-box .login-container-register a,
body.dark-mode.error .login-box .login-container-register a {
    color: #e0e0e0
}

body.dark-mode.login .loginpage-with-sidebar .sidebar-container .logo-light,
body.dark-mode.error .loginpage-with-sidebar .sidebar-container .logo-light {
    display: none
}

body.dark-mode.login .loginpage-with-sidebar .sidebar-container .logo-dark,
body.dark-mode.error .loginpage-with-sidebar .sidebar-container .logo-dark {
    display: block
}

.loginpage-with-sidebar {
    display: flex;
    flex-direction: row;
    padding: 0;
    overflow: hidden;
    min-height: unset;
    height: 100vh
}

.loginpage-with-sidebar.sidebar-right {
    flex-direction: row-reverse
}

.loginpage-with-sidebar .sidebar-container {
    position: relative;
    width: 33%;
    padding-top: 4rem;
    padding-left: 4rem;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.45) 10px 0 71px 1px;
    border-left: 1rem solid #0273d4 !important
}

.loginpage-with-sidebar .sidebar-container .user_lock_icon {
    font-size: 7rem;
    --fa-primary-opacity: .2;
    --fa-secondary-opacity: 1;
    --fa-secondary-color: #0273d4;
    margin: 3rem 4rem 0 -4rem;
    padding: .5rem 4rem;
    opacity: .3
}

.loginpage-with-sidebar .sidebar-container::-webkit-scrollbar {
    background-color: transparent
}

.loginpage-with-sidebar .sidebar-container .sidebar-content {
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 3rem
}

.loginpage-with-sidebar .sidebar-container .swiper-container {
    flex-direction: row
}

.loginpage-with-sidebar .sidebar-container .swiper-container .swiper-wrapper {
    align-items: flex-start;
    position: relative;
    display: flex;
    flex-direction: row
}

.loginpage-with-sidebar .sidebar-container .swiper-container .swiper-wrapper .swiper-slide {
    min-width: 100%;
    padding-right: 4rem;
    margin-bottom: 3rem;
    overflow: hidden
}

.loginpage-with-sidebar .sidebar-container .swiper-container .swiper-wrapper .swiper-slide a {
    text-decoration: none
}

.loginpage-with-sidebar .sidebar-container .swiper-container .swiper-wrapper .swiper-slide p {
    font-size: 18px;
    font-weight: 100
}

.loginpage-with-sidebar .sidebar-container .swiper-container .swiper-wrapper .swiper-slide h2,
.loginpage-with-sidebar .sidebar-container .swiper-container .swiper-wrapper .swiper-slide h3 {
    line-height: 1.5
}

.loginpage-with-sidebar .sidebar-container .swiper-container .swiper-pagination {
    display: flex
}

.loginpage-with-sidebar .sidebar-container .swiper-container .swiper-pagination-bullet {
    display: block
}

.loginpage-with-sidebar .sidebar-container .header {
    display: inline-block;
    font-size: 1rem;
    padding: 1rem 1rem .5rem 0;
    border-bottom: 3px solid #0273d4;
    margin-bottom: 3rem
}

.loginpage-with-sidebar .sidebar-container .login-header {
    padding: 0;
    margin-bottom: 3rem
}

.loginpage-with-sidebar .sidebar-container .login-header a {
    display: flex;
    justify-content: flex-start
}

.loginpage-with-sidebar .center-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 67%;
    overflow-y: scroll
}

.loginpage-with-sidebar .center-container .login-container {
    margin-top: auto;
    margin-bottom: auto
}

.loginpage-with-sidebar .center-container .login-header {
    display: none;
    align-items: center
}

@media (min-width:992px) and (max-width:1300px) {
    .loginpage-with-sidebar .sidebar-container {
        width: 43%
    }

    .loginpage-with-sidebar .center-container {
        width: 57%
    }
}

@media (max-width:992px) {
    .loginpage-with-sidebar {
        overflow: auto
    }

    .loginpage-with-sidebar .center-container {
        max-width: 718px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: unset;
        justify-content: center;
        margin: auto;
        background: transparent;
        padding: 1rem
    }

    .loginpage-with-sidebar .sidebar-container {
        display: none
    }

    .center-container .login-container .login-header {
        display: flex
    }
}

.progress-bar-primary {
    background-color: #0273d4
}

.progress-bar-danger {
    background-color: #d9534f !important
}

.progress-bar-success {
    background-color: #28a745 !important
}

.progress-bar-warning {
    background-color: #f0ad4e !important
}

.progress-bar-info {
    background-color: #0273d4 !important
}

.password-strength-meter .progress .progress-bar.bg-success {
    background-color: #28a745 !important
}

.cros-tabsbar {
    margin-bottom: 15px
}

.cros-tabsbar .nav-tabs {
    border: 1px solid #D5DCE5;
    margin-bottom: 15px
}

.cros-tabsbar .nav-tabs li {
    height: 41px;
    padding: 1px;
    display: inline-block;
    margin-bottom: 0;
    border-right: 1px solid #D5DCE5
}

.cros-tabsbar .nav-tabs li a {
    border: 0 none;
    height: 39px;
    line-height: 39px;
    display: block;
    padding: 0 15px;
    color: #2a2e36;
    margin-right: 0
}

.cros-tabsbar .nav-tabs li a:active,
.cros-tabsbar .nav-tabs li a:focus {
    outline: none !important
}

.cros-tabsbar .nav-tabs li a,
.cros-tabsbar .nav-tabs li a:focus {
    border-radius: 0 !important
}

.cros-tabsbar .nav-tabs li a:hover {
    background-color: transparent
}

.cros-tabsbar .nav-tabs li a .badge {
    margin-left: 4px
}

.cros-tabsbar .nav-tabs li a.active {
    background: #0273d4;
    color: #FFFFFF;
    border: 0 none
}

.cros-tabsbar .nav-tabs li a.active:hover,
.cros-tabsbar .nav-tabs li a.active:focus {
    border: 0 none
}

.cros-tabsbar .nav-tabs li a:first-child {
    border-left: 0 none
}

@media (min-width:768px) {
    .cros-tabsbar.lg .nav-tabs li {
        height: 60px;
        padding: 3px
    }

    .cros-tabsbar.lg .nav-tabs li a {
        height: 54px;
        line-height: 54px;
        font-size: 15px
    }
}

.cros-tabsbar.arrow .nav-tabs li a.active:after {
    width: 0;
    height: 0;
    z-index: 2;
    content: " ";
    display: block;
    border: 10px solid;
    border-color: #0273d4 transparent transparent transparent;
    margin: 0 auto -7px
}

@media (max-width:767px) {
    .cros-tabsbar .nav-tabs li a.active {
        border-color: #0273d4 !important
    }

    .cros-tabsbar.arrow .nav-tabs li a.active:after {
        display: none !important
    }

    .cros-tabsbar.tabs-primary .nav-tabs li a.active {
        border-color: #0273d4 !important
    }
}

.cros-sub-menu {
    padding-top: 15px;
    border-bottom: 1px solid #D5DCE5
}

.cros-sub-menu ul {
    list-style: none;
    padding-left: 0;
    margin: 0
}

.cros-sub-menu ul li {
    float: left;
    padding: 15px;
    position: relative
}

.cros-sub-menu ul li a {
    text-decoration: none !important;
    color: #2a2e36;
    font-weight: 700
}

.cros-sub-menu ul li.active:after {
    width: 100%
}

.cros-sub-menu ul li:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    left: 0;
    height: 4px;
    background: #DB3F3B;
    transition: all cubic-bezier(.215, .61, .355, 1) .25s
}

.card-faqs-group .card .card-header {
    padding: 0;
    border-bottom: 0 none;
    background-color: transparent
}

.card-faqs-group .card .card-header .btn {
    display: flex;
    align-items: center;
    width: 100%;
    padding: .75rem 1.25rem;
    border: 0 none
}

.card-faqs-group .card .card-header .btn .card-title {
    font-weight: 500;
    margin-right: auto;
    margin-bottom: 0
}

.card-faqs-group .card .card-header .btn .card-icon [class*=" fa-"],
.card-faqs-group .card .card-header .btn .card-icon [class^="fa-"] {
    font-size: 1.75rem
}

.card-faqs-group .card .card-header .card-title {
    font-size: 1.125rem;
    font-weight: 500;
    margin-right: auto;
    margin-bottom: 0
}

.card-faqs-group .card:last-child {
    margin-bottom: 0
}

.card-faqs-group .card:not(.accordion-active) {
    box-shadow: none
}

.card-faqs-group .card.accordion-active .card-header .card-title {
    color: var(--primary)
}

.card-faqs-group:not(.accordion) .card {
    margin-bottom: 1rem
}

.card-faqs-group.accordion .card {
    border: 0 none;
    box-shadow: none;
    background-color: transparent
}

.card-faqs-group.accordion .card .card-header {
    background-color: transparent
}

.card-faqs-group.accordion .card .card-header .btn {
    padding-left: 0;
    padding-right: 0
}

.card-faqs-group.accordion .card .card-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

.card-faqs-group.accordion .card:not(.accordion-active):hover,
.card-faqs-group.accordion .card:not(.accordion-active):focus {
    border: 0 none
}

.carousel {
    margin-bottom: 15px
}

.carousel .carousel-caption {
    text-shadow: none;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
    bottom: 0
}

.carousel .carousel-caption h4 {
    color: #FFFFFF;
    text-shadow: none;
    font-weight: 500
}

.carousel .carousel-control {
    text-shadow: none;
    color: transparent
}

.carousel .carousel-control.left,
.carousel .carousel-control.right {
    background-image: none !important
}

.carousel .carousel-control.right {
    justify-content: center
}

.carousel .carousel-indicators {
    bottom: 0
}

.carousel .carousel-indicators li {
    border-radius: 0
}

.carousel.cros-carousel .item {
    overflow: hidden
}

.carousel.cros-carousel .carousel-indicators {
    top: auto;
    bottom: -23px;
    margin: 0;
    width: auto;
    right: 0;
    left: 0
}

.carousel.cros-carousel .carousel-indicators li {
    background-color: #DB3F3B
}

.carousel.cros-carousel .carousel-indicators li.active {
    background-color: #eb9391
}

.carousel.cros-carousel .carousel-indicators.right {
    justify-content: flex-end
}

.carousel.cros-carousel .carousel-indicators.left {
    justify-content: flex-start
}

.carousel:hover .carousel-control,
.carousel.focus .carousel-control {
    color: #DB3F3B;
    opacity: .55
}

section.testimonials .testimonials-carousel .owl-stage-outer,
.sec.testimonials .testimonials-carousel .owl-stage-outer {
    padding: 60px 0
}

section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item,
.sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item {
    background-color: #FFFFFF;
    box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1);
    border: 1px solid #D5DCE5;
    transition: all 300ms ease;
    padding: 30px 30px;
    border-radius: .25rem
}

section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .quote,
.sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .quote {
    display: block;
    margin-bottom: 20px
}

section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .quote [class*='fa-'],
.sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .quote [class*='fa-'] {
    font-size: 26px;
    text-align: left
}

section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .readmore,
.sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .readmore {
    font-size: 80%
}

section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info,
.sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info {
    display: flex;
    align-items: center;
    margin-top: 15px
}

section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info .author-img,
.sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info .author-img {
    margin-right: 10px
}

section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info .author-img img,
.sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info .author-img img {
    width: 50px;
    height: 50px;
    max-width: 50px;
    max-height: 50px;
    border: 2px solid #FFFFFF;
    border-radius: 100%;
    overflow: hidden
}

section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info .author-name-link span,
.sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info .author-name-link span {
    display: block
}

section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info .author-name-link span.link,
.sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info .author-name-link span.link {
    margin-top: -5px
}

section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info .author-name-link span.link a,
.sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info .author-name-link span.link a {
    font-size: 12px
}

section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info .author-name-link span.rating,
.sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info .author-name-link span.rating {
    font-size: 60%;
    color: #fedc45
}

section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info .author-name-link span.rating[class*="fa-"],
.sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info .author-name-link span.rating[class*="fa-"] {
    opacity: .7
}

section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info .author-name-link span.rating .active[class*="fa-"],
.sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .author-info .author-name-link span.rating .active[class*="fa-"] {
    font-weight: 900;
    opacity: 1
}

section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active,
.sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active {
    z-index: 1
}

@media (min-width:992px) {

    section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active .testimonial-item,
    .sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active .testimonial-item {
        opacity: .3
    }

    section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center,
    .sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center {
        z-index: 2
    }

    section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center .testimonial-item,
    .sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center .testimonial-item {
        opacity: 1;
        background: #0273d4;
        border-color: #0273d4;
        color: #FFFFFF;
        padding: 25px;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center .testimonial-item .readmore,
    .sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center .testimonial-item .readmore {
        color: #FFFFFF
    }

    section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center .testimonial-item .author-info .author-name-link span.link a,
    .sec.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center .testimonial-item .author-info .author-name-link span.link a {
        color: #FFFFFF
    }
}

.owl-carousel .slide-item {
    padding: 0px 5px
}

.owl-carousel.no-padding-items .slide-item {
    padding: 0px
}

.owl-carousel.feature-apps img {
    border: 2px solid #D5DCE5;
    background: #FFFFFF;
    width: 75px !important;
    margin: auto
}

.owl-carousel .owl-item img {
    width: auto
}

.owl-carousel .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-carousel .owl-nav [class*='owl-'] {
    margin: 5px;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 19px;
    line-height: 25px;
    text-align: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    box-shadow: 0 2px 20px 2px rgba(12, 0, 46, 0.06);
    transition: all .2s linear
}

.owl-carousel .owl-nav [class*='owl-'] span {
    display: none
}

.owl-carousel .owl-nav [class*='owl-']:before {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 400;
    text-indent: 0px
}

.owl-carousel .owl-nav [class*='owl-']:hover {
    background: #DB3F3B;
    color: #FFFFFF;
    text-decoration: none
}

.owl-carousel .owl-nav .owl-next:before {
    content: "\f061"
}

.owl-carousel .owl-nav .owl-next:hover:before {
    content: "\f060"
}

.owl-carousel .owl-nav .owl-prev:before {
    content: "\f060"
}

.owl-carousel .owl-nav .owl-prev:hover:before {
    content: "\f061"
}

.owl-carousel .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-carousel .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block
}

.owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 0 3px;
    border: 1px solid #DB3F3B;
    background-color: #FFFFFF;
    color: #DB3F3B;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    background: #eb9391;
    width: 12px;
    height: 12px;
    color: #FFFFFF
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    outline: none !important
}

section.gallery .swiper-pagination-fraction,
.sec.gallery .swiper-pagination-fraction,
section.gallery .swiper-pagination-custom,
.sec.gallery .swiper-pagination-custom,
section.gallery .swiper-horizontal>.swiper-pagination-bullets,
.sec.gallery .swiper-horizontal>.swiper-pagination-bullets,
section.gallery .swiper-pagination-bullets.swiper-pagination-horizontal,
.sec.gallery .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -20px
}

section.gallery .thumbnail,
.sec.gallery .thumbnail {
    position: relative;
    overflow: hidden
}

section.gallery .thumbnail .tools,
.sec.gallery .thumbnail .tools {
    position: absolute;
    top: -100%;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #FFFFFF !important;
    z-index: 2;
    transition: all 0.5s ease-in-out
}

section.gallery .thumbnail .tools [class*="fa-"],
.sec.gallery .thumbnail .tools [class*="fa-"] {
    background: rgba(0, 0, 0, 0.55);
    font-size: 17px;
    padding: 15px;
    border-radius: 100%;
    color: #EDF0F5
}

section.gallery .thumbnail .tools .btn,
.sec.gallery .thumbnail .tools .btn {
    background: rgba(0, 0, 0, 0.55);
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    color: #EDF0F5;
    transition: all 0.5s linear
}

section.gallery .thumbnail .tools .btn:hover,
.sec.gallery .thumbnail .tools .btn:hover {
    background: rgba(0, 0, 0, 0.55)
}

section.gallery .thumbnail:hover .tools,
.sec.gallery .thumbnail:hover .tools {
    top: 35%
}

section.gallery .contents,
.sec.gallery .contents,
section.gallery a.contents,
.sec.gallery a.contents {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .5rem;
    font-size: 1.25rem;
    text-decoration: none;
    text-align: center
}

section.gallery .gallery-items,
.sec.gallery .gallery-items {
    margin-bottom: 2rem
}

section.gallery .gallery-items .item-graphics,
.sec.gallery .gallery-items .item-graphics {
    position: relative;
    overflow: hidden
}

section.gallery .gallery-items .item-graphics .tools,
.sec.gallery .gallery-items .item-graphics .tools {
    position: absolute;
    top: -100%;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #FFFFFF !important;
    z-index: 2;
    transition: all 0.5s ease-in-out
}

section.gallery .gallery-items .item-graphics .tools [class*="fa-"],
.sec.gallery .gallery-items .item-graphics .tools [class*="fa-"] {
    background: rgba(0, 0, 0, 0.55);
    font-size: 17px;
    padding: 15px;
    border-radius: 100%;
    color: #EDF0F5
}

section.gallery .gallery-items .item-graphics .tools .btn,
.sec.gallery .gallery-items .item-graphics .tools .btn {
    background: rgba(0, 0, 0, 0.55);
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    color: #EDF0F5;
    transition: all 0.5s linear
}

section.gallery .gallery-items .item-graphics .tools .btn:hover,
.sec.gallery .gallery-items .item-graphics .tools .btn:hover {
    background: rgba(0, 0, 0, 0.55)
}

section.gallery .gallery-items.has-link,
.sec.gallery .gallery-items.has-link {
    cursor: pointer
}

section.gallery .gallery-items:hover .item-graphics img,
.sec.gallery .gallery-items:hover .item-graphics img,
section.gallery .gallery-items:hover .item-graphics video,
.sec.gallery .gallery-items:hover .item-graphics video {
    opacity: .7
}

section.gallery .gallery-items:hover .item-graphics .tools,
.sec.gallery .gallery-items:hover .item-graphics .tools {
    top: 45%
}

.list-group-item .badge {
    color: #FFFFFF
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    label:empty {
        display: inline-block
    }

    badge:empty {
        display: inline-block
    }
}

.badge {
    text-shadow: none;
    font-size: 12px;
    padding: 3px 6px 3px 6px;
    font-weight: normal;
    background-color: #999 !important;
    border-radius: 12px !important;
    text-shadow: none !important;
    outline: 0 !important;
    box-shadow: none !important
}

.badge.no-radius {
    border-radius: 0 !important
}

.badge-transparent {
    background-color: transparent !important
}

.badge-primary {
    background-color: #0273d4 !important
}

.badge-secondary {
    background-color: #DB3F3B !important
}

.badge-success {
    background-color: #0273d4 !important
}

.badge-warning {
    background-color: #f0ad4e !important
}

.badge-danger {
    background-color: #d9534f !important
}

.badge-info {
    background-color: #0273d4 !important
}

.badge-inverse {
    background-color: #1a1a1a !important
}

.badge-light {
    background-color: #EDF0F5 !important
}

.badge-light {
    color: #999 !important
}

.badge-primary.badge-success {
    background-color: #28a745 !important
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

.mass-head {
    position: relative;
    overflow: hidden
}

.domains-section {
    position: relative
}

.domains-section .domain-hero {
    position: relative;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.domains-section .domain-hero .form-search {
    width: 100%;
    max-width: 600px
}

@media (min-width:992px) and (max-width:1200px) {
    .domains-section .domain-hero .form-search {
        max-width: 490px
    }
}

.domains-section .domain-hero .domain-pricing {
    display: flex;
    align-items: center;
    margin-top: 10px
}

.domains-section .domain-hero .domain-pricing .featured-tlds {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.domains-section .domain-hero .domain-pricing .featured-tlds div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #D5DCE5
}

.domains-section .domain-hero .domain-pricing .featured-tlds div:last-child {
    margin-right: 0;
    padding-right: 0;
    border: 0 none
}

.domains-section .domain-hero .domain-pricing .featured-tlds div.tld-img img {
    vertical-align: baseline;
    margin-top: 6px
}

.domains-section .domain-hero .domain-pricing .featured-tlds .tld,
.domains-section .domain-hero .domain-pricing .featured-tlds .dots {
    font-weight: 900;
    margin-right: 4px
}

.domains-section .domain-hero .domain-pricing .featured-tlds .tld {
    font-size: 1.2rem
}

.domains-section .domain-hero .domain-pricing .featured-tlds .dots {
    margin-right: 0;
    color: #0273d4
}

.domains-section .domain-hero .serach-form {
    display: flex;
    align-items: center;
    position: relative;
    background: #FFFFFF;
    width: 100%;
    padding: 6px;
    margin: 0 auto;
    border-radius: 4px;
    border: 1px solid #D5DCE5
}

.domains-section .domain-hero .serach-form .form-control {
    border: 0 none;
    box-shadow: none
}

.domains-section .domain-hero .serach-form .input-group-icon {
    margin: 0 8px;
    font-size: 18px;
    color: #999
}

.domains-section .domain-hero .serach-form .input-group-btn {
    display: flex;
    width: auto;
    margin-left: 8px
}

.domains-section .domain-hero .serach-form .input-group-btn .btn {
    min-width: 110px
}

@media (max-width:586px) {
    .domains-section .domain-hero .serach-form {
        display: block;
        background: 0 0;
        border: 0 none;
        box-shadow: none
    }

    .domains-section .domain-hero .serach-form .domain-pricing {
        margin-top: 15px
    }

    .domains-section .domain-hero .serach-form .input-group-icon {
        display: none
    }

    .domains-section .domain-hero .serach-form .form-control {
        margin-bottom: 7.5px;
        border: 1px solid #D5DCE5;
        width: 100%
    }

    .domains-section .domain-hero .serach-form .input-group-btn {
        width: 100%;
        margin-left: 0
    }

    .domains-section .domain-hero .serach-form .input-group-btn .btn {
        flex: 1
    }
}

@media (min-width:992px) {
    .domains-section .domain-hero {
        flex-direction: row
    }

    .domains-section .domain-hero .form-search {
        margin-left: 15px;
        order: 2
    }

    .domains-section .domain-hero .domain-pricing {
        margin: 0 15px 0 0;
        order: 1
    }
}

.domains-section .domain-hero.in-inner-block .form-search {
    max-width: 768px
}

.domains-section .domain-hero.in-inner-block .domain-pricing {
    margin: 30px 0 0
}

.domains-section .domain-hero.in-inner-block .domain-pricing .featured-tlds div {
    padding: 8px;
    margin-top: 8px;
    border: 1px solid #D5DCE5;
    border-radius: 4px
}

.domains-section .domain-hero.in-inner-block .domain-pricing .featured-tlds div .tld {
    font-size: 19px
}

.domains-section .domain-hero.in-inner-block .serach-form {
    box-shadow: 0 4px 16px 0 rgba(19, 26, 44, 0.02), 0 0 32px 0 rgba(19, 26, 44, 0.1)
}

.domains-section .domain-hero .tld-content {
    display: flex;
    align-items: center;
    position: relative;
    padding: 8px 40px
}

.domains-section .domain-hero .tld-content.tld-img img {
    vertical-align: baseline;
    margin-top: 6px
}

.domains-section .domain-hero .tld-content .tld,
.domains-section .domain-hero .tld-content .dots {
    font-weight: 900;
    margin-right: 8px
}

.domains-section .domain-hero .tld-content .tld {
    font-size: 19px
}

.domains-section .domain-hero .tld-content .dots {
    margin-right: 0;
    color: #0273d4
}

.domains-section .domain-hero .tld-content .tld-price {
    white-space: nowrap
}

.domains-section .domain-hero .tld-content+.tld-content:before {
    content: "";
    width: 1px;
    height: 24px;
    background: #D5DCE5;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.domains-section .domain-hero.full-width {
    padding: 0;
    align-items: normal
}

.domains-section .domain-hero.full-width .form-search {
    margin-bottom: 10px;
    width: 100%;
    max-width: 100% !important;
    order: 1
}

@media (max-width:633px) {
    .domains-section .domain-hero.full-width .form-search {
        margin-top: 10px
    }
}

.domains-section .domain-hero.full-width .serach-form {
    border-top-width: 2px;
    padding: 3px
}

.domains-section .domain-hero.full-width .domain-pricing {
    justify-content: space-between;
    margin-bottom: 10px;
    order: 2
}

@media (max-width:767px) {
    .domains-section .domain-hero.full-width .domain-pricing {
        flex-direction: column
    }
}

.domains-section .domain-hero.full-width .domain-pricing .featured-tlds {
    justify-content: left;
    margin-left: 10px
}

.domains-section .domain-hero.full-width .domain-pricing .btn {
    padding: 10px
}

@media (min-width:992px) {
    .domains-section .domain-hero.full-width {
        flex-direction: column
    }

    .domains-section .domain-hero.full-width .form-search {
        margin-left: 0
    }

    .domains-section .domain-hero.full-width .domain-pricing {
        margin-right: 0
    }
}

.domains-section.sec-img-bg {
    background-image: url(/templates/croster/assets/images/sec-bg10.jpg)
}

.domains-section.bg-primary .domain-hero .domain-pricing .dots {
    color: #FFFFFF
}

.domains-section.bg-primary .domain-hero .domain-pricing .tld-content.tld-img .tld img,
.domains-section.dark .domain-hero .domain-pricing .tld-content.tld-img .tld img,
.domains-section.inverse .domain-hero .domain-pricing .tld-content.tld-img .tld img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.domains-section.bg-primary .domain-hero .domain-pricing .featured-tlds .tld-img .tld img,
.domains-section.dark .domain-hero .domain-pricing .featured-tlds .tld-img .tld img,
.domains-section.inverse .domain-hero .domain-pricing .featured-tlds .tld-img .tld img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

@media (min-width:1200px) {
    .container-xl {
        width: 100%;
        max-width: 1520px
    }
}

section.products,
.sec.products,
section.about,
.sec.about,
section.social,
.sec.social,
section.testimonials,
.sec.testimonials,
section.features,
.sec.features,
section.faqs,
.sec.faqs,
section.editor,
.sec.editor,
section.feature-list,
.sec.feature-list,
section.teamlist,
.sec.teamlist,
section.gallery,
.sec.gallery,
section.domains,
.sec.domains,
section.site-banner-domain,
.sec.site-banner-domain {
    padding: 60px 0
}

section.products.inner-30,
.sec.products.inner-30,
section.about.inner-30,
.sec.about.inner-30,
section.social.inner-30,
.sec.social.inner-30,
section.testimonials.inner-30,
.sec.testimonials.inner-30,
section.features.inner-30,
.sec.features.inner-30,
section.faqs.inner-30,
.sec.faqs.inner-30,
section.editor.inner-30,
.sec.editor.inner-30,
section.feature-list.inner-30,
.sec.feature-list.inner-30,
section.teamlist.inner-30,
.sec.teamlist.inner-30,
section.gallery.inner-30,
.sec.gallery.inner-30,
section.domains.inner-30,
.sec.domains.inner-30,
section.site-banner-domain.inner-30,
.sec.site-banner-domain.inner-30 {
    padding: 30px 0
}

section.products h1,
.sec.products h1,
section.about h1,
.sec.about h1,
section.social h1,
.sec.social h1,
section.testimonials h1,
.sec.testimonials h1,
section.features h1,
.sec.features h1,
section.faqs h1,
.sec.faqs h1,
section.editor h1,
.sec.editor h1,
section.feature-list h1,
.sec.feature-list h1,
section.teamlist h1,
.sec.teamlist h1,
section.gallery h1,
.sec.gallery h1,
section.domains h1,
.sec.domains h1,
section.site-banner-domain h1,
.sec.site-banner-domain h1,
section.products h2,
.sec.products h2,
section.about h2,
.sec.about h2,
section.social h2,
.sec.social h2,
section.testimonials h2,
.sec.testimonials h2,
section.features h2,
.sec.features h2,
section.faqs h2,
.sec.faqs h2,
section.editor h2,
.sec.editor h2,
section.feature-list h2,
.sec.feature-list h2,
section.teamlist h2,
.sec.teamlist h2,
section.gallery h2,
.sec.gallery h2,
section.domains h2,
.sec.domains h2,
section.site-banner-domain h2,
.sec.site-banner-domain h2,
section.products .h1,
.sec.products .h1,
section.about .h1,
.sec.about .h1,
section.social .h1,
.sec.social .h1,
section.testimonials .h1,
.sec.testimonials .h1,
section.features .h1,
.sec.features .h1,
section.faqs .h1,
.sec.faqs .h1,
section.editor .h1,
.sec.editor .h1,
section.feature-list .h1,
.sec.feature-list .h1,
section.teamlist .h1,
.sec.teamlist .h1,
section.gallery .h1,
.sec.gallery .h1,
section.domains .h1,
.sec.domains .h1,
section.site-banner-domain .h1,
.sec.site-banner-domain .h1,
section.products .h2,
.sec.products .h2,
section.about .h2,
.sec.about .h2,
section.social .h2,
.sec.social .h2,
section.testimonials .h2,
.sec.testimonials .h2,
section.features .h2,
.sec.features .h2,
section.faqs .h2,
.sec.faqs .h2,
section.editor .h2,
.sec.editor .h2,
section.feature-list .h2,
.sec.feature-list .h2,
section.teamlist .h2,
.sec.teamlist .h2,
section.gallery .h2,
.sec.gallery .h2,
section.domains .h2,
.sec.domains .h2,
section.site-banner-domain .h2,
.sec.site-banner-domain .h2 {
    margin: 0 0 30px
}

section.products .domain-hero,
.sec.products .domain-hero,
section.about .domain-hero,
.sec.about .domain-hero,
section.social .domain-hero,
.sec.social .domain-hero,
section.testimonials .domain-hero,
.sec.testimonials .domain-hero,
section.features .domain-hero,
.sec.features .domain-hero,
section.faqs .domain-hero,
.sec.faqs .domain-hero,
section.editor .domain-hero,
.sec.editor .domain-hero,
section.feature-list .domain-hero,
.sec.feature-list .domain-hero,
section.teamlist .domain-hero,
.sec.teamlist .domain-hero,
section.gallery .domain-hero,
.sec.gallery .domain-hero,
section.domains .domain-hero,
.sec.domains .domain-hero,
section.site-banner-domain .domain-hero,
.sec.site-banner-domain .domain-hero {
    flex-direction: column !important
}

section.products .domain-hero .form-search,
.sec.products .domain-hero .form-search,
section.about .domain-hero .form-search,
.sec.about .domain-hero .form-search,
section.social .domain-hero .form-search,
.sec.social .domain-hero .form-search,
section.testimonials .domain-hero .form-search,
.sec.testimonials .domain-hero .form-search,
section.features .domain-hero .form-search,
.sec.features .domain-hero .form-search,
section.faqs .domain-hero .form-search,
.sec.faqs .domain-hero .form-search,
section.editor .domain-hero .form-search,
.sec.editor .domain-hero .form-search,
section.feature-list .domain-hero .form-search,
.sec.feature-list .domain-hero .form-search,
section.teamlist .domain-hero .form-search,
.sec.teamlist .domain-hero .form-search,
section.gallery .domain-hero .form-search,
.sec.gallery .domain-hero .form-search,
section.domains .domain-hero .form-search,
.sec.domains .domain-hero .form-search,
section.site-banner-domain .domain-hero .form-search,
.sec.site-banner-domain .domain-hero .form-search,
section.products .domain-hero .domain-pricing,
.sec.products .domain-hero .domain-pricing,
section.about .domain-hero .domain-pricing,
.sec.about .domain-hero .domain-pricing,
section.social .domain-hero .domain-pricing,
.sec.social .domain-hero .domain-pricing,
section.testimonials .domain-hero .domain-pricing,
.sec.testimonials .domain-hero .domain-pricing,
section.features .domain-hero .domain-pricing,
.sec.features .domain-hero .domain-pricing,
section.faqs .domain-hero .domain-pricing,
.sec.faqs .domain-hero .domain-pricing,
section.editor .domain-hero .domain-pricing,
.sec.editor .domain-hero .domain-pricing,
section.feature-list .domain-hero .domain-pricing,
.sec.feature-list .domain-hero .domain-pricing,
section.teamlist .domain-hero .domain-pricing,
.sec.teamlist .domain-hero .domain-pricing,
section.gallery .domain-hero .domain-pricing,
.sec.gallery .domain-hero .domain-pricing,
section.domains .domain-hero .domain-pricing,
.sec.domains .domain-hero .domain-pricing,
section.site-banner-domain .domain-hero .domain-pricing,
.sec.site-banner-domain .domain-hero .domain-pricing {
    margin: 0
}

section.products .domain-hero .domain-pricing,
.sec.products .domain-hero .domain-pricing,
section.about .domain-hero .domain-pricing,
.sec.about .domain-hero .domain-pricing,
section.social .domain-hero .domain-pricing,
.sec.social .domain-hero .domain-pricing,
section.testimonials .domain-hero .domain-pricing,
.sec.testimonials .domain-hero .domain-pricing,
section.features .domain-hero .domain-pricing,
.sec.features .domain-hero .domain-pricing,
section.faqs .domain-hero .domain-pricing,
.sec.faqs .domain-hero .domain-pricing,
section.editor .domain-hero .domain-pricing,
.sec.editor .domain-hero .domain-pricing,
section.feature-list .domain-hero .domain-pricing,
.sec.feature-list .domain-hero .domain-pricing,
section.teamlist .domain-hero .domain-pricing,
.sec.teamlist .domain-hero .domain-pricing,
section.gallery .domain-hero .domain-pricing,
.sec.gallery .domain-hero .domain-pricing,
section.domains .domain-hero .domain-pricing,
.sec.domains .domain-hero .domain-pricing,
section.site-banner-domain .domain-hero .domain-pricing,
.sec.site-banner-domain .domain-hero .domain-pricing {
    margin-top: 20px;
    order: 2
}

section .tech-specs ul,
.sec .tech-specs ul {
    margin-bottom: 0
}

section .tech-specs ul li,
.sec .tech-specs ul li {
    position: relative;
    list-style: none;
    font-size: 110%;
    padding: 2px 0 2px 20px
}

section .tech-specs ul li:before,
.sec .tech-specs ul li:before {
    position: absolute;
    content: "\f058";
    margin-right: 4px;
    font-family: "Font Awesome 5 Pro";
    color: #0273d4;
    font-size: 16px;
    left: 0
}

section .swiper-pagination-bullet,
.sec .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 1px solid #DB3F3B;
    border-radius: 0 !important;
    background-color: #FFFFFF
}

section .swiper-pagination-bullet-active,
.sec .swiper-pagination-bullet-active {
    border-color: #DB3F3B;
    background-color: #eb9391;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

section .swiper-button-prev.swiper-button-disabled,
.sec .swiper-button-prev.swiper-button-disabled,
section .swiper-button-next.swiper-button-disabled,
.sec .swiper-button-next.swiper-button-disabled {
    opacity: 0
}

section .swiper-button-next,
.sec .swiper-button-next,
section .swiper-button-prev,
.sec .swiper-button-prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
    margin: 0
}

section .swiper-button-next .btn_icon_large,
.sec .swiper-button-next .btn_icon_large,
section .swiper-button-prev .btn_icon_large,
.sec .swiper-button-prev .btn_icon_large {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 15px;
    background-color: var(--white);
    box-shadow: 2px 15px 30px rgba(0, 0, 0, 0.15);
    font-size: 21px
}

section .swiper-button-next:after,
.sec .swiper-button-next:after,
section .swiper-button-prev:after,
.sec .swiper-button-prev:after {
    display: none
}

section .swiper-button-prev,
.sec .swiper-button-prev,
section .swiper-container-rtl .swiper-button-next,
.sec .swiper-container-rtl .swiper-button-next {
    left: -40px
}

section .swiper-button-next,
.sec .swiper-button-next,
section .swiper-container-rtl .swiper-button-prev,
.sec .swiper-container-rtl .swiper-button-prev {
    right: -40px
}

@media (min-width:1200px) {

    section .swiper-button-prev,
    .sec .swiper-button-prev,
    section .swiper-container-rtl .swiper-button-next,
    .sec .swiper-container-rtl .swiper-button-next {
        left: -60px
    }

    section .swiper-button-next,
    .sec .swiper-button-next,
    section .swiper-container-rtl .swiper-button-prev,
    .sec .swiper-container-rtl .swiper-button-prev {
        right: -60px
    }
}

@media (max-width:991px) {

    section .swiper-button-next .btn_icon_large,
    .sec .swiper-button-next .btn_icon_large,
    section .swiper-button-prev .btn_icon_large,
    .sec .swiper-button-prev .btn_icon_large {
        padding: 10px;
        font-size: 14px
    }

    section .swiper-button-prev,
    .sec .swiper-button-prev,
    section .swiper-container-rtl .swiper-button-next,
    .sec .swiper-container-rtl .swiper-button-next {
        left: -5px
    }

    section .swiper-button-next,
    .sec .swiper-button-next,
    section .swiper-container-rtl .swiper-button-prev,
    .sec .swiper-container-rtl .swiper-button-prev {
        right: -5px
    }
}

@media (min-width:992px) {

    section.products,
    .sec.products,
    section.about,
    .sec.about,
    section.social,
    .sec.social,
    section.testimonials,
    .sec.testimonials,
    section.features,
    .sec.features,
    section.faqs,
    .sec.faqs,
    section.editor,
    .sec.editor,
    section.feature-list,
    .sec.feature-list,
    section.teamlist,
    .sec.teamlist,
    section.gallery,
    .sec.gallery,
    section.domains,
    .sec.domains,
    section.site-banner-domain,
    .sec.site-banner-domain {
        padding: 120px 0
    }

    section.products.inner-t-60,
    .sec.products.inner-t-60,
    section.about.inner-t-60,
    .sec.about.inner-t-60,
    section.social.inner-t-60,
    .sec.social.inner-t-60,
    section.testimonials.inner-t-60,
    .sec.testimonials.inner-t-60,
    section.features.inner-t-60,
    .sec.features.inner-t-60,
    section.faqs.inner-t-60,
    .sec.faqs.inner-t-60,
    section.editor.inner-t-60,
    .sec.editor.inner-t-60,
    section.feature-list.inner-t-60,
    .sec.feature-list.inner-t-60,
    section.teamlist.inner-t-60,
    .sec.teamlist.inner-t-60,
    section.gallery.inner-t-60,
    .sec.gallery.inner-t-60,
    section.domains.inner-t-60,
    .sec.domains.inner-t-60,
    section.site-banner-domain.inner-t-60,
    .sec.site-banner-domain.inner-t-60 {
        padding-top: 60px
    }

    section.products.inner-t-30,
    .sec.products.inner-t-30,
    section.about.inner-t-30,
    .sec.about.inner-t-30,
    section.social.inner-t-30,
    .sec.social.inner-t-30,
    section.testimonials.inner-t-30,
    .sec.testimonials.inner-t-30,
    section.features.inner-t-30,
    .sec.features.inner-t-30,
    section.faqs.inner-t-30,
    .sec.faqs.inner-t-30,
    section.editor.inner-t-30,
    .sec.editor.inner-t-30,
    section.feature-list.inner-t-30,
    .sec.feature-list.inner-t-30,
    section.teamlist.inner-t-30,
    .sec.teamlist.inner-t-30,
    section.gallery.inner-t-30,
    .sec.gallery.inner-t-30,
    section.domains.inner-t-30,
    .sec.domains.inner-t-30,
    section.site-banner-domain.inner-t-30,
    .sec.site-banner-domain.inner-t-30 {
        padding-top: 30px
    }

    section.products.inner-b-60,
    .sec.products.inner-b-60,
    section.about.inner-b-60,
    .sec.about.inner-b-60,
    section.social.inner-b-60,
    .sec.social.inner-b-60,
    section.testimonials.inner-b-60,
    .sec.testimonials.inner-b-60,
    section.features.inner-b-60,
    .sec.features.inner-b-60,
    section.faqs.inner-b-60,
    .sec.faqs.inner-b-60,
    section.editor.inner-b-60,
    .sec.editor.inner-b-60,
    section.feature-list.inner-b-60,
    .sec.feature-list.inner-b-60,
    section.teamlist.inner-b-60,
    .sec.teamlist.inner-b-60,
    section.gallery.inner-b-60,
    .sec.gallery.inner-b-60,
    section.domains.inner-b-60,
    .sec.domains.inner-b-60,
    section.site-banner-domain.inner-b-60,
    .sec.site-banner-domain.inner-b-60 {
        padding-bottom: 60px
    }

    section.products.inner-b-30,
    .sec.products.inner-b-30,
    section.about.inner-b-30,
    .sec.about.inner-b-30,
    section.social.inner-b-30,
    .sec.social.inner-b-30,
    section.testimonials.inner-b-30,
    .sec.testimonials.inner-b-30,
    section.features.inner-b-30,
    .sec.features.inner-b-30,
    section.faqs.inner-b-30,
    .sec.faqs.inner-b-30,
    section.editor.inner-b-30,
    .sec.editor.inner-b-30,
    section.feature-list.inner-b-30,
    .sec.feature-list.inner-b-30,
    section.teamlist.inner-b-30,
    .sec.teamlist.inner-b-30,
    section.gallery.inner-b-30,
    .sec.gallery.inner-b-30,
    section.domains.inner-b-30,
    .sec.domains.inner-b-30,
    section.site-banner-domain.inner-b-30,
    .sec.site-banner-domain.inner-b-30 {
        padding-bottom: 30px
    }

    section .tech-specs h3,
    .sec .tech-specs h3,
    section .tech-specs .h3,
    .sec .tech-specs .h3 {
        border-bottom: 3px double #D5DCE5;
        padding: 0 0 10px 10px
    }

    section .tech-specs ul,
    .sec .tech-specs ul {
        padding-left: 0
    }
}

section.products.margin-up,
.sec.products.margin-up {
    padding: 0 0 60px;
    z-index: 2
}

section.products.margin-up .cros-pricing-container,
.sec.products.margin-up .cros-pricing-container {
    margin-top: -100px
}

section.call-to-action .sec-title,
.sec.call-to-action .sec-title,
section .sec_banner .sec-title,
.sec .sec_banner .sec-title {
    margin: 0 0 1.5rem
}

section.call-to-action .sec-desc,
.sec.call-to-action .sec-desc,
section .sec_banner .sec-desc,
.sec .sec_banner .sec-desc {
    margin-top: 1.5rem
}

section.call-to-action .sec-actions,
.sec.call-to-action .sec-actions,
section .sec_banner .sec-actions,
.sec .sec_banner .sec-actions {
    padding-top: 2rem
}

section.call-to-action.sec-col-2 .sec-block,
.sec.call-to-action.sec-col-2 .sec-block,
section .sec_banner.sec-col-2 .sec-block,
.sec .sec_banner.sec-col-2 .sec-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

section.call-to-action.sec-col-2 .sec-block .sec-col-first img,
.sec.call-to-action.sec-col-2 .sec-block .sec-col-first img,
section .sec_banner.sec-col-2 .sec-block .sec-col-first img,
.sec .sec_banner.sec-col-2 .sec-block .sec-col-first img,
section.call-to-action.sec-col-2 .sec-block .sec-col-last img,
.sec.call-to-action.sec-col-2 .sec-block .sec-col-last img,
section .sec_banner.sec-col-2 .sec-block .sec-col-last img,
.sec .sec_banner.sec-col-2 .sec-block .sec-col-last img {
    margin: 0 auto
}

@media only screen and (max-width:767px) {

    section.call-to-action.sec-col-2 .sec-block,
    .sec.call-to-action.sec-col-2 .sec-block,
    section .sec_banner.sec-col-2 .sec-block,
    .sec .sec_banner.sec-col-2 .sec-block {
        flex-direction: column
    }

    section.call-to-action.sec-col-2 .sec-block .sec-col-first,
    .sec.call-to-action.sec-col-2 .sec-block .sec-col-first,
    section .sec_banner.sec-col-2 .sec-block .sec-col-first,
    .sec .sec_banner.sec-col-2 .sec-block .sec-col-first,
    section.call-to-action.sec-col-2 .sec-block .sec-col-last,
    .sec.call-to-action.sec-col-2 .sec-block .sec-col-last,
    section .sec_banner.sec-col-2 .sec-block .sec-col-last,
    .sec .sec_banner.sec-col-2 .sec-block .sec-col-last {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:991px) {

    section.footer.spc,
    .sec.footer.spc {
        padding-bottom: 170px
    }
}

section.social .news-blocks .card .card-body,
.sec.social .news-blocks .card .card-body {
    padding: 0
}

section.social .news-blocks .card .card-footer,
.sec.social .news-blocks .card .card-footer {
    padding: .75rem 0 0;
    background-color: transparent;
    border: 0 none
}

section.products .sec-description,
.sec.products .sec-description,
section.about .sec-description,
.sec.about .sec-description,
section.social .sec-description,
.sec.social .sec-description,
section.testimonials .sec-description,
.sec.testimonials .sec-description,
section.features .sec-description,
.sec.features .sec-description,
section.faqs .sec-description,
.sec.faqs .sec-description,
section.editor .sec-description,
.sec.editor .sec-description,
section.feature-list .sec-description,
.sec.feature-list .sec-description,
section.teamlist .sec-description,
.sec.teamlist .sec-description,
section.gallery .sec-description,
.sec.gallery .sec-description,
section.domains .sec-description,
.sec.domains .sec-description,
section.site-banner .sec-description,
.sec.site-banner .sec-description,
section.site-banner-domain .sec-description,
.sec.site-banner-domain .sec-description {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 768px;
    margin: 0 auto 3rem
}

section.products .sec-caption,
.sec.products .sec-caption,
section.about .sec-caption,
.sec.about .sec-caption,
section.social .sec-caption,
.sec.social .sec-caption,
section.testimonials .sec-caption,
.sec.testimonials .sec-caption,
section.features .sec-caption,
.sec.features .sec-caption,
section.faqs .sec-caption,
.sec.faqs .sec-caption,
section.editor .sec-caption,
.sec.editor .sec-caption,
section.feature-list .sec-caption,
.sec.feature-list .sec-caption,
section.teamlist .sec-caption,
.sec.teamlist .sec-caption,
section.gallery .sec-caption,
.sec.gallery .sec-caption,
section.domains .sec-caption,
.sec.domains .sec-caption,
section.site-banner .sec-caption,
.sec.site-banner .sec-caption,
section.site-banner-domain .sec-caption,
.sec.site-banner-domain .sec-caption {
    display: block;
    margin-bottom: 1rem
}

section.products .sec-caption span,
.sec.products .sec-caption span,
section.about .sec-caption span,
.sec.about .sec-caption span,
section.social .sec-caption span,
.sec.social .sec-caption span,
section.testimonials .sec-caption span,
.sec.testimonials .sec-caption span,
section.features .sec-caption span,
.sec.features .sec-caption span,
section.faqs .sec-caption span,
.sec.faqs .sec-caption span,
section.editor .sec-caption span,
.sec.editor .sec-caption span,
section.feature-list .sec-caption span,
.sec.feature-list .sec-caption span,
section.teamlist .sec-caption span,
.sec.teamlist .sec-caption span,
section.gallery .sec-caption span,
.sec.gallery .sec-caption span,
section.domains .sec-caption span,
.sec.domains .sec-caption span,
section.site-banner .sec-caption span,
.sec.site-banner .sec-caption span,
section.site-banner-domain .sec-caption span,
.sec.site-banner-domain .sec-caption span {
    display: inline-block;
    border: 1px solid var(--primary);
    padding: .08em .5em
}

section.products h1.sec-title,
.sec.products h1.sec-title,
section.about h1.sec-title,
.sec.about h1.sec-title,
section.social h1.sec-title,
.sec.social h1.sec-title,
section.testimonials h1.sec-title,
.sec.testimonials h1.sec-title,
section.features h1.sec-title,
.sec.features h1.sec-title,
section.faqs h1.sec-title,
.sec.faqs h1.sec-title,
section.editor h1.sec-title,
.sec.editor h1.sec-title,
section.feature-list h1.sec-title,
.sec.feature-list h1.sec-title,
section.teamlist h1.sec-title,
.sec.teamlist h1.sec-title,
section.gallery h1.sec-title,
.sec.gallery h1.sec-title,
section.domains h1.sec-title,
.sec.domains h1.sec-title,
section.site-banner h1.sec-title,
.sec.site-banner h1.sec-title,
section.site-banner-domain h1.sec-title,
.sec.site-banner-domain h1.sec-title,
section.products .h1.sec-title,
.sec.products .h1.sec-title,
section.about .h1.sec-title,
.sec.about .h1.sec-title,
section.social .h1.sec-title,
.sec.social .h1.sec-title,
section.testimonials .h1.sec-title,
.sec.testimonials .h1.sec-title,
section.features .h1.sec-title,
.sec.features .h1.sec-title,
section.faqs .h1.sec-title,
.sec.faqs .h1.sec-title,
section.editor .h1.sec-title,
.sec.editor .h1.sec-title,
section.feature-list .h1.sec-title,
.sec.feature-list .h1.sec-title,
section.teamlist .h1.sec-title,
.sec.teamlist .h1.sec-title,
section.gallery .h1.sec-title,
.sec.gallery .h1.sec-title,
section.domains .h1.sec-title,
.sec.domains .h1.sec-title,
section.site-banner .h1.sec-title,
.sec.site-banner .h1.sec-title,
section.site-banner-domain .h1.sec-title,
.sec.site-banner-domain .h1.sec-title {
    font-size: 3rem;
    font-weight: 900;
    margin-bottom: 1.5rem
}

section.products h2.sec-title,
.sec.products h2.sec-title,
section.about h2.sec-title,
.sec.about h2.sec-title,
section.social h2.sec-title,
.sec.social h2.sec-title,
section.testimonials h2.sec-title,
.sec.testimonials h2.sec-title,
section.features h2.sec-title,
.sec.features h2.sec-title,
section.faqs h2.sec-title,
.sec.faqs h2.sec-title,
section.editor h2.sec-title,
.sec.editor h2.sec-title,
section.feature-list h2.sec-title,
.sec.feature-list h2.sec-title,
section.teamlist h2.sec-title,
.sec.teamlist h2.sec-title,
section.gallery h2.sec-title,
.sec.gallery h2.sec-title,
section.domains h2.sec-title,
.sec.domains h2.sec-title,
section.site-banner h2.sec-title,
.sec.site-banner h2.sec-title,
section.site-banner-domain h2.sec-title,
.sec.site-banner-domain h2.sec-title,
section.products .h2.sec-title,
.sec.products .h2.sec-title,
section.about .h2.sec-title,
.sec.about .h2.sec-title,
section.social .h2.sec-title,
.sec.social .h2.sec-title,
section.testimonials .h2.sec-title,
.sec.testimonials .h2.sec-title,
section.features .h2.sec-title,
.sec.features .h2.sec-title,
section.faqs .h2.sec-title,
.sec.faqs .h2.sec-title,
section.editor .h2.sec-title,
.sec.editor .h2.sec-title,
section.feature-list .h2.sec-title,
.sec.feature-list .h2.sec-title,
section.teamlist .h2.sec-title,
.sec.teamlist .h2.sec-title,
section.gallery .h2.sec-title,
.sec.gallery .h2.sec-title,
section.domains .h2.sec-title,
.sec.domains .h2.sec-title,
section.site-banner .h2.sec-title,
.sec.site-banner .h2.sec-title,
section.site-banner-domain .h2.sec-title,
.sec.site-banner-domain .h2.sec-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem
}

section.products .sec-subtitle,
.sec.products .sec-subtitle,
section.about .sec-subtitle,
.sec.about .sec-subtitle,
section.social .sec-subtitle,
.sec.social .sec-subtitle,
section.testimonials .sec-subtitle,
.sec.testimonials .sec-subtitle,
section.features .sec-subtitle,
.sec.features .sec-subtitle,
section.faqs .sec-subtitle,
.sec.faqs .sec-subtitle,
section.editor .sec-subtitle,
.sec.editor .sec-subtitle,
section.feature-list .sec-subtitle,
.sec.feature-list .sec-subtitle,
section.teamlist .sec-subtitle,
.sec.teamlist .sec-subtitle,
section.gallery .sec-subtitle,
.sec.gallery .sec-subtitle,
section.domains .sec-subtitle,
.sec.domains .sec-subtitle,
section.site-banner .sec-subtitle,
.sec.site-banner .sec-subtitle,
section.site-banner-domain .sec-subtitle,
.sec.site-banner-domain .sec-subtitle {
    font-size: 1.25rem;
    font-weight: 300
}

section.products .sec-subtitle ul,
.sec.products .sec-subtitle ul,
section.about .sec-subtitle ul,
.sec.about .sec-subtitle ul,
section.social .sec-subtitle ul,
.sec.social .sec-subtitle ul,
section.testimonials .sec-subtitle ul,
.sec.testimonials .sec-subtitle ul,
section.features .sec-subtitle ul,
.sec.features .sec-subtitle ul,
section.faqs .sec-subtitle ul,
.sec.faqs .sec-subtitle ul,
section.editor .sec-subtitle ul,
.sec.editor .sec-subtitle ul,
section.feature-list .sec-subtitle ul,
.sec.feature-list .sec-subtitle ul,
section.teamlist .sec-subtitle ul,
.sec.teamlist .sec-subtitle ul,
section.gallery .sec-subtitle ul,
.sec.gallery .sec-subtitle ul,
section.domains .sec-subtitle ul,
.sec.domains .sec-subtitle ul,
section.site-banner .sec-subtitle ul,
.sec.site-banner .sec-subtitle ul,
section.site-banner-domain .sec-subtitle ul,
.sec.site-banner-domain .sec-subtitle ul {
    text-align: left
}

section.products #enableSoundButton,
.sec.products #enableSoundButton,
section.about #enableSoundButton,
.sec.about #enableSoundButton,
section.social #enableSoundButton,
.sec.social #enableSoundButton,
section.testimonials #enableSoundButton,
.sec.testimonials #enableSoundButton,
section.features #enableSoundButton,
.sec.features #enableSoundButton,
section.faqs #enableSoundButton,
.sec.faqs #enableSoundButton,
section.editor #enableSoundButton,
.sec.editor #enableSoundButton,
section.feature-list #enableSoundButton,
.sec.feature-list #enableSoundButton,
section.teamlist #enableSoundButton,
.sec.teamlist #enableSoundButton,
section.gallery #enableSoundButton,
.sec.gallery #enableSoundButton,
section.domains #enableSoundButton,
.sec.domains #enableSoundButton,
section.site-banner #enableSoundButton,
.sec.site-banner #enableSoundButton,
section.site-banner-domain #enableSoundButton,
.sec.site-banner-domain #enableSoundButton {
    background-color: rgba(0, 0, 0, 0.6);
    color: var(--white);
    border-radius: .75rem;
    position: absolute;
    padding: .5rem;
    top: 1rem;
    right: 2rem;
    width: auto
}

section.products #enableSoundButton .btn-text,
.sec.products #enableSoundButton .btn-text,
section.about #enableSoundButton .btn-text,
.sec.about #enableSoundButton .btn-text,
section.social #enableSoundButton .btn-text,
.sec.social #enableSoundButton .btn-text,
section.testimonials #enableSoundButton .btn-text,
.sec.testimonials #enableSoundButton .btn-text,
section.features #enableSoundButton .btn-text,
.sec.features #enableSoundButton .btn-text,
section.faqs #enableSoundButton .btn-text,
.sec.faqs #enableSoundButton .btn-text,
section.editor #enableSoundButton .btn-text,
.sec.editor #enableSoundButton .btn-text,
section.feature-list #enableSoundButton .btn-text,
.sec.feature-list #enableSoundButton .btn-text,
section.teamlist #enableSoundButton .btn-text,
.sec.teamlist #enableSoundButton .btn-text,
section.gallery #enableSoundButton .btn-text,
.sec.gallery #enableSoundButton .btn-text,
section.domains #enableSoundButton .btn-text,
.sec.domains #enableSoundButton .btn-text,
section.site-banner #enableSoundButton .btn-text,
.sec.site-banner #enableSoundButton .btn-text,
section.site-banner-domain #enableSoundButton .btn-text,
.sec.site-banner-domain #enableSoundButton .btn-text {
    display: none;
    transition: all .2s ease-in-out
}

section.products #enableSoundButton:hover .btn-text,
.sec.products #enableSoundButton:hover .btn-text,
section.about #enableSoundButton:hover .btn-text,
.sec.about #enableSoundButton:hover .btn-text,
section.social #enableSoundButton:hover .btn-text,
.sec.social #enableSoundButton:hover .btn-text,
section.testimonials #enableSoundButton:hover .btn-text,
.sec.testimonials #enableSoundButton:hover .btn-text,
section.features #enableSoundButton:hover .btn-text,
.sec.features #enableSoundButton:hover .btn-text,
section.faqs #enableSoundButton:hover .btn-text,
.sec.faqs #enableSoundButton:hover .btn-text,
section.editor #enableSoundButton:hover .btn-text,
.sec.editor #enableSoundButton:hover .btn-text,
section.feature-list #enableSoundButton:hover .btn-text,
.sec.feature-list #enableSoundButton:hover .btn-text,
section.teamlist #enableSoundButton:hover .btn-text,
.sec.teamlist #enableSoundButton:hover .btn-text,
section.gallery #enableSoundButton:hover .btn-text,
.sec.gallery #enableSoundButton:hover .btn-text,
section.domains #enableSoundButton:hover .btn-text,
.sec.domains #enableSoundButton:hover .btn-text,
section.site-banner #enableSoundButton:hover .btn-text,
.sec.site-banner #enableSoundButton:hover .btn-text,
section.site-banner-domain #enableSoundButton:hover .btn-text,
.sec.site-banner-domain #enableSoundButton:hover .btn-text,
section.products #enableSoundButton:focus .btn-text,
.sec.products #enableSoundButton:focus .btn-text,
section.about #enableSoundButton:focus .btn-text,
.sec.about #enableSoundButton:focus .btn-text,
section.social #enableSoundButton:focus .btn-text,
.sec.social #enableSoundButton:focus .btn-text,
section.testimonials #enableSoundButton:focus .btn-text,
.sec.testimonials #enableSoundButton:focus .btn-text,
section.features #enableSoundButton:focus .btn-text,
.sec.features #enableSoundButton:focus .btn-text,
section.faqs #enableSoundButton:focus .btn-text,
.sec.faqs #enableSoundButton:focus .btn-text,
section.editor #enableSoundButton:focus .btn-text,
.sec.editor #enableSoundButton:focus .btn-text,
section.feature-list #enableSoundButton:focus .btn-text,
.sec.feature-list #enableSoundButton:focus .btn-text,
section.teamlist #enableSoundButton:focus .btn-text,
.sec.teamlist #enableSoundButton:focus .btn-text,
section.gallery #enableSoundButton:focus .btn-text,
.sec.gallery #enableSoundButton:focus .btn-text,
section.domains #enableSoundButton:focus .btn-text,
.sec.domains #enableSoundButton:focus .btn-text,
section.site-banner #enableSoundButton:focus .btn-text,
.sec.site-banner #enableSoundButton:focus .btn-text,
section.site-banner-domain #enableSoundButton:focus .btn-text,
.sec.site-banner-domain #enableSoundButton:focus .btn-text {
    display: inline-block
}

.site-banner {
    position: relative;
    overflow: hidden
}

.site-banner .banner_body {
    padding: 60px 0;
    position: relative
}

.site-banner .banner_body .banner-content-container {
    position: relative;
    z-index: 2
}

.site-banner .banner_body .banner-content-container .banner_content .action {
    display: flex;
    align-items: center;
    margin-top: 2rem
}

.site-banner .banner_body .banner-content-container .banner_content .action .pricing {
    display: flex;
    flex-direction: column;
    margin-left: 1rem
}

.site-banner .banner_body .banner-content-container .banner_content .action .pricing .price {
    display: flex;
    align-items: baseline;
    white-space: nowrap
}

.site-banner .banner_body .banner-content-container .banner_content .action .pricing .price .cost {
    font-size: 36px
}

.site-banner .banner_body .banner-content-container .banner_content .action .pricing.group {
    text-align: left !important;
    line-height: 33px
}

.site-banner .banner_body .banner-content-container .banner_graphic {
    display: flex;
    align-items: center;
    justify-content: center
}

.site-banner .banner_body .banner-content-container .banner_graphic .img-fluid {
    max-height: 480px
}

.site-banner .banner_body.graphics.centered {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.site-banner .banner_body.bg-primary .banner_content .sec-caption span,
.site-banner .banner_body.inverse .banner_content .sec-caption span,
.site-banner .banner_body.dark .banner_content .sec-caption span {
    border-color: var(--white)
}

.site-banner .banner_body.bg-opacity:before {
    background-color: #000000;
    content: "";
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    opacity: 50%
}

.site-banner .banner_body.bg-opacity-light:before {
    background-color: #ffffff;
    content: "";
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    opacity: 50%
}

.site-banner .banner_body .banner-bg-video-container {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    overflow: hidden
}

.site-banner .banner_body .banner-bg-video-container .banner-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    background-position: center center
}

.site-banner .banner_body .banner-bg-container {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    overflow: hidden
}

@media (max-width:1399px) {
    .site-banner .banner_body .banner-bg-container {
        right: unset;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.site-banner .banner_body .banner-bg-container .banner-bg {
    height: 100%
}

.site-banner .banner_body .banner-bg-container .banner-bg img {
    height: 100%
}

.site-banner-domain {
    position: relative;
    overflow: hidden
}

.site-banner-domain .banner-content-container {
    position: relative;
    z-index: 2
}

.site-banner-domain .banner-content-container .banner_graphic {
    display: flex;
    align-items: center;
    justify-content: center
}

.site-banner-domain .banner-content-container .banner_graphic .img-fluid {
    max-height: 480px
}

.site-banner-domain .banner-content-container .domain-hero {
    display: block
}

.site-banner-domain .banner-content-container .domain-hero .nav {
    margin-bottom: 1rem
}

.site-banner-domain .banner-content-container .domain-hero .nav .nav-item .nav-link.active {
    border-bottom: 3px solid var(--primary)
}

.site-banner-domain .banner-content-container .domain-hero .tab-content {
    max-width: 768px;
    width: 100%
}

.site-banner-domain .banner-content-container .domain-hero .tab-content .tab-pane .form-search .input-group {
    display: flex;
    align-items: center;
    position: relative;
    background: #FFFFFF;
    width: 100%;
    padding: 6px;
    margin: 0 auto;
    border-radius: .25rem;
    border: 1px solid #D5DCE5;
    box-shadow: 0 4px 16px 0 rgba(19, 26, 44, 0.02), 0 0 32px 0 rgba(19, 26, 44, 0.1)
}

.site-banner-domain .banner-content-container .domain-hero .tab-content .tab-pane .form-search .input-group .form-control {
    border: 0 none;
    box-shadow: none
}

.site-banner-domain .banner-content-container .domain-hero .tab-content .tab-pane .form-search .input-group .input-group-icon {
    margin: 0 8px;
    font-size: 18px;
    color: #999
}

.site-banner-domain .banner-content-container .domain-hero .tab-content .tab-pane .form-search .input-group .input-group-btn {
    display: flex;
    width: auto;
    margin-left: 8px
}

.site-banner-domain .banner-content-container .domain-hero .tab-content .tab-pane .form-search .input-group .input-group-btn .btn {
    min-width: 110px
}

@media (max-width:586px) {
    .site-banner-domain .banner-content-container .domain-hero .tab-content .tab-pane .form-search .input-group {
        display: block;
        background: 0 0;
        border: 0 none;
        box-shadow: none
    }

    .site-banner-domain .banner-content-container .domain-hero .tab-content .tab-pane .form-search .input-group .input-group-icon {
        display: none
    }

    .site-banner-domain .banner-content-container .domain-hero .tab-content .tab-pane .form-search .input-group .form-control {
        margin-bottom: .5rem;
        border: 1px solid #D5DCE5;
        width: 100%
    }

    .site-banner-domain .banner-content-container .domain-hero .tab-content .tab-pane .form-search .input-group .input-group-btn {
        width: 100%;
        margin-left: 0
    }

    .site-banner-domain .banner-content-container .domain-hero .tab-content .tab-pane .form-search .input-group .input-group-btn .btn {
        flex: 1
    }
}

.site-banner-domain .banner-content-container .domain-hero .domain-tlds {
    margin-top: 3rem
}

.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container {
    display: flex;
    align-items: center;
    width: auto
}

.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container .tld-item {
    display: flex;
    align-items: center;
    padding: 2px 10px;
    margin-right: 1.5rem;
    border: 1px solid var(--primary);
    border-radius: .25rem;
    height: 40px
}

.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container .tld-item .tld,
.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container .tld-item .dots {
    font-weight: 900
}

.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container .tld-item .dots {
    color: var(--secondary)
}

.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container .tld-item .tld {
    font-size: 1.25rem
}

.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container .tld-item .tld-graphics {
    display: flex;
    align-items: center
}

.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container .tld-price {
    font-size: 1.25rem;
    font-weight: 300
}

.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container:not(:first-child) {
    padding-left: 2.5rem
}

.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container:not(:last-child) {
    padding-right: 2.5rem
}

.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container+.tld-container:before {
    content: "";
    width: 1px;
    height: 24px;
    background: #D5DCE5;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.site-banner-domain.compact {
    padding: 1rem 0
}

.site-banner-domain.compact .domain-tlds .featured-tlds .tld-container .tld-item .tld {
    font-size: 1rem !important
}

.site-banner-domain.compact .domain-tlds .featured-tlds .tld-container .tld-price {
    font-size: 1rem !important
}

.site-banner-domain,
.sec.features,
.sec.gallery {
    position: relative;
    overflow: hidden
}

.site-banner-domain .banner-content-container,
.sec.features .banner-content-container,
.sec.gallery .banner-content-container {
    position: relative;
    z-index: 2
}

.site-banner-domain.graphics.centered,
.sec.features.graphics.centered,
.sec.gallery.graphics.centered {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.site-banner-domain.bg-primary .banner_content .sec-caption span,
.sec.features.bg-primary .banner_content .sec-caption span,
.sec.gallery.bg-primary .banner_content .sec-caption span,
.site-banner-domain.inverse .banner_content .sec-caption span,
.sec.features.inverse .banner_content .sec-caption span,
.sec.gallery.inverse .banner_content .sec-caption span,
.site-banner-domain.dark .banner_content .sec-caption span,
.sec.features.dark .banner_content .sec-caption span,
.sec.gallery.dark .banner_content .sec-caption span {
    border-color: var(--white)
}

.site-banner-domain.bg-primary .banner_content .domain-hero .tab-content .nav .nav-item .nav-link,
.sec.features.bg-primary .banner_content .domain-hero .tab-content .nav .nav-item .nav-link,
.sec.gallery.bg-primary .banner_content .domain-hero .tab-content .nav .nav-item .nav-link,
.site-banner-domain.inverse .banner_content .domain-hero .tab-content .nav .nav-item .nav-link,
.sec.features.inverse .banner_content .domain-hero .tab-content .nav .nav-item .nav-link,
.sec.gallery.inverse .banner_content .domain-hero .tab-content .nav .nav-item .nav-link,
.site-banner-domain.dark .banner_content .domain-hero .tab-content .nav .nav-item .nav-link,
.sec.features.dark .banner_content .domain-hero .tab-content .nav .nav-item .nav-link,
.sec.gallery.dark .banner_content .domain-hero .tab-content .nav .nav-item .nav-link {
    color: var(--white)
}

.site-banner-domain.bg-primary .banner_content .domain-hero .tab-content .nav .nav-item .nav-link.active,
.sec.features.bg-primary .banner_content .domain-hero .tab-content .nav .nav-item .nav-link.active,
.sec.gallery.bg-primary .banner_content .domain-hero .tab-content .nav .nav-item .nav-link.active,
.site-banner-domain.inverse .banner_content .domain-hero .tab-content .nav .nav-item .nav-link.active,
.sec.features.inverse .banner_content .domain-hero .tab-content .nav .nav-item .nav-link.active,
.sec.gallery.inverse .banner_content .domain-hero .tab-content .nav .nav-item .nav-link.active,
.site-banner-domain.dark .banner_content .domain-hero .tab-content .nav .nav-item .nav-link.active,
.sec.features.dark .banner_content .domain-hero .tab-content .nav .nav-item .nav-link.active,
.sec.gallery.dark .banner_content .domain-hero .tab-content .nav .nav-item .nav-link.active {
    border-bottom: 3px solid var(--white)
}

.site-banner-domain.bg-primary .banner_content .domain-hero .domain-tlds .featured-tlds .tld-container .tld-item,
.sec.features.bg-primary .banner_content .domain-hero .domain-tlds .featured-tlds .tld-container .tld-item,
.sec.gallery.bg-primary .banner_content .domain-hero .domain-tlds .featured-tlds .tld-container .tld-item,
.site-banner-domain.inverse .banner_content .domain-hero .domain-tlds .featured-tlds .tld-container .tld-item,
.sec.features.inverse .banner_content .domain-hero .domain-tlds .featured-tlds .tld-container .tld-item,
.sec.gallery.inverse .banner_content .domain-hero .domain-tlds .featured-tlds .tld-container .tld-item,
.site-banner-domain.dark .banner_content .domain-hero .domain-tlds .featured-tlds .tld-container .tld-item,
.sec.features.dark .banner_content .domain-hero .domain-tlds .featured-tlds .tld-container .tld-item,
.sec.gallery.dark .banner_content .domain-hero .domain-tlds .featured-tlds .tld-container .tld-item {
    border-color: var(--white)
}

.site-banner-domain.bg-opacity:before,
.sec.features.bg-opacity:before,
.sec.gallery.bg-opacity:before {
    background-color: #000000;
    content: "";
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    opacity: 50%
}

.site-banner-domain.bg-opacity-light:before,
.sec.features.bg-opacity-light:before,
.sec.gallery.bg-opacity-light:before {
    background-color: #ffffff;
    content: "";
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    opacity: 50%
}

.site-banner-domain .banner-bg-video-container,
.sec.features .banner-bg-video-container,
.sec.gallery .banner-bg-video-container {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    overflow: hidden
}

.site-banner-domain .banner-bg-video-container .banner-bg-video,
.sec.features .banner-bg-video-container .banner-bg-video,
.sec.gallery .banner-bg-video-container .banner-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    background-position: center center
}

.site-banner-domain .banner-bg-container,
.sec.features .banner-bg-container,
.sec.gallery .banner-bg-container {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    overflow: hidden
}

@media (max-width:1399px) {

    .site-banner-domain .banner-bg-container,
    .sec.features .banner-bg-container,
    .sec.gallery .banner-bg-container {
        right: unset;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.site-banner-domain .banner-bg-container .banner-bg,
.sec.features .banner-bg-container .banner-bg,
.sec.gallery .banner-bg-container .banner-bg {
    height: 100%
}

.site-banner-domain .banner-bg-container .banner-bg img,
.sec.features .banner-bg-container .banner-bg img,
.sec.gallery .banner-bg-container .banner-bg img {
    height: 100%
}

@media (min-width:992px) {
    .site-banner .banner_body {
        padding: 120px 0
    }

    .site-banner .banner_body.inner-t-60 {
        padding-top: 60px
    }

    .site-banner .banner_body.inner-b-60 {
        padding-bottom: 60px
    }

    .site-banner .banner_body.inner-t-30 {
        padding-top: 30px
    }

    .site-banner .banner_body.inner-b-30 {
        padding-bottom: 30px
    }
}

.site-banner .swiper-pagination,
.cros-Slider .swiper-pagination {
    bottom: auto;
    top: 30px;
    left: auto;
    right: 30px;
    width: auto
}

.hero {
    position: relative;
    padding: 60px 0;
    z-index: 1
}

.hero.spc {
    padding: 2rem 0 1rem
}

.hero.spc .logo-section .logo {
    display: inline-flex;
    align-items: center
}

.hero.spc .logo-section .logo img {
    height: 40px;
    max-height: 40px
}

.hero.spc .logo-section .logo span {
    font-size: 1.7em;
    color: #2a2e36;
    font-weight: 900;
    white-space: nowrap
}

@media (max-width:991px) {
    .hero.spc .lang-btn {
        margin-bottom: -45px
    }
}

.block-s1 {
    padding: 10px 0
}

.block-s1 p,
.block-s1 h1,
.block-s1 h2,
.block-s1 h3,
.block-s1 h4,
.block-s1 h5,
.block-s1 h6,
.block-s1 .h1,
.block-s1 .h2,
.block-s1 .h3,
.block-s1 .h4,
.block-s1 .h5,
.block-s1 .h6 {
    padding: 0;
    margin: 10px 15px
}

@media (max-width:992px) {

    .block-s1 .text-right,
    .block-s1 .text-left {
        text-align: center !important
    }
}

@media (max-width:480px) {

    .block-s1 h1,
    .block-s1 h2,
    .block-s1 .h1,
    .block-s1 .h2 {
        font-size: 27px
    }
}

.block-s1.notice {
    padding: 10px
}

.block-s2,
.block-s4,
.block-s5 {
    padding: 20px 0 5px
}

.block-s3 {
    padding: 30px 0
}

.block-s3 h1,
.block-s3 h2,
.block-s3 .h1,
.block-s3 .h2 {
    margin-bottom: 20px
}

.block-s3.padding2x {
    padding: 60px 0
}

.block-s3.padding3x {
    padding: 90px 0
}

.block-s3.padding4x {
    padding: 120px 0
}

.block-s3.bottom2x {
    padding: 30px 0 60px
}

.block-s3.bottom3x {
    padding: 45px 0 90px
}

@media (min-width:767px) {
    .block-s2 {
        padding: 80px 0 50px
    }

    .block-s5 {
        padding: 80px 0
    }
}

.arrow-block {
    display: block;
    height: auto;
    position: relative;
    padding: 15px
}

.arrow-block:before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    background-color: inherit;
    margin-left: -15px;
    top: 100%;
    margin-top: -15px;
    left: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 3
}

.block-footer .cros-partners {
    position: relative;
    padding: 25px 0 15px;
    z-index: 1
}

.block-footer .footer-widgets {
    padding: 30px 0;
    border-top: 1px solid #D5DCE5
}

.block-footer .footer-widgets.primary,
.block-footer .footer-widgets.bg-primary {
    border-color: #0273d4
}

.block-footer .footer-widgets .footer-navbar {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

@media only screen and (min-width:768px) {
    .block-footer .footer-widgets .footer-navbar {
        flex-direction: row
    }
}

@media only screen and (max-width:991px) {
    .block-footer .footer-widgets .contacts_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .block-footer .footer-widgets .contacts_box h4 {
        display: block;
        width: 100%;
        text-align: center
    }

    .block-footer .footer-widgets .contacts_box .btn-contacts {
        display: block;
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .block-footer .footer-widgets span.pull-right {
        display: none
    }

    .block-footer .footer-widgets .collapse {
        display: block !important
    }

    .block-footer .footer-widgets ul {
        height: auto !important
    }
}

.block-footer .footer-widgets ul.list-unstyled li:not(:first-child) {
    padding-top: 10px
}

.block-footer .footer-widgets ul.list-unstyled li a {
    color: #2a2e36
}

.block-footer .footer-widgets ul.list-unstyled li a:hover,
.block-footer .footer-widgets ul.list-unstyled li a:active,
.block-footer .footer-widgets ul.list-unstyled li a:focus {
    color: #0c8efd;
    text-decoration: none
}

.block-footer .footer-widgets h4,
.block-footer .footer-widgets .h4 {
    font-size: 18px;
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #D5DCE5
}

@media (min-width:768px) {

    .block-footer .footer-widgets h4,
    .block-footer .footer-widgets .h4 {
        display: inline-block;
        padding-right: 3rem
    }
}

.block-footer .footer-widgets p {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 500
}

.block-footer .footer-widgets p .fas,
.block-footer .footer-widgets p .fab,
.block-footer .footer-widgets p .far,
.block-footer .footer-widgets p .fal,
.block-footer .footer-widgets p .fad {
    margin-right: 5px
}

@media only screen and (max-width:767px) {

    .block-footer .footer-widgets h4,
    .block-footer .footer-widgets .h4 {
        cursor: pointer;
        padding: 7.5px 0
    }
}

.block-footer .footer-widgets.dark h4,
.block-footer .footer-widgets.inverse h4,
.block-footer .footer-widgets.bg-primary h4,
.block-footer .footer-widgets.primary h4,
.block-footer .footer-widgets.dark .h4,
.block-footer .footer-widgets.inverse .h4,
.block-footer .footer-widgets.bg-primary .h4,
.block-footer .footer-widgets.primary .h4 {
    color: #FFFFFF
}

.block-footer .footer-widgets.dark ul.list-unstyled a,
.block-footer .footer-widgets.inverse ul.list-unstyled a,
.block-footer .footer-widgets.bg-primary ul.list-unstyled a,
.block-footer .footer-widgets.primary ul.list-unstyled a,
.block-footer .footer-widgets.dark ul.list-inline a,
.block-footer .footer-widgets.inverse ul.list-inline a,
.block-footer .footer-widgets.bg-primary ul.list-inline a,
.block-footer .footer-widgets.primary ul.list-inline a,
.block-footer .footer-widgets.dark ul.list-unstyled .fab,
.block-footer .footer-widgets.inverse ul.list-unstyled .fab,
.block-footer .footer-widgets.bg-primary ul.list-unstyled .fab,
.block-footer .footer-widgets.primary ul.list-unstyled .fab,
.block-footer .footer-widgets.dark ul.list-inline .fab,
.block-footer .footer-widgets.inverse ul.list-inline .fab,
.block-footer .footer-widgets.bg-primary ul.list-inline .fab,
.block-footer .footer-widgets.primary ul.list-inline .fab {
    color: #FFFFFF
}

.block-footer .footer-widgets.dark ul.list-unstyled a:hover,
.block-footer .footer-widgets.inverse ul.list-unstyled a:hover,
.block-footer .footer-widgets.bg-primary ul.list-unstyled a:hover,
.block-footer .footer-widgets.primary ul.list-unstyled a:hover,
.block-footer .footer-widgets.dark ul.list-inline a:hover,
.block-footer .footer-widgets.inverse ul.list-inline a:hover,
.block-footer .footer-widgets.bg-primary ul.list-inline a:hover,
.block-footer .footer-widgets.primary ul.list-inline a:hover,
.block-footer .footer-widgets.dark ul.list-unstyled .fab:hover,
.block-footer .footer-widgets.inverse ul.list-unstyled .fab:hover,
.block-footer .footer-widgets.bg-primary ul.list-unstyled .fab:hover,
.block-footer .footer-widgets.primary ul.list-unstyled .fab:hover,
.block-footer .footer-widgets.dark ul.list-inline .fab:hover,
.block-footer .footer-widgets.inverse ul.list-inline .fab:hover,
.block-footer .footer-widgets.bg-primary ul.list-inline .fab:hover,
.block-footer .footer-widgets.primary ul.list-inline .fab:hover,
.block-footer .footer-widgets.dark ul.list-unstyled a:active,
.block-footer .footer-widgets.inverse ul.list-unstyled a:active,
.block-footer .footer-widgets.bg-primary ul.list-unstyled a:active,
.block-footer .footer-widgets.primary ul.list-unstyled a:active,
.block-footer .footer-widgets.dark ul.list-inline a:active,
.block-footer .footer-widgets.inverse ul.list-inline a:active,
.block-footer .footer-widgets.bg-primary ul.list-inline a:active,
.block-footer .footer-widgets.primary ul.list-inline a:active,
.block-footer .footer-widgets.dark ul.list-unstyled .fab:active,
.block-footer .footer-widgets.inverse ul.list-unstyled .fab:active,
.block-footer .footer-widgets.bg-primary ul.list-unstyled .fab:active,
.block-footer .footer-widgets.primary ul.list-unstyled .fab:active,
.block-footer .footer-widgets.dark ul.list-inline .fab:active,
.block-footer .footer-widgets.inverse ul.list-inline .fab:active,
.block-footer .footer-widgets.bg-primary ul.list-inline .fab:active,
.block-footer .footer-widgets.primary ul.list-inline .fab:active,
.block-footer .footer-widgets.dark ul.list-unstyled a:focus,
.block-footer .footer-widgets.inverse ul.list-unstyled a:focus,
.block-footer .footer-widgets.bg-primary ul.list-unstyled a:focus,
.block-footer .footer-widgets.primary ul.list-unstyled a:focus,
.block-footer .footer-widgets.dark ul.list-inline a:focus,
.block-footer .footer-widgets.inverse ul.list-inline a:focus,
.block-footer .footer-widgets.bg-primary ul.list-inline a:focus,
.block-footer .footer-widgets.primary ul.list-inline a:focus,
.block-footer .footer-widgets.dark ul.list-unstyled .fab:focus,
.block-footer .footer-widgets.inverse ul.list-unstyled .fab:focus,
.block-footer .footer-widgets.bg-primary ul.list-unstyled .fab:focus,
.block-footer .footer-widgets.primary ul.list-unstyled .fab:focus,
.block-footer .footer-widgets.dark ul.list-inline .fab:focus,
.block-footer .footer-widgets.inverse ul.list-inline .fab:focus,
.block-footer .footer-widgets.bg-primary ul.list-inline .fab:focus,
.block-footer .footer-widgets.primary ul.list-inline .fab:focus {
    color: #FFFFFF
}

.block-footer .footer-widgets.dark .social-icons a.btn-social .fab,
.block-footer .footer-widgets.inverse .social-icons a.btn-social .fab,
.block-footer .footer-widgets.bg-primary .social-icons a.btn-social .fab,
.block-footer .footer-widgets.primary .social-icons a.btn-social .fab {
    color: #FFFFFF
}

.block-footer .footer-widgets.dark p,
.block-footer .footer-widgets.inverse p,
.block-footer .footer-widgets.bg-primary p,
.block-footer .footer-widgets.primary p {
    color: rgba(255, 255, 255, 0.7)
}

.block-footer .footer-widgets.primary {
    background: linear-gradient(90deg, #012e56, #0273d4 100%)
}

.block-footer .footer-widgets.picons {
    padding: 30px 0 45px
}

.block-footer .sfooter {
    border-top: 1px solid #D5DCE5
}

.block-footer .footer-last {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: 15px 0
}

@media (min-width:768px) {
    .block-footer .footer-last {
        flex-direction: row
    }
}

.block-footer .footer-last .btn-container {
    display: flex;
    align-items: center
}

@media (max-width:767px) {
    .block-footer .footer-last .btn-container {
        flex-direction: column
    }
}

.block-footer .footer-last .footer-copyright,
.block-footer .footer-last li a {
    font-size: 14px;
    color: #2a2e36
}

.block-footer .footer-last .footer-copyright a:hover,
.block-footer .footer-last li a a:hover,
.block-footer .footer-last .footer-copyright a:focus,
.block-footer .footer-last li a a:focus {
    color: #0c8efd
}

.block-footer .footer-last .nav {
    justify-content: center
}

.block-footer .footer-last .nav li a {
    margin: 0 .5rem
}

@media (min-width:768px) {
    .block-footer .footer-last .nav {
        justify-content: flex-start
    }

    .block-footer .footer-last .nav li:first-child a {
        margin-left: 0
    }

    .block-footer .footer-last .nav li:last-child a {
        margin-right: 0
    }
}

.block-footer .footer-last.picons {
    padding: 45px 0 30px
}

.block-footer .footer-last .social-icons {
    align-items: center;
    justify-content: center
}

@media (min-width:768px) {

    .block-footer .footer-widgets,
    .block-footer .footer-widgets.picons {
        padding: 90px 0
    }
}

.block-footer .payment-icons {
    position: absolute;
    left: 0;
    right: 0;
    top: -30px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.block-footer .payment-icons ul {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #D5DCE5;
    border-radius: 4px;
    list-style: none;
    margin: 0
}

.block-footer .payment-icons ul li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

.block-footer .payment-icons ul li .fab,
.block-footer .payment-icons ul li .fas,
.block-footer .payment-icons ul li far,
.block-footer .payment-icons ul li .fal,
.block-footer .payment-icons ul li .fed {
    font-size: 23px;
    color: #777
}

@media (min-width:281px) {

    .block-footer .payment-icons ul li .fab,
    .block-footer .payment-icons ul li .fas,
    .block-footer .payment-icons ul li far,
    .block-footer .payment-icons ul li .fal,
    .block-footer .payment-icons ul li .fed {
        font-size: 37px
    }
}

.block-footer .payment-icons ul li:first-child {
    padding-left: 0
}

.block-footer .payment-icons ul li:last-child {
    padding-right: 0
}

.block-footer .social-icons {
    display: flex;
    flex-wrap: wrap
}

.block-footer .social-icons a.btn-social {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    margin: .175rem;
    padding: 0
}

.block-footer .social-icons a.btn-social .fab {
    font-size: 18px;
    color: #0273d4;
    margin: 0
}

.block-footer .social-icons a.btn-social:hover,
.block-footer .social-icons a.btn-social:focus {
    background-color: #0273d4;
    border-color: #0273d4
}

.block-footer .social-icons a.btn-social:hover .fab,
.block-footer .social-icons a.btn-social:focus .fab {
    color: #FFFFFF
}

.block-footer .social-icons a.btn-social.large {
    width: 2.75rem;
    height: 2.75rem
}

.block-footer .social-icons a.btn-social.large .fab {
    font-size: 21px
}

.back-to-top.btn {
    padding: 6px 8px !important;
    font-size: 1.5rem
}

@media (min-width:768px) {
    .back-to-top.btn {
        margin-left: 1rem
    }
}

.shadow:before {
    background-color: transparent;
    background-image: linear-gradient(0deg, transparent 61%, #EDF0F5 100%);
    z-index: -1;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0
}

.sec-img-bg {
    background-image: url(/templates/croster/assets/images/sec-bg1.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
    position: relative
}

.sec-img-bg h1,
.sec-img-bg h2,
.sec-img-bg h3,
.sec-img-bg h4,
.sec-img-bg p,
.sec-img-bg .h1,
.sec-img-bg .h2,
.sec-img-bg .h3,
.sec-img-bg .h4 {
    color: #FFFFFF
}

.sec-img-bg.bg-opacity:before {
    background: #000000;
    content: "";
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    opacity: .7 !important
}

.sec-img-bg.bg-opacity.inverse:before,
.sec-img-bg.bg-opacity.dark:before {
    background: #000000
}

.sec-img-bg-2 {
    background-image: url(/templates/croster/assets/images/sec-bg1.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
    position: relative
}

.sec-img-bg-2.bg-opacity:before {
    background: #000000;
    content: "";
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    opacity: .7
}

.cros-Slider {
    position: relative;
    overflow: hidden
}

.cros-Slider .swiper-container.effects .cros-animation[data-delay-transtion="1"] {
    transition-delay: 100ms
}

.cros-Slider .swiper-container.effects .cros-animation[data-delay-transtion="2"] {
    transition-delay: 300ms
}

.cros-Slider .swiper-container.effects .cros-animation[data-delay-transtion="3"] {
    transition-delay: 600ms
}

.cros-Slider .swiper-container.effects .cros-animation[data-delay-transtion="4"] {
    transition-delay: 900ms
}

.cros-Slider .swiper-container.effects .cros-animation[data-delay-transtion="5"] {
    transition-delay: 1200ms
}

.cros-Slider .swiper-container.effects .cros-animation[data-delay-transtion="6"] {
    transition-delay: 1500ms
}

.cros-Slider .swiper-container .cros-animation {
    -webkit-transform: translateY(70%);
    transform: translateY(70%);
    opacity: 0;
    transition: all 1.3s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.cros-Slider .swiper-container .slides.swiper-slide-active .cros-animation {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.cros-Slider .row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important
}

@media (min-width:992px) {
    .cros-Slider .row {
        flex-direction: row !important
    }
}

.cros-Slider .slides .hero-outer {
    padding: 180px 0;
    z-index: 2
}

.cros-Slider .slides .hero-outer.sp {
    padding: 120px 0
}

.cros-Slider .slides .hero-outer .hgroup ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding-left: 0
}

@media (max-width:991px) {
    .cros-Slider .slides .hero-outer .hgroup ul {
        align-items: center;
        justify-content: center
    }
}

.cros-Slider .slides .hero-outer .hgroup ul li {
    position: relative;
    padding: 5px 0 0 25px
}

.cros-Slider .slides .hero-outer .hgroup ul li:before {
    position: absolute;
    content: "\f00c";
    margin-right: 4px;
    font-family: "Font Awesome 5 Pro";
    left: 0
}

.cros-Slider .slides .hero-outer .hgroup h1,
.cros-Slider .slides .hero-outer .hgroup .h1 {
    font-size: 37px;
    font-weight: 900;
    padding: 0
}

@media (min-width:992px) {

    .cros-Slider .slides .hero-outer .hgroup h1,
    .cros-Slider .slides .hero-outer .hgroup .h1 {
        font-size: 65px
    }
}

@media (min-width:768px) and (max-width:991px) {

    .cros-Slider .slides .hero-outer .hgroup h1,
    .cros-Slider .slides .hero-outer .hgroup .h1 {
        font-size: 47px
    }
}

.cros-Slider .slides .hero-outer .hgroup h3,
.cros-Slider .slides .hero-outer .hgroup .h3 {
    font-style: italic;
    margin-top: 10px;
    font-weight: 100;
    line-height: normal
}

@media (max-width:599px) {

    .cros-Slider .slides .hero-outer .hgroup h3,
    .cros-Slider .slides .hero-outer .hgroup .h3 {
        font-size: 1.25rem
    }
}

.cros-Slider .slides .hero-outer .hgroup h4,
.cros-Slider .slides .hero-outer .hgroup .h4 {
    font-style: italic;
    margin-top: 10px;
    font-weight: 100
}

.cros-Slider .slides .hero-outer .hgroup .buttons {
    margin: 40px 0
}

.cros-Slider .slides .hero-outer .hgroup .buttons br {
    display: none
}

.cros-Slider .slides .hero-outer .hgroup .buttons .btn:first-of-type {
    margin-right: 20px
}

.cros-Slider .slides .hero-outer .hgroup .buttons .pricing {
    line-height: 30px
}

.cros-Slider .slides .hero-outer .hgroup .buttons .pricing .price {
    align-items: baseline;
    flex-wrap: wrap;
    word-break: break-all;
    font-size: 36px;
    font-weight: 900
}

.cros-Slider .slides .hero-outer .hgroup .buttons .pricing .price .cycle {
    font-size: 14px;
    font-weight: 300
}

.cros-Slider .slides .hero-outer .hgroup .buttons .pricing .starting {
    font-weight: 300
}

@media (max-width:991px) {
    .cros-Slider .slides .hero-outer .hgroup .buttons {
        flex-direction: column-reverse;
        justify-content: center;
        margin: 0
    }

    .cros-Slider .slides .hero-outer .hgroup .buttons .btn:first-of-type {
        margin-right: 0
    }
}

@media (max-width:599px) {
    .cros-Slider .slides .hero-outer .hgroup .buttons .btn {
        padding: 13px 15px;
        font-size: 13px
    }
}

@media (max-width:767px) {
    .cros-Slider .slides .hero-outer .hgroup .flex-row {
        flex-direction: column !important
    }

    .cros-Slider .slides .hero-outer .hgroup .flex-row .col-md-9 {
        width: 100%
    }
}

.cros-Slider .slides .hero-outer .hgroup.text-dark h1,
.cros-Slider .slides .hero-outer .hgroup.text-dark .h1 {
    color: #2a2e36 !important
}

.cros-Slider .slides .hero-outer .hgroup.text-dark h2,
.cros-Slider .slides .hero-outer .hgroup.text-dark .h2,
.cros-Slider .slides .hero-outer .hgroup.text-dark h3,
.cros-Slider .slides .hero-outer .hgroup.text-dark .h3,
.cros-Slider .slides .hero-outer .hgroup.text-dark h4,
.cros-Slider .slides .hero-outer .hgroup.text-dark .h4,
.cros-Slider .slides .hero-outer .hgroup.text-dark h5,
.cros-Slider .slides .hero-outer .hgroup.text-dark .h5,
.cros-Slider .slides .hero-outer .hgroup.text-dark ul li,
.cros-Slider .slides .hero-outer .hgroup.text-dark ul li a {
    color: #2a2e36 !important
}

.cros-Slider .slides .slide-bg {
    border-top: 5px solid #DB3F3B;
    position: relative;
    overflow: hidden
}

.cros-Slider .slides .slide-bg.ibg {
    background-image: url(/templates/croster/assets/images/hero-bg1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.cros-Slider .slides .slide-bg.ibg .hero-outer .hgroup,
.cros-Slider .slides .slide-bg.bg-primary .hero-outer .hgroup,
.cros-Slider .slides .slide-bg.dark .hero-outer .hgroup,
.cros-Slider .slides .slide-bg.primary .hero-outer .hgroup {
    color: #FFFFFF
}

.cros-Slider .slides .slide-bg.ibg .hero-outer .hgroup h1,
.cros-Slider .slides .slide-bg.bg-primary .hero-outer .hgroup h1,
.cros-Slider .slides .slide-bg.dark .hero-outer .hgroup h1,
.cros-Slider .slides .slide-bg.primary .hero-outer .hgroup h1,
.cros-Slider .slides .slide-bg.ibg .hero-outer .hgroup h2,
.cros-Slider .slides .slide-bg.bg-primary .hero-outer .hgroup h2,
.cros-Slider .slides .slide-bg.dark .hero-outer .hgroup h2,
.cros-Slider .slides .slide-bg.primary .hero-outer .hgroup h2,
.cros-Slider .slides .slide-bg.ibg .hero-outer .hgroup h3,
.cros-Slider .slides .slide-bg.bg-primary .hero-outer .hgroup h3,
.cros-Slider .slides .slide-bg.dark .hero-outer .hgroup h3,
.cros-Slider .slides .slide-bg.primary .hero-outer .hgroup h3,
.cros-Slider .slides .slide-bg.ibg .hero-outer .hgroup h4,
.cros-Slider .slides .slide-bg.bg-primary .hero-outer .hgroup h4,
.cros-Slider .slides .slide-bg.dark .hero-outer .hgroup h4,
.cros-Slider .slides .slide-bg.primary .hero-outer .hgroup h4,
.cros-Slider .slides .slide-bg.ibg .hero-outer .hgroup .h1,
.cros-Slider .slides .slide-bg.bg-primary .hero-outer .hgroup .h1,
.cros-Slider .slides .slide-bg.dark .hero-outer .hgroup .h1,
.cros-Slider .slides .slide-bg.primary .hero-outer .hgroup .h1,
.cros-Slider .slides .slide-bg.ibg .hero-outer .hgroup .h2,
.cros-Slider .slides .slide-bg.bg-primary .hero-outer .hgroup .h2,
.cros-Slider .slides .slide-bg.dark .hero-outer .hgroup .h2,
.cros-Slider .slides .slide-bg.primary .hero-outer .hgroup .h2,
.cros-Slider .slides .slide-bg.ibg .hero-outer .hgroup .h3,
.cros-Slider .slides .slide-bg.bg-primary .hero-outer .hgroup .h3,
.cros-Slider .slides .slide-bg.dark .hero-outer .hgroup .h3,
.cros-Slider .slides .slide-bg.primary .hero-outer .hgroup .h3,
.cros-Slider .slides .slide-bg.ibg .hero-outer .hgroup .h4,
.cros-Slider .slides .slide-bg.bg-primary .hero-outer .hgroup .h4,
.cros-Slider .slides .slide-bg.dark .hero-outer .hgroup .h4,
.cros-Slider .slides .slide-bg.primary .hero-outer .hgroup .h4,
.cros-Slider .slides .slide-bg.ibg .hero-outer .hgroup ul li,
.cros-Slider .slides .slide-bg.bg-primary .hero-outer .hgroup ul li,
.cros-Slider .slides .slide-bg.dark .hero-outer .hgroup ul li,
.cros-Slider .slides .slide-bg.primary .hero-outer .hgroup ul li,
.cros-Slider .slides .slide-bg.ibg .hero-outer .hgroup ul li a,
.cros-Slider .slides .slide-bg.bg-primary .hero-outer .hgroup ul li a,
.cros-Slider .slides .slide-bg.dark .hero-outer .hgroup ul li a,
.cros-Slider .slides .slide-bg.primary .hero-outer .hgroup ul li a {
    color: #FFFFFF
}

.cros-Slider .slides .slide-bg.dark {
    border-color: #DB3F3B !important
}

.cros-Slider .slides .slide-bg.bg-primary {
    border-color: #0273d4
}

.cros-Slider .slides .slide-bg.primary {
    background: linear-gradient(90deg, #0260b1, #0273d4)
}

.cros-Slider .slides .slide-bg.bg-opacity {
    z-index: 1
}

.cros-Slider .slides .slide-bg.bg-opacity:before {
    background: linear-gradient(to right, #000000 0%, transparent 100%);
    content: "";
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0
}

.cros-Slider .slides .slide-bg.top {
    background-position: top center
}

.cros-Slider .slides .slide-bg.bottom {
    background-position: bottom center
}

.hero-bg-wrap {
    position: relative;
    border-top: 5px solid #DB3F3B;
    background-image: url(/templates/croster/assets/images/hero-bg1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    color: #FFFFFF;
    z-index: 1
}

.hero-bg-wrap .page-title {
    text-align: center;
    padding: 30px 0
}

.hero-bg-wrap .page-title h1,
.hero-bg-wrap .page-title .h1 {
    margin: 0;
    font-size: 26px
}

.hero-bg-wrap .item {
    margin-bottom: 15px
}

.hero-bg-wrap .bg-shape-poly {
    padding: 20px 55px 55px 105px;
    margin-left: -90px;
    background: url(/templates/croster/assets/images/hero-bg-poly.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 30px
}

.hero-bg-wrap ul {
    list-style: none;
    padding-left: 0
}

.hero-bg-wrap ul li {
    position: relative;
    padding: 5px 0 0 25px
}

.hero-bg-wrap ul li:before {
    position: absolute;
    content: "\f00c";
    margin-right: 4px;
    font-family: "Font Awesome 5 Pro";
    left: 0
}

@media only screen and (max-width:479px) {
    .hero-bg-wrap ul {
        display: none
    }
}

.hero-bg-wrap h1,
.hero-bg-wrap h2,
.hero-bg-wrap .h1,
.hero-bg-wrap .h2 {
    color: #FFFFFF
}

.hero-bg-wrap h1 .fab,
.hero-bg-wrap h2 .fab,
.hero-bg-wrap .h1 .fab,
.hero-bg-wrap .h2 .fab {
    font-weight: normal !important
}

.hero-bg-wrap h1,
.hero-bg-wrap .h1 {
    font-size: 21px
}

.hero-bg-wrap h2,
.hero-bg-wrap .h2 {
    font-size: 27px;
    margin-bottom: 25px
}

.hero-bg-wrap .buttons {
    margin: 10px 0 0
}

.hero-bg-wrap .buttons br {
    display: none
}

.hero-bg-wrap .buttons .btn:first-of-type {
    margin-right: 20px
}

.hero-bg-wrap .buttons .pricing {
    line-height: 30px
}

.hero-bg-wrap .buttons .pricing .price {
    align-items: baseline;
    flex-wrap: wrap;
    word-break: break-all;
    font-size: 36px;
    font-weight: 900
}

.hero-bg-wrap .buttons .pricing .price .cycle {
    font-size: 14px;
    font-weight: 300
}

.hero-bg-wrap .buttons .pricing .starting {
    font-weight: 300
}

@media (max-width:991px) {
    .hero-bg-wrap .buttons {
        flex-direction: column-reverse;
        justify-content: center;
        margin: 0
    }

    .hero-bg-wrap .buttons .btn:first-of-type {
        margin-right: 0
    }
}

@media (max-width:599px) {
    .hero-bg-wrap .buttons .btn {
        padding: 13px 15px;
        font-size: 13px
    }
}

.hero-bg-wrap .carousel.tc-carousel .carousel-indicators {
    top: auto;
    bottom: -23px;
    margin: 0;
    width: auto;
    right: 0;
    left: 0
}

.hero-bg-wrap .carousel.tc-carousel .carousel-indicators li.active {
    width: 15px;
    background-color: #DB3F3B
}

.hero-bg-wrap .carousel.tc-carousel .carousel-indicators.left {
    justify-content: flex-start
}

@media (max-width:768px) {
    .hero-bg-wrap .carousel.tc-carousel .carousel-indicators {
        top: -15px;
        bottom: auto
    }
}

@media (min-width:768px) {
    .hero-bg-wrap {
        padding-bottom: 120px
    }

    .hero-bg-wrap .page-title {
        padding: 60px 0
    }

    .hero-bg-wrap .page-title h1,
    .hero-bg-wrap .page-title .h1 {
        font-size: 43px
    }

    .hero-bg-wrap .bg-shape-poly {
        padding: 70px 130px 60px 105px
    }

    .hero-bg-wrap h2,
    .hero-bg-wrap .h2 {
        font-size: 43px
    }
}

@media (max-width:468px) {

    .hero-bg-wrap h2,
    .hero-bg-wrap .h2 {
        font-size: 27px
    }
}

.hero-bg-wrap.small-header {
    background-image: url(/templates/croster/assets/images/sec-bg3.jpg);
    padding: 0
}

.hero-bg-wrap.small-header.bg-opacity:before {
    opacity: .7
}

.hero-bg-wrap.small-header.bg-primary,
.hero-bg-wrap.small-header.dark {
    background-image: none
}

.hero-bg-wrap.small-header.bg-primary:before,
.hero-bg-wrap.small-header.dark:before {
    display: none
}

.hero-bg-wrap.small-header.bg-primary {
    border-color: #DB3F3B !important
}

.hero-bg-wrap.small-header.inverse,
.hero-bg-wrap.small-header.dark {
    border-color: #DB3F3B !important
}

.hero-bg-wrap.bg-opacity:before {
    background: #000000;
    content: "";
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    opacity: .2
}

.sheaderbg {
    position: relative
}

.sheaderbg .page-title {
    text-align: center;
    padding: 30px 0
}

.sheaderbg .page-title h1,
.sheaderbg .page-title .h1 {
    margin: 0;
    font-size: 26px
}

.sheaderbg h1,
.sheaderbg .h1 {
    font-size: 21px
}

@media (min-width:768px) {
    .sheaderbg .page-title {
        padding: 60px 0
    }

    .sheaderbg .page-title h1,
    .sheaderbg .page-title .h1 {
        font-size: 43px
    }

    .sheaderbg h2,
    .sheaderbg .h2 {
        font-size: 43px
    }
}

@media (max-width:468px) {

    .sheaderbg h2,
    .sheaderbg .h2 {
        font-size: 27px
    }
}

.sheaderbg.tborder {
    border-top: 5px solid #DB3F3B !important
}

.sheaderbg.tborder.primary,
.sheaderbg.tborder.bg-primary,
.sheaderbg.tborder.dark,
.sheaderbg.tborder.inverse,
.sheaderbg.tborder.bg-light,
.sheaderbg.tborder.light,
.sheaderbg.tborder.bg-white {
    border-top-color: #DB3F3B !important
}

.cros-pricing-container {
    position: relative
}

.cros-pricing-container .swiper-pagination-fraction,
.cros-pricing-container .swiper-pagination-custom,
.cros-pricing-container .swiper-horizontal>.swiper-pagination-bullets,
.cros-pricing-container .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -20px
}

.cros-pricing-container .pricing-slider,
.cros-pricing-container .pricing-box,
.cros-pricing-container .home-products {
    position: relative
}

.cros-pricing-container .pricing-slider.row-eq-height,
.cros-pricing-container .pricing-box.row-eq-height,
.cros-pricing-container .home-products.row-eq-height {
    margin: 0
}

.cros-pricing-container .pricing-slider.row-eq-height [class*=" col-"],
.cros-pricing-container .pricing-box.row-eq-height [class*=" col-"],
.cros-pricing-container .home-products.row-eq-height [class*=" col-"] {
    padding-left: 10px;
    padding-right: 10px
}

.cros-pricing-container .pricing_style_2 {
    position: relative;
    margin: 35px 0
}

.cros-pricing-container .pricing-box .cros-pricing-table .sticker-wrapper {
    top: -15px;
    right: 30px
}

.cros-pricing-container .pricing-box .cros-pricing-table .sticker-wrapper .sticker {
    font-size: 14px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-radius: 12px
}

.cros-pricing-container .cros-pricing-table {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 35px 0;
    padding: 30px 30px 15px;
    box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1);
    border: 1px solid #D5DCE5;
    border-radius: 4px;
    color: #2a2e36
}

.cros-pricing-container .cros-pricing-table .st-sm {
    display: none
}

.cros-pricing-container .cros-pricing-table .price-free {
    padding: .5rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .25rem !important
}

.cros-pricing-container .cros-pricing-table .product_pricing_single,
.cros-pricing-container .cros-pricing-table .billing-cycle-pricing {
    margin: 1rem 0
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing {
    display: block
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group {
    width: 100%
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent !important;
    border-color: #D5DCE5;
    color: #2a2e36;
    padding: 5px 10px;
    text-align: left;
    margin: 0
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn .fas,
.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn .far,
.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn .fal,
.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn .fad {
    margin: 0
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn.dropdown-toggle:after {
    display: none
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu {
    width: 100%;
    border-color: #D5DCE5;
    border-radius: 0;
    padding: 0
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li {
    display: block;
    padding: 5px 10px;
    cursor: pointer;
    border-bottom: 1px solid #D5DCE5;
    position: relative
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li:last-child {
    border-bottom: 0 none
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li:hover,
.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li:focus {
    background-color: #EDF0F5
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing {
    color: #2a2e36
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .dollar {
    font-size: 20px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .discounted_options {
    color: #777
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .discounted_options div:first-child {
    margin-right: 4px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .discounted_options .price_duration {
    font-size: 14px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    word-break: break-all
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing .dollar,
.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing .cents,
.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing .prefix {
    font-weight: 700;
    color: #DB3F3B
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing .suffix {
    margin: 0 2px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .current_prcing .dollar {
    font-size: 29px;
    color: #DB3F3B
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group.open .fa-angle-down:before {
    content: "\f106"
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .regular_pricing .savecut,
.cros-pricing-container .cros-pricing-table .billing-cycle-pricing .regular_pricing.savecut {
    font-size: 80%;
    text-decoration: line-through
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing.desc_belwo {
    margin-bottom: 10px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing.fixed-height {
    min-height: 120px
}

.cros-pricing-container .cros-pricing-table .billing-cycle-pricing.float .btn-group .save_text {
    position: absolute;
    top: 5px;
    right: 25px
}

.cros-pricing-container .cros-pricing-table .tab-pane .btn-group .btn.dropdown-toggle:after {
    display: none
}

.cros-pricing-container .cros-pricing-table h3,
.cros-pricing-container .cros-pricing-table h4,
.cros-pricing-container .cros-pricing-table .h3,
.cros-pricing-container .cros-pricing-table .h4 {
    color: #2a2e36;
    display: block;
    font-weight: 700;
    margin: 0 0 1rem
}

.cros-pricing-container .cros-pricing-table h3,
.cros-pricing-container .cros-pricing-table .h3 {
    font-size: 30px
}

.cros-pricing-container .cros-pricing-table .desc {
    margin-bottom: 1rem
}

.cros-pricing-container .cros-pricing-table .heading-desc h1,
.cros-pricing-container .cros-pricing-table .heading-desc h2,
.cros-pricing-container .cros-pricing-table .heading-desc h3,
.cros-pricing-container .cros-pricing-table .heading-desc h4,
.cros-pricing-container .cros-pricing-table .heading-desc h5,
.cros-pricing-container .cros-pricing-table .heading-desc .h1,
.cros-pricing-container .cros-pricing-table .heading-desc .h2,
.cros-pricing-container .cros-pricing-table .heading-desc .h3,
.cros-pricing-container .cros-pricing-table .heading-desc .h4,
.cros-pricing-container .cros-pricing-table .heading-desc .h5 {
    margin: 10px 0
}

.cros-pricing-container .cros-pricing-table .heading-desc p {
    margin-bottom: 25px
}

.cros-pricing-container .cros-pricing-table .cterms {
    text-transform: capitalize
}

.cros-pricing-container .cros-pricing-table .price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    word-break: break-all
}

.cros-pricing-container .cros-pricing-table .price small.start {
    margin-right: 4px
}

.cros-pricing-container .cros-pricing-table .price.free {
    color: #0273d4
}

.cros-pricing-container .cros-pricing-table .price span,
.cros-pricing-container .cros-pricing-table .price s,
.cros-pricing-container .cros-pricing-table .price del {
    font-weight: 700
}

.cros-pricing-container .cros-pricing-table .price s,
.cros-pricing-container .cros-pricing-table .price del {
    font-size: 16px;
    color: #999
}

.cros-pricing-container .cros-pricing-table .price span {
    white-space: nowrap;
    margin-right: 2px
}

.cros-pricing-container .cros-pricing-table .price span:last-child {
    margin-right: 0
}

.cros-pricing-container .cros-pricing-table .price span.prefix,
.cros-pricing-container .cros-pricing-table .price span.cost,
.cros-pricing-container .cros-pricing-table .price span.dollar,
.cros-pricing-container .cros-pricing-table .price span.cents {
    color: #DB3F3B
}

.cros-pricing-container .cros-pricing-table .price span.prefix {
    top: -0.9em;
    position: relative;
    vertical-align: top
}

.cros-pricing-container .cros-pricing-table .price span.cost,
.cros-pricing-container .cros-pricing-table .price span.dollar {
    font-size: 36px
}

.cros-pricing-container .cros-pricing-table .price span.cents {
    font-size: 20px
}

.cros-pricing-container .cros-pricing-table .price span.cycle,
.cros-pricing-container .cros-pricing-table .price span.suffix {
    font-weight: normal
}

.cros-pricing-container .cros-pricing-table .cost-small {
    font-size: 24px !important
}

.cros-pricing-container .cros-pricing-table .btn {
    display: block;
    width: 100%
}

@media only screen and (min-width:768px) {
    .cros-pricing-container .cros-pricing-table span.pull-right {
        display: none
    }

    .cros-pricing-container .cros-pricing-table .PriceList-toggle {
        display: none
    }

    .cros-pricing-container .cros-pricing-table .plan-features {
        height: auto !important
    }

    .cros-pricing-container .cros-pricing-table .plan-features.collapse {
        display: block !important
    }

    .cros-pricing-container .cros-pricing-table h3 small,
    .cros-pricing-container .cros-pricing-table h4 small,
    .cros-pricing-container .cros-pricing-table .h3 small,
    .cros-pricing-container .cros-pricing-table .h4 small {
        display: none
    }
}

.cros-pricing-container .cros-pricing-table .plan-features {
    padding: 1rem 0 0
}

.cros-pricing-container .cros-pricing-table .plan-features li {
    position: relative;
    list-style: none;
    padding: 5px 0
}

.cros-pricing-container .cros-pricing-table .plan-features li:first-child {
    padding-top: 0
}

.cros-pricing-container .cros-pricing-table .plan-features li:last-child {
    padding-bottom: 0
}

.cros-pricing-container .cros-pricing-table .plan-features.check-list li,
.cros-pricing-container .cros-pricing-table .plan-features.arrows li,
.cros-pricing-container .cros-pricing-table .plan-features.check-circle li,
.cros-pricing-container .cros-pricing-table .plan-features.check-square li {
    padding: 10px 0 0 20px
}

.cros-pricing-container .cros-pricing-table .plan-features.check-list li:before,
.cros-pricing-container .cros-pricing-table .plan-features.arrows li:before,
.cros-pricing-container .cros-pricing-table .plan-features.check-circle li:before,
.cros-pricing-container .cros-pricing-table .plan-features.check-square li:before {
    position: absolute;
    margin-right: 4px;
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    font-weight: 300;
    left: 0;
    opacity: .8
}

.cros-pricing-container .cros-pricing-table .plan-features.check-list li:first-child,
.cros-pricing-container .cros-pricing-table .plan-features.arrows li:first-child,
.cros-pricing-container .cros-pricing-table .plan-features.check-circle li:first-child,
.cros-pricing-container .cros-pricing-table .plan-features.check-square li:first-child {
    padding-top: 0
}

.cros-pricing-container .cros-pricing-table .plan-features.check-list li:before {
    content: "\f00c"
}

.cros-pricing-container .cros-pricing-table .plan-features.arrows li:before {
    content: "\f061"
}

.cros-pricing-container .cros-pricing-table .plan-features.check-circle li:before {
    content: "\f058"
}

.cros-pricing-container .cros-pricing-table .plan-features.check-square li:before {
    content: "\f14a"
}

@media only screen and (max-width:767px) {
    .cros-pricing-container .cros-pricing-table .PriceList-toggle {
        margin: 15px 0;
        cursor: pointer;
        font-weight: 700
    }

    .cros-pricing-container .cros-pricing-table .PriceList-toggle span:after {
        content: "\f068";
        font-family: "Font Awesome 5 Pro";
        font-size: 15px;
        float: right
    }

    .cros-pricing-container .cros-pricing-table .PriceList-toggle.collapsed span:after {
        content: "\f067"
    }

    .cros-pricing-container .cros-pricing-table .plan-features.collapse,
    .cros-pricing-container .cros-pricing-table .plan-features.collapsing {
        padding: 0
    }
}

.cros-pricing-container .cros-pricing-table .table-heading {
    display: inline-block;
    background-color: #0273d4;
    color: #FFFFFF;
    padding: .08em .7em .08em .7em;
    line-height: 1.42857143;
    position: relative;
    text-transform: none;
    margin: 30px 0 0
}

.cros-pricing-container .cros-pricing-table .table-heading:after {
    content: "";
    background-color: #0273d4;
    position: absolute;
    top: 0;
    right: -0.1em;
    width: .2em;
    height: 1.535em;
    -webkit-transform: skew(-7deg, 0);
    transform: skew(-7deg, 0)
}

.cros-pricing-container .cros-pricing-table .table {
    margin: 0
}

.cros-pricing-container .cros-pricing-table .table thead th {
    font-weight: 500;
    border-bottom: 0 none
}

.cros-pricing-container .cros-pricing-table .table th {
    text-align: center
}

.cros-pricing-container .cros-pricing-table .table th:first-child {
    text-align: left
}

.cros-pricing-container .cros-pricing-table .table tbody {
    border-collapse: separate
}

.cros-pricing-container .cros-pricing-table .table tbody tr {
    vertical-align: baseline;
    background-color: #EDF0F5;
    border-bottom: 10px solid #FFFFFF
}

.cros-pricing-container .cros-pricing-table .table tbody td {
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #FFFFFF;
    border-top: 0 none
}

.cros-pricing-container .cros-pricing-table .table tbody td h3,
.cros-pricing-container .cros-pricing-table .table tbody td h4,
.cros-pricing-container .cros-pricing-table .table tbody td .h3,
.cros-pricing-container .cros-pricing-table .table tbody td .h4 {
    background: transparent;
    padding: 0;
    margin: 10px 0;
    border: 0 none
}

.cros-pricing-container .cros-pricing-table .table tbody td:first-child {
    text-align: left;
    border-right: 0 none
}

.cros-pricing-container .cros-pricing-table .table tbody td:last-child {
    border-right: 0 none
}

@media (min-width:768px) {
    .cros-pricing-container .cros-pricing-table .table tbody td:first-child .server-info img {
        width: 70px;
        max-width: 70px
    }

    .cros-pricing-container .cros-pricing-table .table tbody td:first-child .server-info h4,
    .cros-pricing-container .cros-pricing-table .table tbody td:first-child .server-info .h4 {
        font-size: 21px;
        margin: 20px 0
    }

    .cros-pricing-container .cros-pricing-table .table tbody td:last-child {
        max-width: 195px
    }
}

@media only screen and (max-width:991px) {
    .cros-pricing-container .cros-pricing-table .table tbody td .footable-toggle {
        margin-left: 5px
    }
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-heading {
    padding-left: 0
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #1a1a1a;
    color: #FFFFFF;
    text-align: left;
    padding: 7px;
    margin-left: -4px;
    position: relative;
    margin-right: 10px
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info:before {
    border-top: 4px solid transparent;
    border-right: 4px solid #1a1a1a;
    left: 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: -3px;
    width: 0
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info h4,
.cros-pricing-container .cros-pricing-table .table tbody td .server-info .h4 {
    color: #FFFFFF
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info h5,
.cros-pricing-container .cros-pricing-table .table tbody td .server-info .h5 {
    font-weight: 700;
    text-transform: uppercase
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info img {
    float: right;
    width: 50px;
    max-width: 50px
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info span .fad {
    font-size: 48px
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info.highlight {
    border: 5px solid #fedc45;
    margin-right: 0;
    border-left: 0
}

.cros-pricing-container .cros-pricing-table .table tbody td .server-info.highlight:before {
    top: -8px
}

.cros-pricing-container .cros-pricing-table .table tbody td small {
    display: block
}

.cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-inner {
    width: 100%
}

.cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-name {
    color: #0273d4
}

.cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-value {
    margin-bottom: .5rem
}

.cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-name,
.cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-value {
    display: block
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price {
    min-width: 180px
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .billing-cycle-pricing {
    margin: 0 0 .5rem
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .price {
    flex-wrap: nowrap;
    word-break: normal;
    justify-content: center
}

.cros-pricing-container .cros-pricing-table .table tbody td.server-price .price span.cost {
    font-size: 21px
}

@media only screen and (max-width:597px) {
    .cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-row:last-child {
        margin-top: 15px
    }
}

.cros-pricing-container .cros-pricing-table.no-animation {
    padding: 15px 30px 15px
}

.cros-pricing-container .cros-pricing-table.bg-primary h3,
.cros-pricing-container .cros-pricing-table.bg-primary h4,
.cros-pricing-container .cros-pricing-table.bg-primary .h3,
.cros-pricing-container .cros-pricing-table.bg-primary .h4,
.cros-pricing-container .cros-pricing-table.bg-primary .desc,
.cros-pricing-container .cros-pricing-table.bg-primary .price span,
.cros-pricing-container .cros-pricing-table.bg-primary .plan-features ul li {
    color: #FFFFFF
}

.cros-pricing-container .cros-pricing-table.bg-primary .btn-primary {
    background-color: transparent;
    border-color: #FFFFFF;
    border-bottom-width: 2px;
    color: #FFFFFF
}

.cros-pricing-container .cros-pricing-table.bg-primary .btn-primary:hover,
.cros-pricing-container .cros-pricing-table.bg-primary .btn-primary:focus {
    background-color: rgba(255, 255, 255, 0.1)
}

.cros-pricing-container .cros-pricing-table.dark h3,
.cros-pricing-container .cros-pricing-table.dark h4,
.cros-pricing-container .cros-pricing-table.dark .h3,
.cros-pricing-container .cros-pricing-table.dark .h4,
.cros-pricing-container .cros-pricing-table.dark .desc,
.cros-pricing-container .cros-pricing-table.dark .price span,
.cros-pricing-container .cros-pricing-table.dark .plan-features ul li {
    color: #FFFFFF
}

.cros-pricing-container .cros-pricing-table.bg-primary,
.cros-pricing-container .cros-pricing-table.dark {
    border: 0 none
}

.cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .btn,
.cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .btn {
    color: #FFFFFF;
    border-color: rgba(255, 255, 255, 0.25)
}

.cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .btn .discounted_options,
.cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .btn .discounted_options,
.cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .btn .current_prcing,
.cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .btn .current_prcing {
    color: #FFFFFF
}

.cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .prefix,
.cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .prefix,
.cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .dollar,
.cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .dollar,
.cros-pricing-container .cros-pricing-table.bg-primary .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .cents,
.cros-pricing-container .cros-pricing-table.dark .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing .cents {
    color: #DB3F3B
}

.cros-pricing-container .cros-pricing-table.bg-primary .plan .plan__column .plan__header,
.cros-pricing-container .cros-pricing-table.dark .plan .plan__column .plan__header {
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: 3px solid rgba(255, 255, 255, 0.25)
}

.cros-pricing-container .cros-pricing-table.bg-primary .plan .plan__column .plan__body .plan__cell,
.cros-pricing-container .cros-pricing-table.dark .plan .plan__column .plan__body .plan__cell {
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.25)
}

.cros-pricing-container .cros-pricing-table.bg-primary .text-muted,
.cros-pricing-container .cros-pricing-table.dark .text-muted {
    color: rgba(255, 255, 255, 0.7) !important
}

.cros-pricing-container .cros-pricing-table.bg-primary .graphics .icon,
.cros-pricing-container .cros-pricing-table.dark .graphics .icon {
    color: var(--primary)
}

.cros-pricing-container .cros-pricing-table.bg-primary .graphics .icon:before,
.cros-pricing-container .cros-pricing-table.dark .graphics .icon:before {
    background-color: var(--white)
}

.cros-pricing-container .cros-pricing-table.no-shadow {
    box-shadow: none
}

.cros-pricing-container .cros-pricing-table .sticker-wrapper {
    position: absolute;
    top: -20px;
    right: 15px
}

.cros-pricing-container .cros-pricing-table .sticker-wrapper .sticker {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #000000;
    -webkit-transform: rotate(45deg) translateX(50%);
    transform: rotate(45deg) translateX(50%);
    position: relative;
    background-color: #fedc45;
    white-space: nowrap;
    padding: .25rem 1.25rem
}

.cros-pricing-container .cros-pricing-table .sticker-wrapper.flat {
    top: 20px;
    right: 0
}

.cros-pricing-container .cros-pricing-table .sticker-wrapper.flat .sticker {
    border: 0 none;
    border-radius: 25px 0px 0px 25px;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.cros-pricing-container .cros-pricing-table.st_s-2.popular h4,
.cros-pricing-container .cros-pricing-table.st_s-2.active h4,
.cros-pricing-container .cros-pricing-table.st_s-2.popular .h4,
.cros-pricing-container .cros-pricing-table.st_s-2.active .h4 {
    margin-bottom: 0
}

.cros-pricing-container .cros-pricing-table.st_s-2.popular .sticker-wrapper,
.cros-pricing-container .cros-pricing-table.st_s-2.active .sticker-wrapper {
    display: none
}

.cros-pricing-container .cros-pricing-table.st_s-2 .st-sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .25rem .5rem;
    font-size: 11px;
    background-color: #fedc45;
    color: #000000;
    border-radius: 12px;
    margin: 5px 0
}

.cros-pricing-container .cros-pricing-table.pt_st_4 {
    padding: 0
}

.cros-pricing-container .cros-pricing-table.pt_st_4 .no-gutters {
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

@media (max-width:767px) {
    .cros-pricing-container .cros-pricing-table.pt_st_4 .no-gutters {
        flex-direction: column
    }
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] {
    display: flex;
    padding: 20px;
    align-items: center
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child {
    border-bottom: 1px solid #D5DCE5
}

@media (min-width:768px) {
    .cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child {
        border-right: 1px solid #D5DCE5;
        border-bottom: 0 none
    }
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child h1,
.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child h2,
.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child h3,
.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child h4,
.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child .h1,
.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child .h2,
.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child .h3,
.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child .h4 {
    margin-top: 0
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child .product_pricing_single,
.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:first-child .billing-cycle-pricing {
    margin: 0
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-]:last-child .btn {
    margin: 0
}

@media (max-width:778px) {
    .cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] {
        display: block;
        width: 100%
    }
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .content {
    display: flex;
    flex-direction: column;
    width: 100%
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .content .featured_desc {
    border-top: 1px dashed #D5DCE5;
    padding: 10px 0 0;
    margin-top: 15px
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .content .plan-features .features-divider {
    display: none !important
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .plan-features {
    padding: 0;
    margin: 0
}

.cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .plan-features li {
    display: inline-table;
    width: 48%
}

@media (min-width:1200px) {
    .cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .plan-features li {
        width: 32%
    }
}

@media (max-width:991px) {
    .cros-pricing-container .cros-pricing-table.pt_st_4 [class*=col-] .plan-features li {
        width: 100%
    }
}

.cros-pricing-container .cros-pricing-table.pt_st_4.active {
    margin: 45px 0 30px;
    border-color: #DB3F3B;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22)
}

.cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] h1,
.cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] h2,
.cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] h3,
.cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] h4,
.cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] .h1,
.cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] .h2,
.cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] .h3,
.cros-pricing-container .cros-pricing-table.pt_st_4.active [class*=col-] .h4 {
    margin-top: 10px;
    margin-bottom: 15px
}

.cros-pricing-container .cros-pricing-table.pt_st_4.active:first-child {
    margin-top: 0
}

.cros-pricing-container .cros-pricing-table.pt_st_5 {
    padding: 0 .5rem
}

.cros-pricing-container .cros-pricing-table.pt_st_5 .no-gutters {
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

@media (max-width:767px) {
    .cros-pricing-container .cros-pricing-table.pt_st_5 .no-gutters {
        flex-direction: column
    }
}

.cros-pricing-container .cros-pricing-table.pt_st_5 .sticker-wrapper.se {
    top: -15px;
    right: auto;
    left: 1rem
}

.cros-pricing-container .cros-pricing-table.pt_st_5 .sticker-wrapper.se .sticker {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    border-radius: 12px 12px 0px 0px
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] {
    display: flex;
    padding: 1rem;
    align-items: center
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-]:first-child {
    border-bottom: 1px solid #D5DCE5
}

@media (min-width:768px) {
    .cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-]:first-child {
        border-bottom: 0 none
    }
}

@media (min-width:992px) {
    .cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-]:first-child .content {
        flex-direction: row
    }

    .cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-]:first-child .content .graphics {
        justify-content: center;
        margin-right: 2rem;
        margin-bottom: 0
    }
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-]:first-child h1,
.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-]:first-child h2,
.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-]:first-child h3,
.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-]:first-child h4,
.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-]:first-child .h1,
.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-]:first-child .h2,
.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-]:first-child .h3,
.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-]:first-child .h4 {
    margin: 0
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content {
    display: flex;
    flex-direction: column;
    width: 100%
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .graphics {
    display: flex;
    align-items: center;
    margin-bottom: 1rem
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .graphics.fix-width {
    min-width: 185px;
    max-width: 185px;
    width: 185px
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .plan-name {
    display: flex;
    align-items: center;
    margin-bottom: 1rem
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .plan-details:not(.h4) {
    font-size: 14px
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .featured_desc {
    border-top: 1px dashed #D5DCE5;
    padding: .5rem 0 0;
    margin-top: 15px
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .plan-features,
.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .custom-features {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    padding: 0;
    margin: 0
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .plan-features li,
.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .custom-features li {
    position: relative;
    padding: .25rem 1rem .25rem 0;
    margin-right: 15px;
    opacity: .85
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .plan-features.check-list li,
.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .plan-features.arrows li,
.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .plan-features.check-circle li,
.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .plan-features.check-square li {
    padding: .25rem 1rem .25rem 1.25rem
}

@media (min-width:992px) {
    .cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .billing-cycle-pricing {
        display: flex;
        flex-direction: column;
        align-items: flex-end
    }

    .cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .billing-cycle-pricing .btn-group {
        max-width: 180px
    }

    .cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .price {
        justify-content: flex-end
    }

    .cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .pricing_main,
    .cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .pricing_main_default,
    .cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .cycle,
    .cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .setup-fee {
        text-align: right
    }

    .cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .plan-action {
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    .cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .plan-action .btn {
        width: auto;
        min-width: 185px
    }
}

@media (max-width:1200px) {

    .cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .plan-features li,
    .cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .custom-features li {
        width: calc(50% - 30px);
        white-space: nowrap
    }
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .billing-cycle-pricing .pricing_wrapr {
    display: flex;
    align-items: center
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .billing-cycle-pricing .pricing_wrapr .save_text {
    position: unset;
    margin-left: 4px
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .price {
    flex-wrap: nowrap
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .regular_pricing span {
    font-weight: normal;
    margin-right: 2px
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .custom-features .features-divider {
    display: none !important
}

.cros-pricing-container .cros-pricing-table.pt_st_5 [class*=col-] .content .cost {
    font-size: 1.65rem
}

.cros-pricing-container .cros-pricing-table.pt_st_5 .product_pricing_single,
.cros-pricing-container .cros-pricing-table.pt_st_5 .billing-cycle-pricing {
    margin: 0
}

.cros-pricing-container .cros-pricing-table.pt_st_5.active {
    border-color: #DB3F3B;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22)
}

.cros-pricing-container .cros-pricing-table.pt_st_5.active:first-child {
    margin-top: 0
}

.cros-pricing-container .cros-pricing-table .graphics .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    font-size: 1.75rem;
    color: var(--white);
    position: relative
}

.cros-pricing-container .cros-pricing-table .graphics .icon [class*=" fa-"],
.cros-pricing-container .cros-pricing-table .graphics .icon [class^="fa-"] {
    z-index: 1
}

.cros-pricing-container .cros-pricing-table .graphics .icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%
}

.cros-pricing-container .cros-pricing-table.centered {
    align-items: center
}

.cros-pricing-container .cros-pricing-table.centered .graphics {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.cros-pricing-container .cros-pricing-table.centered .desc,
.cros-pricing-container .cros-pricing-table.centered .desc_small,
.cros-pricing-container .cros-pricing-table.centered .plan-features,
.cros-pricing-container .cros-pricing-table.centered .pricing_main,
.cros-pricing-container .cros-pricing-table.centered .pricing_main_default,
.cros-pricing-container .cros-pricing-table.centered .product_pricing_single {
    text-align: center
}

.cros-pricing-container .cros-pricing-table.centered .billing-cycle-pricing {
    width: 100%
}

.cros-pricing-container .cros-pricing-table.centered .btn-link,
.cros-pricing-container .cros-pricing-table.centered .billing-cycle-pricing .pricing_main .price,
.cros-pricing-container .cros-pricing-table.centered .billing-cycle-pricing .pricing_main_default .price {
    justify-content: center
}

.cros-pricing-container .cros-pricing-table.centered .plan-features.check-list li:before,
.cros-pricing-container .cros-pricing-table.centered .plan-features.arrows li:before,
.cros-pricing-container .cros-pricing-table.centered .plan-features.check-circle li:before,
.cros-pricing-container .cros-pricing-table.centered .plan-features.check-square li:before {
    margin-right: 0;
    margin-left: -1.25rem;
    left: auto
}

@media only screen and (max-width:767px) {
    .cros-pricing-container .cros-pricing-table.centered .PriceList-toggle span:after {
        float: none;
        margin-left: 10px
    }
}

.cros-pricing-container .cros-pricing-table .plans_slider__nav {
    position: relative;
    padding: 1.25rem
}

.cros-pricing-container .cros-pricing-table .plans_slider__nav .swiper-button-next,
.cros-pricing-container .cros-pricing-table .plans_slider__nav .swiper-button-prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    outline: none;
    width: auto;
    height: auto;
    margin: 0
}

.cros-pricing-container .cros-pricing-table .plans_slider__nav .swiper-button-next .btn__icon,
.cros-pricing-container .cros-pricing-table .plans_slider__nav .swiper-button-prev .btn__icon {
    font-size: 1.25rem
}

.cros-pricing-container .cros-pricing-table .plans_slider__nav .swiper-button-next:after,
.cros-pricing-container .cros-pricing-table .plans_slider__nav .swiper-button-prev:after {
    display: none
}

.cros-pricing-container .cros-pricing-table .plans_slider__nav .swiper-button-next.swiper-button-disabled,
.cros-pricing-container .cros-pricing-table .plans_slider__nav .swiper-button-prev.swiper-button-disabled {
    opacity: .35
}

.cros-pricing-container .cros-pricing-table .plans_slider__nav .swiper-button-next {
    right: 20px
}

.cros-pricing-container .cros-pricing-table .plans_slider__nav .swiper-button-next .btn__icon {
    margin-left: 10px
}

.cros-pricing-container .cros-pricing-table .plans_slider__nav .swiper-button-prev {
    left: 20px
}

.cros-pricing-container .cros-pricing-table .plans_slider__nav .swiper-button-prev .btn__icon {
    margin-right: 10px
}

.cros-pricing-container.mbo table.trns {
    border-collapse: separate;
    border-spacing: 0;
    border: 0 none
}

.cros-pricing-container.mbo table.trns th,
.cros-pricing-container.mbo table.trns tr,
.cros-pricing-container.mbo table.trns td {
    border: 0 none
}

.cros-pricing-container.mbo .cros-pricing-table {
    position: static;
    margin: 0 0 30px
}

.cros-pricing-container.mbo .cros-pricing-table.pt_st_4 .st-sm {
    margin: -10px 0 10px
}

.cros-pricing-container.mbo .cros-pricing-table.pt_st_4 .sticker-wrapper {
    top: -28px;
    left: auto;
    right: 15px
}

.cros-pricing-container .card.upgrade-plans .card-body ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .25rem 0;
    border-top: 1px dotted #D5DCE5;
    font-size: 80%
}

.cros-pricing-container .card.upgrade-plans .card-body ul li:last-child {
    border-bottom: 1px dotted #D5DCE5
}

.cros-pricing-container .card.upgrade-plans .card-body ul li .feature-label {
    text-align: left;
    margin-right: 5px;
    max-width: 75%
}

.cros-pricing-container .card.upgrade-plans .card-body ul li .feature-value {
    text-align: right;
    margin-left: 5px
}

.tab-pane .plan-specs [class*='col-'] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #EDF0F5;
    border: 1px solid #D5DCE5;
    border-width: 1px 1px 1px 0;
    min-height: 117px;
    height: auto
}

.tab-pane .plan-specs [class*='col-']:first-child {
    border-width: 1px;
    border-radius: 4px 0 0 4px
}

.tab-pane .plan-specs [class*='col-']:last-child {
    border-width: 1px;
    border-color: #0273d4;
    background: #0273d4;
    color: #FFFFFF;
    border-radius: 0 4px 4px 0
}

.tab-pane .plan-specs [class*='col-']:last-child:before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    background-color: inherit;
    margin-right: -15px;
    top: 50%;
    margin-top: -13px;
    right: 100%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1
}

.tab-pane .plan-specs [class*='col-']:last-child h2,
.tab-pane .plan-specs [class*='col-']:last-child .h2 {
    color: #FFFFFF;
    line-height: 60px;
    margin: 10px 0 0
}

.tab-pane .plan-specs .description,
.tab-pane .plan-specs .pricing,
.tab-pane .plan-specs .pricing_main,
.tab-pane .plan-specs .pricing_main_default {
    text-align: center
}

.tab-pane .plan-specs .description h5,
.tab-pane .plan-specs .pricing h5,
.tab-pane .plan-specs .pricing_main h5,
.tab-pane .plan-specs .pricing_main_default h5,
.tab-pane .plan-specs .description .h5,
.tab-pane .plan-specs .pricing .h5,
.tab-pane .plan-specs .pricing_main .h5,
.tab-pane .plan-specs .pricing_main_default .h5 {
    margin: 10px 0
}

.tab-pane .plan-specs .description h2,
.tab-pane .plan-specs .pricing h2,
.tab-pane .plan-specs .pricing_main h2,
.tab-pane .plan-specs .pricing_main_default h2,
.tab-pane .plan-specs .description .h2,
.tab-pane .plan-specs .pricing .h2,
.tab-pane .plan-specs .pricing_main .h2,
.tab-pane .plan-specs .pricing_main_default .h2 {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    margin-top: 0;
    margin-bottom: 10px
}

.tab-pane .plan-specs .pricing h5,
.tab-pane .plan-specs .pricing .h5 {
    margin: 0
}

.tab-pane .plan-specs .pricing span {
    font-weight: 700
}

.tab-pane .plan-specs .pricing span.prefix,
.tab-pane .plan-specs .pricing span.cost {
    color: #DB3F3B
}

.tab-pane .plan-specs .pricing span.prefix {
    top: -0.2em;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.tab-pane .plan-specs .pricing span.cost {
    font-size: 21px
}

.tab-pane .plan-specs .pricing span.cycle,
.tab-pane .plan-specs .pricing span.suffix {
    font-weight: normal
}

.tab-pane .plan-specs .order-now {
    text-align: center;
    line-height: 113px;
    display: block;
    color: #FFFFFF
}

.tab-pane .plan-specs .order-now:hover,
.tab-pane .plan-specs .order-now:focus,
.tab-pane .plan-specs .order-now:active {
    text-decoration: none;
    background: #0286f7
}

.tab-pane .plan-specs .order-now.bg-secondary:hover,
.tab-pane .plan-specs .order-now.bg-secondary:focus,
.tab-pane .plan-specs .order-now.bg-secondary:active {
    background: #e15d59 !important
}

.tab-pane .plan-specs .order-now.bg-success:hover,
.tab-pane .plan-specs .order-now.bg-success:focus,
.tab-pane .plan-specs .order-now.bg-success:active {
    background: #0286f7 !important
}

.tab-pane .plan-specs .order-now.bg-danger:hover,
.tab-pane .plan-specs .order-now.bg-danger:focus,
.tab-pane .plan-specs .order-now.bg-danger:active {
    background: #df706c !important
}

.tab-pane .plan-specs .order-now.bg-warning:hover,
.tab-pane .plan-specs .order-now.bg-warning:focus,
.tab-pane .plan-specs .order-now.bg-warning:active {
    background: #f3bc6f !important
}

.tab-pane .plan-specs .order-now.bg-info:hover,
.tab-pane .plan-specs .order-now.bg-info:focus,
.tab-pane .plan-specs .order-now.bg-info:active {
    background: #0286f7 !important
}

.tab-pane .plan-specs .order-now.inverse:hover,
.tab-pane .plan-specs .order-now.dark:hover,
.tab-pane .plan-specs .order-now.gray:hover,
.tab-pane .plan-specs .order-now.inverse:focus,
.tab-pane .plan-specs .order-now.dark:focus,
.tab-pane .plan-specs .order-now.gray:focus,
.tab-pane .plan-specs .order-now.inverse:active,
.tab-pane .plan-specs .order-now.dark:active,
.tab-pane .plan-specs .order-now.gray:active {
    background: #222 !important
}

@media (min-width:992px) {

    .tab-pane .plan-specs .description h2,
    .tab-pane .plan-specs .description .h2 {
        font-size: 28px
    }
}

@media (max-width:991px) {
    .tab-pane .plan-specs [class*='col-']:last-child:before {
        display: none
    }
}

@media (max-width:767px) {
    .tab-pane .plan-specs [class*='col-'] {
        border-width: 0 1px 1px
    }

    .tab-pane .plan-specs [class*='col-']:first-child {
        border-width: 1px
    }

    .tab-pane .plan-specs [class*='col-']:last-child {
        border-width: 0 1px 1px
    }

    .tab-pane .plan-specs .order-now {
        flex: auto;
        max-width: 100%
    }

    .tab-pane .plan-specs .description h2,
    .tab-pane .plan-specs .description .h2 {
        font-size: 28px
    }
}

.tab-pane .btn-group .dropdown-menu .dropdown-item {
    cursor: pointer
}

@media only screen and (max-width:767px) {
    .cros-tabsbar .mobile-tab-headings {
        background-color: #0273d4;
        border-color: #0273d4;
        color: #FFFFFF;
        cursor: pointer;
        margin: 0;
        white-space: nowrap;
        height: 100%;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333
    }
}

.mobile-tab-headings {
    display: none
}

@media only screen and (max-width:767px) {
    .mobile-tab-headings {
        width: 100%;
        display: block
    }
}

@media only screen and (max-width:767px) {
    .mobile-tab-headings+.nav-tabs {
        display: none
    }
}

.section__plan_comparison {
    position: relative;
    min-height: 100%;
    z-index: 2
}

.section__plan_comparison .cros-pricing-container .cros-pricing-table {
    padding: 0
}

.section__plan_comparison .plan {
    display: flex;
    position: relative;
    overflow: hidden
}

.section__plan_comparison .plan .plan__column {
    flex: 1;
    position: relative
}

.section__plan_comparison .plan .plan__column .plan__header {
    padding: 30px 24px;
    height: 80px;
    border-right: 1px solid #D5DCE5;
    border-top: 1px solid transparent;
    border-bottom: 3px double #D5DCE5
}

.section__plan_comparison .plan .plan__column .plan__header h4,
.section__plan_comparison .plan .plan__column .plan__header .h4 {
    margin: 0
}

.section__plan_comparison .plan .plan__column .plan__header.hg {
    height: 150px
}

.section__plan_comparison .plan .plan__column .plan__header.hg h4,
.section__plan_comparison .plan .plan__column .plan__header.hg .h4 {
    margin: .5rem 0
}

.section__plan_comparison .plan .plan__column .plan__header.hg .graphics img {
    height: 66px;
    max-height: 66px
}

.section__plan_comparison .plan .plan__column.plan__column--empty {
    height: 100%;
    min-width: 240px
}

@media (max-width:513px) {
    .section__plan_comparison .plan .plan__column.plan__column--empty {
        min-width: 50%
    }
}

.section__plan_comparison .plan .plan__column.plan__column--empty .plan__header {
    border-left: 1px solid transparent;
    height: 80px
}

.section__plan_comparison .plan .plan__column.plan__column--empty .plan__header.hg {
    height: 150px
}

.section__plan_comparison .plan .plan__column .plan__body {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    outline: none
}

.section__plan_comparison .plan .plan__column .plan__body .plan__cell {
    border-right: 1px solid #D5DCE5;
    border-bottom: 1px solid #D5DCE5;
    height: 56px;
    display: flex;
    align-items: center;
    padding: 0 24px
}

.section__plan_comparison .plan .plan__column .plan__body .plan__cell.plan__cell-last {
    display: block;
    height: 240px;
    border-bottom-color: transparent;
    padding: 24px
}

.section__plan_comparison .plan .plan__column .plan__body .plan__cell.plan__cell-last .product_pricing_single,
.section__plan_comparison .plan .plan__column .plan__body .plan__cell.plan__cell-last .billing-cycle-pricing {
    margin: 0
}

.section__plan_comparison .plan .plan__column .plan__body .plan__cell.plan__cell-last.sb {
    height: 190px
}

.section__plan_comparison .plan .plan__column .plan__body .plan__cell.plan__cell-last .pricing_main,
.section__plan_comparison .plan .plan__column .plan__body .plan__cell.plan__cell-last .pricing_main_default {
    min-height: 90px
}

.section__plan_comparison .plan .plan__column .plan__body .plan__cell.plan__cell-last .cost {
    font-size: 26px
}

.section__plan_comparison .plan .plan__column .plan__body.plan__body--right {
    text-align: left
}

.section__plan_comparison .plan .plan__column .plan__body.plan__body--right .plan__cell {
    justify-content: flex-start;
    font-weight: 500
}

.section__plan_comparison .plan .plan__column .plan__body.plan__body--right .plan__cell span.underline,
.section__plan_comparison .plan .plan__column .plan__body.plan__body--right .plan__cell span [class*=" fa-"],
.section__plan_comparison .plan .plan__column .plan__body.plan__body--right .plan__cell span [class^="fa-"] {
    cursor: pointer
}

.section__plan_comparison .plan .plan__column .plan__body.plan__body--right .plan__cell span.underline {
    font-weight: 700;
    border-bottom: 2px dotted var(--primary)
}

.section__plan_comparison .plan .plan__column .plan__body.plan__body--right .plan__cell span [class*=" fa-"],
.section__plan_comparison .plan .plan__column .plan__body.plan__body--right .plan__cell span [class^="fa-"] {
    padding: 0 4px
}

.section__plan_comparison .plan .sticker-wrapper {
    top: 5px;
    left: 0;
    right: auto
}

.section__plan_comparison .plan .sticker-wrapper .sticker {
    border-radius: 0 8px 8px 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    padding: 0 22px;
    border: 0 none
}

.section__plan_comparison .plan .swiper-container {
    width: 100%;
    padding: 0
}

.section__plan_comparison .plan .swiper-wrapper .swiper-slide:last-of-type .plan__column .plan__header {
    border-right-color: transparent
}

.section__plan_comparison .plan .swiper-wrapper .swiper-slide:last-of-type .plan__column .plan__body .plan__cell {
    border-right-color: transparent
}

.section__plan_comparison .plan.centered .plan__column .plan__header {
    text-align: center
}

.section__plan_comparison .plan.centered .plan__column .plan__header .graphics {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.section__plan_comparison .plan.centered .plan__column .plan__body:not(.plan__body--right) .plan__cell {
    justify-content: center
}

.section__plan_comparison .plan.centered .plan__column .plan__body:not(.plan__body--right) .plan__cell.plan__cell-last {
    text-align: center
}

.section__plan_comparison .plan.centered .plan__column .plan__body:not(.plan__body--right) .plan__cell.plan__cell-last .price {
    justify-content: center
}

.cros-pricing-table .custom-features,
.product_config_info .custom-features,
.products-radio .custom-features {
    position: relative;
    list-style: none;
    padding-left: 0
}

.cros-pricing-table .custom-features li,
.product_config_info .custom-features li,
.products-radio .custom-features li {
    padding: 5px 0
}

.cros-pricing-table .custom-features li:first-child,
.product_config_info .custom-features li:first-child,
.products-radio .custom-features li:first-child {
    padding-top: 0
}

.cros-pricing-table .custom-features li:last-child,
.product_config_info .custom-features li:last-child,
.products-radio .custom-features li:last-child {
    padding-bottom: 0
}

.cros-pricing-table .custom-features li span.underline,
.product_config_info .custom-features li span.underline,
.products-radio .custom-features li span.underline,
.cros-pricing-table .custom-features li span [class*=" fa-"],
.product_config_info .custom-features li span [class*=" fa-"],
.products-radio .custom-features li span [class*=" fa-"],
.cros-pricing-table .custom-features li span [class^="fa-"],
.product_config_info .custom-features li span [class^="fa-"],
.products-radio .custom-features li span [class^="fa-"] {
    cursor: pointer
}

.cros-pricing-table .custom-features li span.underline,
.product_config_info .custom-features li span.underline,
.products-radio .custom-features li span.underline {
    font-weight: 700;
    border-bottom: 2px dotted var(--primary)
}

.cros-pricing-table .custom-features li span [class*=" fa-"],
.product_config_info .custom-features li span [class*=" fa-"],
.products-radio .custom-features li span [class*=" fa-"],
.cros-pricing-table .custom-features li span [class^="fa-"],
.product_config_info .custom-features li span [class^="fa-"],
.products-radio .custom-features li span [class^="fa-"] {
    padding: 0 4px
}

.cros-pricing-table .custom-features li.features-divider,
.product_config_info .custom-features li.features-divider,
.products-radio .custom-features li.features-divider {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding: 5px 16px;
    margin-bottom: 10px
}

.cros-pricing-table .custom-features li.features-divider:after,
.product_config_info .custom-features li.features-divider:after,
.products-radio .custom-features li.features-divider:after {
    content: "";
    display: flex;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--primary)
}

.cros-pricing-table .custom-features li.features-divider span,
.product_config_info .custom-features li.features-divider span,
.products-radio .custom-features li.features-divider span {
    font-size: 14px;
    padding: 2px;
    white-space: nowrap;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.cros-pricing-table.bg-primary .custom-features li span.underline,
.product_config_info.bg-primary .custom-features li span.underline,
.products-radio.bg-primary .custom-features li span.underline,
.cros-pricing-table .primary .custom-features li span.underline,
.product_config_info .primary .custom-features li span.underline,
.products-radio .primary .custom-features li span.underline {
    font-weight: 700;
    border-bottom: 2px dotted var(--white)
}

.cros-pricing-table.bg-primary .custom-features li.features-divider:after,
.product_config_info.bg-primary .custom-features li.features-divider:after,
.products-radio.bg-primary .custom-features li.features-divider:after,
.cros-pricing-table .primary .custom-features li.features-divider:after,
.product_config_info .primary .custom-features li.features-divider:after,
.products-radio .primary .custom-features li.features-divider:after {
    background-color: var(--white)
}

.cros-pricing-table.pt_st_5 .custom-features.type-2 li .underline,
.cros-pricing-table.pt_st_5 .custom-features.type-2 li b {
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: .25rem
}

.cros-pricing-table.pt_st_5 .custom-features.type-2 li .underline [class*=" fa-"],
.cros-pricing-table.pt_st_5 .custom-features.type-2 li b [class*=" fa-"],
.cros-pricing-table.pt_st_5 .custom-features.type-2 li .underline [class^="fa-"],
.cros-pricing-table.pt_st_5 .custom-features.type-2 li b [class^="fa-"] {
    color: var(--primary)
}

.cros-pricing-table.bg-primary.pt_st_5 .custom-features.type-2 li .underline [class*=" fa-"],
.cros-pricing-table.primary.pt_st_5 .custom-features.type-2 li .underline [class*=" fa-"],
.cros-pricing-table.dark.pt_st_5 .custom-features.type-2 li .underline [class*=" fa-"],
.cros-pricing-table.inverse.pt_st_5 .custom-features.type-2 li .underline [class*=" fa-"],
.cros-pricing-table.bg-primary.pt_st_5 .custom-features.type-2 li b [class*=" fa-"],
.cros-pricing-table.primary.pt_st_5 .custom-features.type-2 li b [class*=" fa-"],
.cros-pricing-table.dark.pt_st_5 .custom-features.type-2 li b [class*=" fa-"],
.cros-pricing-table.inverse.pt_st_5 .custom-features.type-2 li b [class*=" fa-"],
.cros-pricing-table.bg-primary.pt_st_5 .custom-features.type-2 li .underline [class^="fa-"],
.cros-pricing-table.primary.pt_st_5 .custom-features.type-2 li .underline [class^="fa-"],
.cros-pricing-table.dark.pt_st_5 .custom-features.type-2 li .underline [class^="fa-"],
.cros-pricing-table.inverse.pt_st_5 .custom-features.type-2 li .underline [class^="fa-"],
.cros-pricing-table.bg-primary.pt_st_5 .custom-features.type-2 li b [class^="fa-"],
.cros-pricing-table.primary.pt_st_5 .custom-features.type-2 li b [class^="fa-"],
.cros-pricing-table.dark.pt_st_5 .custom-features.type-2 li b [class^="fa-"],
.cros-pricing-table.inverse.pt_st_5 .custom-features.type-2 li b [class^="fa-"] {
    color: var(--white)
}

[class*='product-billing-switcher-'] {
    text-align: center
}

[class*='product-billing-switcher-'] .btn-group {
    padding: .25rem;
    border-radius: 50px;
    margin-bottom: 1rem
}

[class*='product-billing-switcher-'] .btn-group .btn {
    padding: .25rem 1rem;
    font-size: 14px;
    border-radius: 50px !important;
    width: auto
}

[class*='product-billing-switcher-'] .btn-group .btn.active {
    background-color: var(--primary);
    color: var(--white)
}

[class*='product-billing-switcher-'] .btn-group .dropdown-menu .dropdown-item {
    cursor: pointer
}

.sec.products .badge-primary {
    font-weight: 500;
    color: #000000;
    background-color: #fedc45 !important
}

.sec.products.margin-up [class*='product-billing-switcher-'] {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    top: -80px
}

.sec.products.margin-up [class*='product-billing-switcher-'].inline-cycles {
    display: flex;
    align-items: center;
    position: relative;
    top: auto;
    bottom: auto
}

.sec.products.margin-up [class*='product-billing-switcher-'].inline-cycles .btn-group {
    display: inline-flex
}

.onepage_cart {
    min-height: 1081px
}

.onepage_cart .ajaxcart_cont .blocks.products,
.onepage_cart .ajaxcart_cont .blocks.cartsummary,
.onepage_cart .ajaxcart_cont .blocks.productconfig,
.onepage_cart .ajaxcart_cont .blocks.domain_cont,
.onepage_cart .ajaxcart_cont .blocks.domainconfig,
.onepage_cart .ajaxcart_cont .blocks.customerinfo,
.onepage_cart .ajaxcart_cont .blocks.accountpw,
.onepage_cart .ajaxcart_cont .blocks.securityques,
.onepage_cart .ajaxcart_cont .blocks.additionalinfo {
    border: 1px solid #D5DCE5;
    margin: 0 0 30px !important;
    background-color: #FFFFFF
}

.onepage_cart .ajaxcart_cont .blocks.products.TM-card,
.onepage_cart .ajaxcart_cont .blocks.cartsummary.TM-card,
.onepage_cart .ajaxcart_cont .blocks.productconfig.TM-card,
.onepage_cart .ajaxcart_cont .blocks.domain_cont.TM-card,
.onepage_cart .ajaxcart_cont .blocks.domainconfig.TM-card,
.onepage_cart .ajaxcart_cont .blocks.customerinfo.TM-card,
.onepage_cart .ajaxcart_cont .blocks.accountpw.TM-card,
.onepage_cart .ajaxcart_cont .blocks.securityques.TM-card,
.onepage_cart .ajaxcart_cont .blocks.additionalinfo.TM-card {
    padding: 0 !important
}

@media (max-width:767px) {
    .onepage_cart .ajaxcart_cont .blocks.accountpw .generate-password {
        margin-bottom: 15px
    }
}

.onepage_cart .ajaxcart_cont .blocks.products_billingcycle {
    margin: 0 0 30px
}

.onepage_cart .ajaxcart_cont .blocks.products_billingcycle label {
    display: block
}

.onepage_cart .ajaxcart_cont .blocks.products_billingcycle .pcb {
    font-size: 1rem
}

.onepage_cart .ajaxcart_cont .blocks_heading {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D5DCE5
}

.onepage_cart .ajaxcart_cont .blocks_heading h2,
.onepage_cart .ajaxcart_cont .blocks_heading label {
    margin: 0;
    font-size: 18px
}

.onepage_cart .ajaxcart_cont .domainconfig .blocks_body {
    padding: 10px
}

.onepage_cart .ajaxcart_cont .blocks.products .blocks_body .groups_sec .group_name {
    line-height: 28px;
    font-weight: 500
}

@media (max-width:767px) {
    .onepage_cart .ajaxcart_cont .blocks.products .blocks_body .groups_sec {
        margin-bottom: 40px
    }
}

.onepage_cart .ajaxcart_cont .blocks.products .blocks_body .groups_sec .form-control {
    max-width: 260px
}

@media (min-width:768px) {
    .onepage_cart .ajaxcart_cont .blocks.products .blocks_body .groups_sec .select2-container {
        max-width: 230px
    }
}

.onepage_cart .ajaxcart_cont .blocks.products .blocks_body .product_list {
    position: relative;
    padding: 10px 5px 10px 10px
}

.onepage_cart .ajaxcart_cont .blocks.products .blocks_body .product_list .tns-item label {
    display: block;
    margin-right: 5px
}

.onepage_cart .ajaxcart_cont .blocks.products .blocks_body .product_list .tns-item label .scheck.products-radio {
    padding: 1rem;
    min-height: 50px
}

.onepage_cart .ajaxcart_cont .blocks.products .blocks_body .product_list .swiper-nav {
    position: absolute;
    display: flex;
    align-items: center;
    top: -50px;
    right: 10px;
    z-index: 12
}

.onepage_cart .ajaxcart_cont .blocks.products .blocks_body .product_list .swiper-nav .swiper-pagination {
    position: relative;
    display: flex;
    margin: 0 5px
}

.onepage_cart .ajaxcart_cont .blocks.products .blocks_body .product_list .swiper-nav .swiper-pagination.swiper-pagination-fraction {
    bottom: 0;
    left: auto
}

.onepage_cart .ajaxcart_cont .blocks.products .blocks_body .product_list .swiper-nav .swiper-button-prev,
.onepage_cart .ajaxcart_cont .blocks.products .blocks_body .product_list .swiper-nav .swiper-button-next {
    position: relative;
    top: auto;
    -webkit-transform: none;
    transform: none;
    margin: 0;
    width: auto;
    right: 0;
    left: 0
}

.onepage_cart .ajaxcart_cont .blocks.products .blocks_body .product_list .swiper-nav .swiper-button-prev .btn_icon,
.onepage_cart .ajaxcart_cont .blocks.products .blocks_body .product_list .swiper-nav .swiper-button-next .btn_icon {
    padding: 10px
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary {
    border: 0 none
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary #ordersummary,
.onepage_cart .ajaxcart_cont .blocks.cartsummary #footer_order_summary {
    background-color: #EDF0F5;
    border: 1px solid #D5DCE5;
    border-radius: 4px
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary #ordersummary .cartsummary_cont,
.onepage_cart .ajaxcart_cont .blocks.cartsummary #footer_order_summary .cartsummary_cont {
    position: relative;
    font-size: 14px
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary #ordersummary .cartsummary_cont .cart-loader,
.onepage_cart .ajaxcart_cont .blocks.cartsummary #footer_order_summary .cartsummary_cont .cart-loader {
    display: none
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary #ordersummary .cartsummary_cont .domainpricingarea,
.onepage_cart .ajaxcart_cont .blocks.cartsummary #footer_order_summary .cartsummary_cont .domainpricingarea {
    position: unset
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary #ordersummary .cartsummary_cont .domainpricingarea ul,
.onepage_cart .ajaxcart_cont .blocks.cartsummary #footer_order_summary .cartsummary_cont .domainpricingarea ul {
    padding: .5rem 0;
    display: none
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary #ordersummary .cartsummary_cont .domainpricingarea ul li .dropdown-item,
.onepage_cart .ajaxcart_cont .blocks.cartsummary #footer_order_summary .cartsummary_cont .domainpricingarea ul li .dropdown-item {
    font-size: 80%
}

@media (max-width:991px) {

    .onepage_cart .ajaxcart_cont .blocks.cartsummary #ordersummary .cartsummary_cont .domainpricingarea .dropdown-menu,
    .onepage_cart .ajaxcart_cont .blocks.cartsummary #footer_order_summary .cartsummary_cont .domainpricingarea .dropdown-menu {
        max-height: 250px;
        overflow: auto
    }
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary #ordersummary .cartsummary_cont .show,
.onepage_cart .ajaxcart_cont .blocks.cartsummary #footer_order_summary .cartsummary_cont .show {
    display: block !important
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary #ordersummary .cartsummary_cont .btn-add-to-cart2,
.onepage_cart .ajaxcart_cont .blocks.cartsummary #footer_order_summary .cartsummary_cont .btn-add-to-cart2 {
    padding: 0px;
    float: right;
    font-size: 11px;
    opacity: .9
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary #ordersummary .cartsummary_cont .btn-add-to-cart2:hover,
.onepage_cart .ajaxcart_cont .blocks.cartsummary #footer_order_summary .cartsummary_cont .btn-add-to-cart2:hover,
.onepage_cart .ajaxcart_cont .blocks.cartsummary #ordersummary .cartsummary_cont .btn-add-to-cart2:focus,
.onepage_cart .ajaxcart_cont .blocks.cartsummary #footer_order_summary .cartsummary_cont .btn-add-to-cart2:focus {
    opacity: 1
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary #ordersummary.cartsummary_loader .cartsummary_cont,
.onepage_cart .ajaxcart_cont .blocks.cartsummary #footer_order_summary.cartsummary_loader .cartsummary_cont {
    position: relative
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary #ordersummary.cartsummary_loader .cartsummary_cont .cart-loader,
.onepage_cart .ajaxcart_cont .blocks.cartsummary #footer_order_summary.cartsummary_loader .cartsummary_cont .cart-loader {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    top: auto;
    bottom: 30px
}

@media (min-width:992px) {

    .onepage_cart .ajaxcart_cont .blocks.cartsummary #ordersummary.cartsummary_loader .cartsummary_cont .cart-loader,
    .onepage_cart .ajaxcart_cont .blocks.cartsummary #footer_order_summary.cartsummary_loader .cartsummary_cont .cart-loader {
        top: calc(50% - 50px);
        bottom: auto
    }
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading {
    padding: 10px
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading div {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading h2,
.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading .h2 {
    margin: 0;
    font-size: 18px
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading h2 .fas,
.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading .h2 .fas,
.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading h2 .far,
.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading .h2 .far,
.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading h2 .fal,
.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading .h2 .fal,
.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading h2 .fed,
.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading .h2 .fed {
    color: #0273d4
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading h2 a .fas,
.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading .h2 a .fas,
.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading h2 a .far,
.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading .h2 a .far,
.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading h2 a .fal,
.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading .h2 a .fal,
.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading h2 a .fed,
.onepage_cart .ajaxcart_cont .blocks.cartsummary .blocks_summaryheading .h2 a .fed {
    color: #999
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary .cartsummary_cont .heading {
    height: auto;
    line-height: normal;
    padding: 10px;
    border-bottom: 3px double #D5DCE5
}

.onepage_cart .ajaxcart_cont .blocks.cartsummary .cartsummary_cont .heading ul li {
    font-weight: 500;
    font-size: 1em
}

.onepage_cart .ajaxcart_cont .order-from-loader-img {
    padding: 50px;
    text-align: center
}

.onepage_cart .ajaxcart_cont .summary_products,
.onepage_cart .ajaxcart_cont .summary_domains,
.onepage_cart .ajaxcart_cont .subtotal,
.onepage_cart .ajaxcart_cont .summary_addons {
    font-size: .8em
}

.onepage_cart .ajaxcart_cont .cartsummary_cont ul,
.onepage_cart .ajaxcart_cont .subtotal ul,
.onepage_cart .ajaxcart_cont .total ul,
.onepage_cart .ajaxcart_cont .summary_products ul,
.onepage_cart .ajaxcart_cont .summary_domains ul,
.onepage_cart .ajaxcart_cont .summary_addons ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0
}

.onepage_cart .ajaxcart_cont .cartsummary_cont ul:first-child li:first-child .product-name,
.onepage_cart .ajaxcart_cont .subtotal ul:first-child li:first-child .product-name,
.onepage_cart .ajaxcart_cont .total ul:first-child li:first-child .product-name,
.onepage_cart .ajaxcart_cont .summary_products ul:first-child li:first-child .product-name,
.onepage_cart .ajaxcart_cont .summary_domains ul:first-child li:first-child .product-name,
.onepage_cart .ajaxcart_cont .summary_addons ul:first-child li:first-child .product-name,
.onepage_cart .ajaxcart_cont .cartsummary_cont ul:first-child li:first-child .product-group,
.onepage_cart .ajaxcart_cont .subtotal ul:first-child li:first-child .product-group,
.onepage_cart .ajaxcart_cont .total ul:first-child li:first-child .product-group,
.onepage_cart .ajaxcart_cont .summary_products ul:first-child li:first-child .product-group,
.onepage_cart .ajaxcart_cont .summary_domains ul:first-child li:first-child .product-group,
.onepage_cart .ajaxcart_cont .summary_addons ul:first-child li:first-child .product-group {
    font-weight: 500;
    display: block
}

.onepage_cart .ajaxcart_cont .cartsummary_cont ul:first-child li:first-child .product-name,
.onepage_cart .ajaxcart_cont .subtotal ul:first-child li:first-child .product-name,
.onepage_cart .ajaxcart_cont .total ul:first-child li:first-child .product-name,
.onepage_cart .ajaxcart_cont .summary_products ul:first-child li:first-child .product-name,
.onepage_cart .ajaxcart_cont .summary_domains ul:first-child li:first-child .product-name,
.onepage_cart .ajaxcart_cont .summary_addons ul:first-child li:first-child .product-name {
    font-size: 1.5em;
    font-weight: 700
}

.onepage_cart .ajaxcart_cont .cartsummary_cont ul:first-child li:first-child .product-group,
.onepage_cart .ajaxcart_cont .subtotal ul:first-child li:first-child .product-group,
.onepage_cart .ajaxcart_cont .total ul:first-child li:first-child .product-group,
.onepage_cart .ajaxcart_cont .summary_products ul:first-child li:first-child .product-group,
.onepage_cart .ajaxcart_cont .summary_domains ul:first-child li:first-child .product-group,
.onepage_cart .ajaxcart_cont .summary_addons ul:first-child li:first-child .product-group {
    font-size: 1em
}

.onepage_cart .ajaxcart_cont .cartsummary_cont ul:first-child li:first-child .product-domain,
.onepage_cart .ajaxcart_cont .subtotal ul:first-child li:first-child .product-domain,
.onepage_cart .ajaxcart_cont .total ul:first-child li:first-child .product-domain,
.onepage_cart .ajaxcart_cont .summary_products ul:first-child li:first-child .product-domain,
.onepage_cart .ajaxcart_cont .summary_domains ul:first-child li:first-child .product-domain,
.onepage_cart .ajaxcart_cont .summary_addons ul:first-child li:first-child .product-domain {
    font-style: italic
}

.onepage_cart .ajaxcart_cont .cartsummary_cont span.pull-right,
.onepage_cart .ajaxcart_cont .subtotal span.pull-right,
.onepage_cart .ajaxcart_cont .total span.pull-right,
.onepage_cart .ajaxcart_cont .summary_products span.pull-right,
.onepage_cart .ajaxcart_cont .summary_domains span.pull-right,
.onepage_cart .ajaxcart_cont .summary_addons span.pull-right {
    display: block
}

.onepage_cart .ajaxcart_cont .cartsummary_cont span.text-muted,
.onepage_cart .ajaxcart_cont .subtotal span.text-muted,
.onepage_cart .ajaxcart_cont .total span.text-muted,
.onepage_cart .ajaxcart_cont .summary_products span.text-muted,
.onepage_cart .ajaxcart_cont .summary_domains span.text-muted,
.onepage_cart .ajaxcart_cont .summary_addons span.text-muted {
    font-style: italic
}

.onepage_cart .ajaxcart_cont .cartsummary_cont span.text-muted.total-text,
.onepage_cart .ajaxcart_cont .subtotal span.text-muted.total-text,
.onepage_cart .ajaxcart_cont .total span.text-muted.total-text,
.onepage_cart .ajaxcart_cont .summary_products span.text-muted.total-text,
.onepage_cart .ajaxcart_cont .summary_domains span.text-muted.total-text,
.onepage_cart .ajaxcart_cont .summary_addons span.text-muted.total-text {
    font-style: normal
}

.onepage_cart .ajaxcart_cont .subtotal {
    padding: 10px;
    border-bottom: 1px solid #D5DCE5
}

.onepage_cart .ajaxcart_cont .total {
    padding: 3px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse
}

@media (min-width:992px) {
    .onepage_cart .ajaxcart_cont .total {
        padding: 15px 10px
    }
}

.onepage_cart .ajaxcart_cont .total ul {
    flex-direction: column;
    align-items: flex-start
}

.onepage_cart .ajaxcart_cont .total ul li:last-child {
    font-weight: 500;
    font-size: 1.75em
}

@media only screen and (min-width:992px) {
    .onepage_cart .ajaxcart_cont .total ul li:last-child {
        font-size: 2.3em
    }
}

.onepage_cart .ajaxcart_cont .summary_products,
.onepage_cart .ajaxcart_cont .summary_addons {
    padding: 10px;
    border-bottom: 1px dotted #D5DCE5
}

.onepage_cart .ajaxcart_cont .summary_addons ul {
    margin-bottom: 7px
}

.onepage_cart .ajaxcart_cont .summary_products ul {
    margin-bottom: 15px
}

.onepage_cart .ajaxcart_cont .summary_domains {
    padding: 10px;
    border-bottom: 1px dotted #D5DCE5
}

.onepage_cart .ajaxcart_cont .promotion {
    padding: 10px;
    border-top: 1px dashed #0273d4;
    border-bottom: 1px dashed #0273d4
}

.onepage_cart .ajaxcart_cont .emptycart {
    text-align: center;
    padding: 1rem .5rem;
    margin: 1rem;
    border: 2px dashed #D5DCE5
}

.onepage_cart .ajaxcart_cont .product_server_container,
.onepage_cart .ajaxcart_cont .custom_fileds_container,
.onepage_cart .ajaxcart_cont .product_config_container,
.onepage_cart .ajaxcart_cont .product_addons_container {
    padding: 15px 15px 0
}

.onepage_cart .ajaxcart_cont .product_server_container h2,
.onepage_cart .ajaxcart_cont .custom_fileds_container h2,
.onepage_cart .ajaxcart_cont .product_config_container h2,
.onepage_cart .ajaxcart_cont .product_addons_container h2,
.onepage_cart .ajaxcart_cont .product_server_container h3,
.onepage_cart .ajaxcart_cont .custom_fileds_container h3,
.onepage_cart .ajaxcart_cont .product_config_container h3,
.onepage_cart .ajaxcart_cont .product_addons_container h3,
.onepage_cart .ajaxcart_cont .product_server_container h4,
.onepage_cart .ajaxcart_cont .custom_fileds_container h4,
.onepage_cart .ajaxcart_cont .product_config_container h4,
.onepage_cart .ajaxcart_cont .product_addons_container h4 {
    font-size: 18px;
    margin: 30px 0
}

.onepage_cart .ajaxcart_cont .product_server_container .modal-metric-pricing h4,
.onepage_cart .ajaxcart_cont .custom_fileds_container .modal-metric-pricing h4,
.onepage_cart .ajaxcart_cont .product_config_container .modal-metric-pricing h4,
.onepage_cart .ajaxcart_cont .product_addons_container .modal-metric-pricing h4 {
    margin: 0
}

.onepage_cart .ajaxcart_cont .productconfig label {
    width: 100%
}

.onepage_cart .ajaxcart_cont .product_config_container .control-label {
    font-weight: 500 !important
}

.onepage_cart .ajaxcart_cont input.quantity {
    width: 14%;
    display: inline-table
}

.onepage_cart .ajaxcart_cont .blocks.domain_cont .domain_spcl_offer {
    position: relative;
    padding: 25px 25px 10px;
    background-color: #EDF0F5;
    display: none
}

.onepage_cart .ajaxcart_cont .blocks.domain_cont .domain_spcl_offer p {
    font-size: 1.2em;
    font-style: italic;
    margin: 0
}

.onepage_cart .ajaxcart_cont .blocks.domain_cont .domain_spcl_offer .bold {
    font-weight: bold
}

.onepage_cart .ajaxcart_cont .blocks.domain_cont.freedomain .domain_spcl_offer,
.onepage_cart .ajaxcart_cont .blocks.domain_cont.freeonce .domain_spcl_offer {
    display: block
}

.onepage_cart .ajaxcart_cont .blocks.domain_cont.freedomain .domain_spcl_offer .terms-once {
    display: none
}

.onepage_cart .ajaxcart_cont .blocks_body.domains {
    padding: 15px
}

.onepage_cart .ajaxcart_cont .blocks_body.domains ul {
    margin: 0;
    list-style: none;
    width: 100%;
    padding: 0
}

.onepage_cart .ajaxcart_cont .blocks_body.domains ul li {
    display: block
}

.onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width:768px) {
    .onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs {
        flex-direction: row;
        margin: -15px -15px 0;
        padding: 15px 15px 0;
        background-color: #EDF0F5;
        border-bottom: 1px solid #D5DCE5
    }
}

.onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs .domain_sec {
    padding: 10px 15px;
    border: 1px solid #D5DCE5;
    display: block;
    margin-bottom: 5px;
    width: 100%;
    text-decoration: none;
    text-align: center;
    color: #000
}

@media (min-width:768px) {
    .onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs .domain_sec {
        margin: 0
    }
}

.onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs .domain_sec:hover,
.onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs .domain_sec:focus {
    background-color: #EDF0F5
}

.onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs .domain_sec_active {
    background-color: #EDF0F5
}

@media (min-width:768px) {
    .onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs .domain_sec {
        background-color: #EDF0F5;
        margin-bottom: -1px;
        width: auto
    }

    .onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs .domain_sec:hover,
    .onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs .domain_sec:focus {
        background-color: #FFFFFF
    }

    .onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs .domain_sec_active {
        background-color: #FFFFFF;
        border-bottom: 1px solid transparent
    }
}

.onepage_cart .ajaxcart_cont .domain-input label {
    font-weight: normal;
    display: inline-table
}

.onepage_cart .ajaxcart_cont .domain-input .domain-inputs-sec {
    display: flex
}

@media only screen and (max-width:767px) {
    .onepage_cart .ajaxcart_cont .domain-input .domain-inputs-sec {
        flex-direction: column
    }
}

.onepage_cart .ajaxcart_cont .domain-input .domain-inputs-sec .domain-input-col {
    width: 100%
}

.onepage_cart .ajaxcart_cont .domain-input .domain-inputs-sec div {
    margin-right: 7.5px
}

@media only screen and (max-width:767px) {
    .onepage_cart .ajaxcart_cont .domain-input .domain-inputs-sec div {
        margin-bottom: 10px
    }
}

.onepage_cart .ajaxcart_cont .domain-input .domain-inputs-sec div:nth-child(2) {
    min-width: 120px
}

.onepage_cart .ajaxcart_cont .domain-input .domain-inputs-sec div:last-child {
    margin: 0
}

.onepage_cart .ajaxcart_cont .domain-input .domain-inputs-sec div.authcode {
    min-width: 150px
}

.onepage_cart .ajaxcart_cont .domain-input .dr-desc,
.onepage_cart .ajaxcart_cont .domain-input .dt-desc,
.onepage_cart .ajaxcart_cont .domain-input .do-desc,
.onepage_cart .ajaxcart_cont .domain-input .sd-desc {
    padding: 15px 0;
    font-weight: 500
}

.onepage_cart .ajaxcart_cont .domain-input .domains-row .col-xs-6,
.onepage_cart .ajaxcart_cont .domain-input .domains-row .col-xs-10 {
    padding-right: 2px;
    padding-left: 2px
}

.onepage_cart .ajaxcart_cont #domain_config label {
    width: 100%;
    font-weight: normal
}

.onepage_cart .ajaxcart_cont .loader-img {
    width: 100%;
    display: inline-table;
    text-align: center
}

.onepage_cart .ajaxcart_cont .user_option {
    background-color: #EDF0F5;
    border-bottom: 1px solid #D5DCE5;
    padding: 15px 15px 0
}

.onepage_cart .ajaxcart_cont .user_option ul {
    display: flex;
    align-items: center;
    padding: 0;
    list-style: none;
    margin: 0
}

.onepage_cart .ajaxcart_cont .user_option ul li {
    margin-bottom: -1px
}

.onepage_cart .ajaxcart_cont .user_option ul li label {
    cursor: pointer;
    margin: 0
}

.onepage_cart .ajaxcart_cont .user_option ul li:first-child label .sign-btn {
    border-right: 0 none
}

.onepage_cart .ajaxcart_cont .signupfields,
.onepage_cart .ajaxcart_cont div#account_pw,
.onepage_cart .ajaxcart_cont div#securityQuestion {
    padding: 15px
}

@media only screen and (min-width:992px) {
    .onepage_cart .ajaxcart_cont div#securityQuestion .form-group {
        margin: 0
    }
}

.onepage_cart .ajaxcart_cont div#MarketingEmailOptIn,
.onepage_cart .ajaxcart_cont div#notesfield {
    padding: 15px 15px 0
}

.onepage_cart .ajaxcart_cont div#MarketingEmailOptIn textarea,
.onepage_cart .ajaxcart_cont div#notesfield textarea {
    padding-left: 15px
}

.onepage_cart .ajaxcart_cont .coupon_cont .form-group {
    margin: 0
}

.onepage_cart .ajaxcart_cont .coupon_cont .form-group.prepend-icon .field-icon i {
    font-size: 30px !important;
    margin-top: 16px;
    margin-right: 6px
}

.onepage_cart .ajaxcart_cont .coupon_cont .form-group .input-group {
    display: flex;
    align-items: center;
    padding: 4px;
    border: 1px solid #D5DCE5;
    border-radius: .25rem
}

.onepage_cart .ajaxcart_cont .coupon_cont .form-group input {
    border: 0 none !important;
    border-radius: 0
}

.onepage_cart .ajaxcart_cont .coupon_cont .form-group .input-group-btn .btn {
    border-radius: 0
}

.onepage_cart .ajaxcart_cont div.domain-msg,
.onepage_cart .ajaxcart_cont div.domain-msg1 {
    margin: 10px 0;
    padding: .75rem 1.25rem
}

.onepage_cart .ajaxcart_cont div.domain-msg .alert,
.onepage_cart .ajaxcart_cont div.domain-msg1 .alert {
    margin: -0.75rem -1.25rem
}

.onepage_cart .ajaxcart_cont div.domain-msg .close,
.onepage_cart .ajaxcart_cont div.domain-msg1 .close {
    color: #2a2e36 !important;
    opacity: .9
}

.onepage_cart .ajaxcart_cont div.domain-msg .close [class*="fa-"],
.onepage_cart .ajaxcart_cont div.domain-msg1 .close [class*="fa-"] {
    font-weight: 300
}

.onepage_cart .ajaxcart_cont div.domain-msg .close:hover,
.onepage_cart .ajaxcart_cont div.domain-msg1 .close:hover,
.onepage_cart .ajaxcart_cont div.domain-msg .close:focus,
.onepage_cart .ajaxcart_cont div.domain-msg1 .close:focus {
    opacity: 1
}

.onepage_cart .ajaxcart_cont .promo-msg {
    padding: .75rem 1.25rem;
    margin: 10px 0 0;
    width: 100%
}

.onepage_cart .ajaxcart_cont .promo-msg.promo_error,
.onepage_cart .ajaxcart_cont .domain_error {
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    display: block !important
}

.onepage_cart .ajaxcart_cont .promo-msg.promo_success,
.onepage_cart .ajaxcart_cont .domain_success {
    border: 1px solid #d6e9c6;
    background-color: #dff0d8;
    color: #3c763d;
    display: block !important
}

.onepage_cart .ajaxcart_cont .domain_error {
    border: 0 none
}

.onepage_cart .ajaxcart_cont .order_form_submit .btn {
    width: 100%
}

.onepage_cart .ajaxcart_cont .promo_text {
    cursor: pointer;
    text-align: center
}

.onepage_cart .ajaxcart_cont .promo_text span {
    font-size: 80%
}

.onepage_cart .ajaxcart_cont .tos_msg.tos_error {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border: 1px solid #ebccd1 !important;
    margin: 15px 0 0 0;
    line-height: 125%;
    padding: 10px;
    box-shadow: 4px 4px 0 0 #a94442;
    margin-bottom: 15px
}

.onepage_cart .ajaxcart_cont .validation_error {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border: 1px solid #ebccd1 !important;
    margin: 15px 0 0 0;
    padding: 10px;
    box-shadow: 4px 4px 0 0 #a94442;
    display: block !important
}

.onepage_cart .ajaxcart_cont .validation_error ul {
    list-style: none;
    margin: 0;
    padding: 0 !important
}

.onepage_cart .ajaxcart_cont .validation_error ul li {
    list-style: none
}

.onepage_cart .ajaxcart_cont td.empty_p.required_input,
.onepage_cart .ajaxcart_cont .p_config_input_error,
.onepage_cart .ajaxcart_cont .input_req_error,
.onepage_cart .ajaxcart_cont .pw_req_error,
.onepage_cart .ajaxcart_cont .sec_req_error,
.onepage_cart .ajaxcart_cont .pm_req_error {
    color: #d06c18 !important;
    background-color: #f2dede !important;
    border: 1px solid #ebccd1 !important
}

.onepage_cart .ajaxcart_cont .errorbox {
    color: #a94442 !important;
    background-color: #f2dede !important;
    padding: 10px;
    font-size: 12px
}

.onepage_cart .ajaxcart_cont #domainSuggestions .added {
    display: none
}

.onepage_cart .ajaxcart_cont #domainSuggestions .unavailable {
    display: none
}

.onepage_cart .ajaxcart_cont .removedd {
    color: #f0ad4e
}

.onepage_cart .ajaxcart_cont .blocks.paymentinfo {
    margin-bottom: 20px
}

.onepage_cart .ajaxcart_cont .blocks.paymentinfo h4 {
    margin: 20px 0
}

.onepage_cart .ajaxcart_cont .blocks.paymentinfo .blocks_body {
    padding: 0
}

.onepage_cart .ajaxcart_cont #sidebar .cartsummary_cont .cart-contents {
    max-height: 490px;
    overflow-y: auto
}

@media only screen and (max-width:767px) {

    .onepage_cart .ajaxcart_cont .form-control,
    .onepage_cart .ajaxcart_cont .field,
    .onepage_cart .ajaxcart_cont seclect {
        font-size: 16px !important
    }
}

.onepage_cart .ajaxcart_cont .dropdown-toggle.btn-emptycart {
    margin: 10px 15px 15px !important;
    background-color: transparent;
    border: 0 none;
    padding: 0;
    text-decoration: none
}

.onepage_cart .ajaxcart_cont .hidden {
    display: none !important
}

.onepage_cart .ajaxcart_cont .payment-instructions {
    margin-bottom: 1rem;
    padding: 0 1rem
}

@media only screen and (max-width:991px) {
    .onepage_cart .ajaxcart_cont #sidebar {
        position: fixed;
        z-index: 1032;
        width: 100%;
        bottom: 19px;
        left: 0;
        right: 0
    }

    .onepage_cart .ajaxcart_cont #sidebar #ordersummary {
        border-radius: 0
    }

    .onepage_cart .ajaxcart_cont #sidebar #ordersummary .cartsummary_cont .cart-contents {
        max-height: calc(100vh - 190px)
    }

    .onepage_cart .ajaxcart_cont #sidebar #ordersummary .cartsummary_cont .heading {
        display: none
    }

    .onepage_cart .ajaxcart_cont #sidebar #ordersummary .cartsummary_cont .btn.btn-empty,
    .onepage_cart .ajaxcart_cont #sidebar #ordersummary .cartsummary_cont .btn.btn-cart-contents {
        padding: 4px 12px;
        color: #2a2e36
    }

    .onepage_cart .ajaxcart_cont #sidebar #ordersummary .cartsummary_cont .btn.btn-empty .fas,
    .onepage_cart .ajaxcart_cont #sidebar #ordersummary .cartsummary_cont .btn.btn-cart-contents .fas,
    .onepage_cart .ajaxcart_cont #sidebar #ordersummary .cartsummary_cont .btn.btn-empty far,
    .onepage_cart .ajaxcart_cont #sidebar #ordersummary .cartsummary_cont .btn.btn-cart-contents far,
    .onepage_cart .ajaxcart_cont #sidebar #ordersummary .cartsummary_cont .btn.btn-empty .fal,
    .onepage_cart .ajaxcart_cont #sidebar #ordersummary .cartsummary_cont .btn.btn-cart-contents .fal {
        margin: 0
    }

    .onepage_cart .ajaxcart_cont #sidebar #ordersummary .cartsummary_cont .btn.btn-empty {
        margin-left: 4px
    }

    .onepage_cart .ajaxcart_cont #sidebar .coupon_cont {
        background-color: #EDF0F5
    }

    .onepage_cart .ajaxcart_cont .order_form_submit {
        padding: 0;
        margin-bottom: .25rem;
        position: fixed;
        z-index: 1033;
        width: 100%;
        bottom: 0;
        left: 0;
        right: 0
    }

    .onepage_cart .ajaxcart_cont .order_form_submit #order_submit.btn {
        border-radius: 0
    }
}

@media only screen and (min-width:992px) {
    .onepage_cart .ajaxcart_cont #sidebar .cartsummary_cont .cart-contents.collapse {
        display: block
    }

    .onepage_cart .ajaxcart_cont #sidebar .cartsummary_cont .btn.btn-empty,
    .onepage_cart .ajaxcart_cont #sidebar .cartsummary_cont .btn.btn-cart-contents {
        display: none
    }

    .onepage_cart .ajaxcart_cont .orderform_footer {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 2.5rem
    }
}

.cros-checkbox[type=checkbox],
.cros-checkbox[type=radio],
.signups[type=radio],
.no-radio[type=radio],
.nocheck[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.cros-checkbox[type=checkbox]+span,
.cros-checkbox[type=radio]+span,
.signups[type=radio]+span,
.no-radio[type=radio]+span,
.nocheck[type=checkbox]+span {
    display: flex;
    justify-content: center;
    flex-direction: column;
    transition: border .24s ease;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.cros-checkbox[type=checkbox]+span.pcb,
.cros-checkbox[type=radio]+span.pcb,
.signups[type=radio]+span.pcb,
.no-radio[type=radio]+span.pcb,
.nocheck[type=checkbox]+span.pcb {
    min-width: 100px;
    padding: 15px;
    border: 1px solid #D5DCE5;
    background-color: #EDF0F5;
    border-radius: 4px
}

.cros-checkbox[type=checkbox]+span.pcb.xs,
.cros-checkbox[type=radio]+span.pcb.xs,
.signups[type=radio]+span.pcb.xs,
.no-radio[type=radio]+span.pcb.xs,
.nocheck[type=checkbox]+span.pcb.xs {
    padding: 0;
    overflow: visible;
    background-color: #FFFFFF;
    height: 80px;
    min-height: 80px
}

.cros-checkbox[type=checkbox]+span.pcb.xs .c-name,
.cros-checkbox[type=radio]+span.pcb.xs .c-name,
.signups[type=radio]+span.pcb.xs .c-name,
.no-radio[type=radio]+span.pcb.xs .c-name,
.nocheck[type=checkbox]+span.pcb.xs .c-name,
.cros-checkbox[type=checkbox]+span.pcb.xs .c-price,
.cros-checkbox[type=radio]+span.pcb.xs .c-price,
.signups[type=radio]+span.pcb.xs .c-price,
.no-radio[type=radio]+span.pcb.xs .c-price,
.nocheck[type=checkbox]+span.pcb.xs .c-price,
.cros-checkbox[type=checkbox]+span.pcb.xs c-save,
.cros-checkbox[type=radio]+span.pcb.xs c-save,
.signups[type=radio]+span.pcb.xs c-save,
.no-radio[type=radio]+span.pcb.xs c-save,
.nocheck[type=checkbox]+span.pcb.xs c-save {
    width: 100%
}

.cros-checkbox[type=checkbox]+span.pcb.xs .c-name,
.cros-checkbox[type=radio]+span.pcb.xs .c-name,
.signups[type=radio]+span.pcb.xs .c-name,
.no-radio[type=radio]+span.pcb.xs .c-name,
.nocheck[type=checkbox]+span.pcb.xs .c-name,
.cros-checkbox[type=checkbox]+span.pcb.xs .c-price,
.cros-checkbox[type=radio]+span.pcb.xs .c-price,
.signups[type=radio]+span.pcb.xs .c-price,
.no-radio[type=radio]+span.pcb.xs .c-price,
.nocheck[type=checkbox]+span.pcb.xs .c-price {
    padding: 0 15px 0
}

.cros-checkbox[type=checkbox]+span.pcb.xs .c-price,
.cros-checkbox[type=radio]+span.pcb.xs .c-price,
.signups[type=radio]+span.pcb.xs .c-price,
.no-radio[type=radio]+span.pcb.xs .c-price,
.nocheck[type=checkbox]+span.pcb.xs .c-price {
    margin-top: 5px
}

.cros-checkbox[type=checkbox]+span.pcb.xs .c-save,
.cros-checkbox[type=radio]+span.pcb.xs .c-save,
.signups[type=radio]+span.pcb.xs .c-save,
.no-radio[type=radio]+span.pcb.xs .c-save,
.nocheck[type=checkbox]+span.pcb.xs .c-save {
    position: absolute;
    top: -5px;
    right: -5px;
    padding: 2px 5px;
    border-radius: 4px;
    background-color: #fedc45;
    color: #000000;
    font-weight: 500;
    z-index: 1
}

.cros-checkbox[type=checkbox]+span.pcb .addons,
.cros-checkbox[type=radio]+span.pcb .addons,
.signups[type=radio]+span.pcb .addons,
.no-radio[type=radio]+span.pcb .addons,
.nocheck[type=checkbox]+span.pcb .addons {
    color: #2a2e36 !important
}

.cros-checkbox[type=checkbox]+span.pcb .addons .addon-name,
.cros-checkbox[type=radio]+span.pcb .addons .addon-name,
.signups[type=radio]+span.pcb .addons .addon-name,
.no-radio[type=radio]+span.pcb .addons .addon-name,
.nocheck[type=checkbox]+span.pcb .addons .addon-name {
    font-weight: 500
}

.cros-checkbox[type=checkbox]+span.pcb .addons .addon-name:before,
.cros-checkbox[type=radio]+span.pcb .addons .addon-name:before,
.signups[type=radio]+span.pcb .addons .addon-name:before,
.no-radio[type=radio]+span.pcb .addons .addon-name:before,
.nocheck[type=checkbox]+span.pcb .addons .addon-name:before {
    display: inline-block;
    z-index: 2;
    font-family: "Font Awesome 5 Pro";
    content: "\f0c8";
    font-weight: 300;
    color: #0273d4;
    padding-right: 4px
}

.cros-checkbox[type=checkbox]+span.pcb .c-name,
.cros-checkbox[type=radio]+span.pcb .c-name,
.signups[type=radio]+span.pcb .c-name,
.no-radio[type=radio]+span.pcb .c-name,
.nocheck[type=checkbox]+span.pcb .c-name {
    color: #2a2e36 !important;
    font-weight: 500;
    font-size: 15px
}

.cros-checkbox[type=checkbox]+span.pcb .c-name:before,
.cros-checkbox[type=radio]+span.pcb .c-name:before,
.signups[type=radio]+span.pcb .c-name:before,
.no-radio[type=radio]+span.pcb .c-name:before,
.nocheck[type=checkbox]+span.pcb .c-name:before {
    display: inline-block;
    z-index: 2;
    font-family: "Font Awesome 5 Pro";
    content: "\f0c8";
    font-weight: 300;
    color: #0273d4;
    padding-right: 4px
}

.cros-checkbox[type=checkbox]+span.pcb .c-price,
.cros-checkbox[type=radio]+span.pcb .c-price,
.signups[type=radio]+span.pcb .c-price,
.no-radio[type=radio]+span.pcb .c-price,
.nocheck[type=checkbox]+span.pcb .c-price {
    display: flex
}

.cros-checkbox[type=checkbox]+span.pcb .c-price .extra,
.cros-checkbox[type=radio]+span.pcb .c-price .extra,
.signups[type=radio]+span.pcb .c-price .extra,
.no-radio[type=radio]+span.pcb .c-price .extra,
.nocheck[type=checkbox]+span.pcb .c-price .extra {
    position: absolute;
    padding: 1px 2px;
    font-size: 80%;
    bottom: -1rem;
    left: 1rem;
    right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.cros-checkbox[type=checkbox]+span.scheck,
.cros-checkbox[type=radio]+span.scheck,
.signups[type=radio]+span.scheck,
.no-radio[type=radio]+span.scheck,
.nocheck[type=checkbox]+span.scheck {
    overflow: visible
}

.cros-checkbox[type=checkbox]+span.scheck h6,
.cros-checkbox[type=radio]+span.scheck h6,
.signups[type=radio]+span.scheck h6,
.no-radio[type=radio]+span.scheck h6,
.nocheck[type=checkbox]+span.scheck h6 {
    font-weight: normal;
    padding-left: 30px;
    margin: 0
}

.cros-checkbox[type=checkbox]+span.scheck:before,
.cros-checkbox[type=radio]+span.scheck:before,
.signups[type=radio]+span.scheck:before,
.no-radio[type=radio]+span.scheck:before,
.nocheck[type=checkbox]+span.scheck:before {
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-size: 21px;
    content: "\f0c8";
    font-weight: 300;
    position: absolute;
    transition: all .2s ease-in-out;
    color: #0273d4
}

.cros-checkbox[type=checkbox]+span.scheck.btn h6,
.cros-checkbox[type=radio]+span.scheck.btn h6,
.signups[type=radio]+span.scheck.btn h6,
.no-radio[type=radio]+span.scheck.btn h6,
.nocheck[type=checkbox]+span.scheck.btn h6 {
    padding-left: 20px
}

.cros-checkbox[type=checkbox]+span.scheck.btn:before,
.cros-checkbox[type=radio]+span.scheck.btn:before,
.signups[type=radio]+span.scheck.btn:before,
.no-radio[type=radio]+span.scheck.btn:before,
.nocheck[type=checkbox]+span.scheck.btn:before {
    font-size: 1rem
}

.cros-checkbox[type=checkbox]+span.scheck.btn.btn-primary:before,
.cros-checkbox[type=radio]+span.scheck.btn.btn-primary:before,
.signups[type=radio]+span.scheck.btn.btn-primary:before,
.no-radio[type=radio]+span.scheck.btn.btn-primary:before,
.nocheck[type=checkbox]+span.scheck.btn.btn-primary:before {
    color: #FFFFFF
}

.cros-checkbox[type=checkbox]+span.scheck.no-icon h6,
.cros-checkbox[type=radio]+span.scheck.no-icon h6,
.signups[type=radio]+span.scheck.no-icon h6,
.no-radio[type=radio]+span.scheck.no-icon h6,
.nocheck[type=checkbox]+span.scheck.no-icon h6 {
    padding-left: 0
}

.cros-checkbox[type=checkbox]+span.scheck.no-icon:before,
.cros-checkbox[type=radio]+span.scheck.no-icon:before,
.signups[type=radio]+span.scheck.no-icon:before,
.no-radio[type=radio]+span.scheck.no-icon:before,
.nocheck[type=checkbox]+span.scheck.no-icon:before {
    display: none !important
}

.cros-checkbox[type=checkbox]+span.sign-btn,
.cros-checkbox[type=radio]+span.sign-btn,
.signups[type=radio]+span.sign-btn,
.no-radio[type=radio]+span.sign-btn,
.nocheck[type=checkbox]+span.sign-btn {
    padding: 10px 15px;
    background-color: #EDF0F5;
    border: 1px solid #D5DCE5;
    opacity: 1 !important
}

.cros-checkbox[type=checkbox]+span.sign-btn:hover,
.cros-checkbox[type=radio]+span.sign-btn:hover,
.signups[type=radio]+span.sign-btn:hover,
.no-radio[type=radio]+span.sign-btn:hover,
.nocheck[type=checkbox]+span.sign-btn:hover,
.cros-checkbox[type=checkbox]+span.sign-btn:focus,
.cros-checkbox[type=radio]+span.sign-btn:focus,
.signups[type=radio]+span.sign-btn:focus,
.no-radio[type=radio]+span.sign-btn:focus,
.nocheck[type=checkbox]+span.sign-btn:focus {
    background-color: #FFFFFF
}

.cros-checkbox[type=checkbox]:checked+span.pcb,
.cros-checkbox[type=radio]:checked+span.pcb,
.signups[type=radio]:checked+span.pcb,
.no-radio[type=radio]:checked+span.pcb,
.nocheck[type=checkbox]:checked+span.pcb {
    border: 1px solid #0273d4 !important
}

.cros-checkbox[type=checkbox]:checked+span.pcb .addons .addon-name:before,
.cros-checkbox[type=radio]:checked+span.pcb .addons .addon-name:before,
.signups[type=radio]:checked+span.pcb .addons .addon-name:before,
.no-radio[type=radio]:checked+span.pcb .addons .addon-name:before,
.nocheck[type=checkbox]:checked+span.pcb .addons .addon-name:before {
    content: "\f14a";
    font-weight: 900
}

.cros-checkbox[type=checkbox]:checked+span.pcb .c-name:before,
.cros-checkbox[type=radio]:checked+span.pcb .c-name:before,
.signups[type=radio]:checked+span.pcb .c-name:before,
.no-radio[type=radio]:checked+span.pcb .c-name:before,
.nocheck[type=checkbox]:checked+span.pcb .c-name:before {
    content: "\f14a";
    font-weight: 900
}

.cros-checkbox[type=checkbox]:checked+span.scheck:before,
.cros-checkbox[type=radio]:checked+span.scheck:before,
.signups[type=radio]:checked+span.scheck:before,
.no-radio[type=radio]:checked+span.scheck:before,
.nocheck[type=checkbox]:checked+span.scheck:before {
    content: "\f14a";
    font-weight: 900;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.cros-checkbox[type=checkbox]:checked+span.sign-btn,
.cros-checkbox[type=radio]:checked+span.sign-btn,
.signups[type=radio]:checked+span.sign-btn,
.no-radio[type=radio]:checked+span.sign-btn,
.nocheck[type=checkbox]:checked+span.sign-btn {
    background-color: #FFFFFF;
    border-bottom: 1px solid transparent
}

.cros-checkbox[type=radio]+span.pcb .c-name:before,
.no-radio[type=radio]+span.pcb .c-name:before {
    content: "\f111"
}

.cros-checkbox[type=radio]+span.scheck:before,
.no-radio[type=radio]+span.scheck:before {
    content: "\f111"
}

.cros-checkbox[type=radio]+span.scheck.products-radio,
.no-radio[type=radio]+span.scheck.products-radio {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #D5DCE5
}

.cros-checkbox[type=radio]+span.scheck.products-radio .h5,
.no-radio[type=radio]+span.scheck.products-radio .h5 {
    font-weight: 700;
    padding: 0
}

.cros-checkbox[type=radio]+span.scheck.products-radio .smalldesc,
.no-radio[type=radio]+span.scheck.products-radio .smalldesc {
    margin: .75rem 0 .5rem
}

.cros-checkbox[type=radio]+span.scheck.products-radio .description,
.no-radio[type=radio]+span.scheck.products-radio .description {
    margin-top: .75rem
}

.cros-checkbox[type=radio]+span.scheck.products-radio ul.features,
.no-radio[type=radio]+span.scheck.products-radio ul.features {
    padding: 0;
    margin: .5rem 0 0
}

.cros-checkbox[type=radio]+span.scheck.products-radio ul.features li,
.no-radio[type=radio]+span.scheck.products-radio ul.features li {
    list-style: none;
    padding: 3px 0
}

.cros-checkbox[type=radio]+span.scheck.products-radio ul.features li:first-child,
.no-radio[type=radio]+span.scheck.products-radio ul.features li:first-child {
    padding-top: 0
}

.cros-checkbox[type=radio]+span.scheck.products-radio:before,
.no-radio[type=radio]+span.scheck.products-radio:before {
    display: none
}

.cros-checkbox[type=radio]:checked+span.pcb .c-name:before,
.no-radio[type=radio]:checked+span.pcb .c-name:before {
    content: "\f192"
}

.cros-checkbox[type=radio]:checked+span.scheck:before,
.no-radio[type=radio]:checked+span.scheck:before {
    content: "\f192"
}

.cros-checkbox[type=radio]:checked+span.scheck.products-radio,
.no-radio[type=radio]:checked+span.scheck.products-radio {
    background-color: #EDF0F5;
    border-color: #0273d4 !important
}

.cros-checkbox[type=radio]:checked+span.scheck.products-radio:before,
.no-radio[type=radio]:checked+span.scheck.products-radio:before {
    right: 3px;
    bottom: 1px;
    display: block;
    content: "\f00c";
    font-size: 90%;
    color: #FFFFFF;
    z-index: 2
}

.cros-checkbox[type=radio]:checked+span.scheck.products-radio:after,
.no-radio[type=radio]:checked+span.scheck.products-radio:after {
    content: "";
    position: absolute;
    right: -25px;
    bottom: -25px;
    width: 50px;
    height: 50px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #0273d4;
    z-index: 1
}

body.no-radius .onepage_cart .ajaxcart_cont .blocks.cartsummary #ordersummary,
body.no-radius .onepage_cart .ajaxcart_cont .blocks.cartsummary #footer_order_summary {
    border-radius: 0
}

body.dark-mode .onepage_cart .ajaxcart_cont .blocks.products,
body.dark-mode .onepage_cart .ajaxcart_cont .blocks.productconfig,
body.dark-mode .onepage_cart .ajaxcart_cont .blocks.domain_cont,
body.dark-mode .onepage_cart .ajaxcart_cont .blocks.domainconfig,
body.dark-mode .onepage_cart .ajaxcart_cont .blocks.customerinfo,
body.dark-mode .onepage_cart .ajaxcart_cont .blocks.accountpw,
body.dark-mode .onepage_cart .ajaxcart_cont .blocks.securityques,
body.dark-mode .onepage_cart .ajaxcart_cont .blocks.additionalinfo {
    border-color: #333333;
    background-color: #2f2f2f
}

body.dark-mode .onepage_cart .ajaxcart_cont .blocks.domain_cont .domain_spcl_offer {
    background-color: rgba(0, 0, 0, 0.3)
}

body.dark-mode .onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs .domain_sec {
    background-color: #2f2f2f;
    border-color: #454545;
    color: #e0e0e0
}

body.dark-mode .onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs .domain_sec:hover,
body.dark-mode .onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs .domain_sec:focus {
    background-color: rgba(0, 0, 0, 0.3)
}

body.dark-mode .onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs .domain_sec.domain_sec_active {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: #454545
}

@media (min-width:768px) {
    body.dark-mode .onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs {
        background-color: rgba(0, 0, 0, 0.3);
        border-bottom: 1px solid #333333
    }

    body.dark-mode .onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs .domain_sec {
        background-color: rgba(0, 0, 0, 0.1);
        border-color: #333333;
        color: #e0e0e0
    }

    body.dark-mode .onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs .domain_sec:hover,
    body.dark-mode .onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs .domain_sec:focus {
        background-color: #2f2f2f
    }

    body.dark-mode .onepage_cart .ajaxcart_cont .blocks_body.domains .domain-section-tabs .domain_sec.domain_sec_active {
        background-color: #2f2f2f;
        border-color: #333333;
        border-bottom: 1px solid transparent
    }
}

body.dark-mode .onepage_cart .ajaxcart_cont .blocks_heading,
body.dark-mode .onepage_cart .ajaxcart_cont .product_list.border-top {
    border-color: #454545 !important
}

body.dark-mode .onepage_cart .ajaxcart_cont .user_option,
body.dark-mode .onepage_cart .ajaxcart_cont .panel.panel-switch .panel-body {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: #333333
}

body.dark-mode .onepage_cart .ajaxcart_cont .product_addons_container .accordion .card .addon-promo-container .description {
    border-color: #333333
}

body.dark-mode .onepage_cart .ajaxcart_cont .blocks_body.domains ul li {
    border-color: #333333
}

body.dark-mode .onepage_cart .ajaxcart_cont .blocks.cartsummary {
    background-color: transparent
}

body.dark-mode .onepage_cart .ajaxcart_cont .blocks.cartsummary .heading {
    border-color: #333333
}

body.dark-mode .onepage_cart .ajaxcart_cont .blocks.cartsummary #ordersummary,
body.dark-mode .onepage_cart .ajaxcart_cont .blocks.cartsummary #footer_order_summary {
    background-color: #2f2f2f;
    border-color: #454545
}

body.dark-mode .onepage_cart .ajaxcart_cont .emptycart {
    border-color: #454545
}

body.dark-mode .onepage_cart .ajaxcart_cont .summary_products,
body.dark-mode .onepage_cart .ajaxcart_cont .summary_domains,
body.dark-mode .onepage_cart .ajaxcart_cont .subtotal {
    border-color: #454545
}

body.dark-mode .onepage_cart .ajaxcart_cont .coupon_cont .input-group {
    border-color: #333333
}

@media only screen and (max-width:991px) {
    body.dark-mode .onepage_cart .ajaxcart_cont .coupon_cont {
        background-color: #2f2f2f !important
    }
}

body.dark-mode .onepage_cart .ajaxcart_cont .blocks.products .blocks_body .product_list .tns-item label {
    border-color: #454545
}

body.dark-mode .onepage_cart .ajaxcart_cont .blocks.products .blocks_body .product_list .tns-item label .scheck.products-radio {
    background-color: rgba(0, 0, 0, 0.3)
}

body.dark-mode .cros-checkbox[type=checkbox]:checked+span.sign-btn,
body.dark-mode .signups[type=radio]:checked+span.sign-btn,
body.dark-mode .no-radio[type=radio]:checked+span.sign-btn {
    background-color: #2f2f2f
}

body.dark-mode .cros-checkbox[type=checkbox]+span.sign-btn,
body.dark-mode .signups[type=radio]+span.sign-btn,
body.dark-mode .no-radio[type=radio]+span.sign-btn {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: #333333;
    border-bottom: transparent
}

body.dark-mode .cros-checkbox[type=radio]+span.scheck.products-radio .h5,
body.dark-mode .no-radio[type=radio]+span.scheck.products-radio .h5,
body.dark-mode .cros-checkbox[type=radio]+span.scheck.products-radio,
body.dark-mode .no-radio[type=radio]+span.scheck.products-radio {
    border-color: #333333
}

body.dark-mode .cros-checkbox[type=checkbox]+span.pcb,
body.dark-mode .cros-checkbox[type=radio]+span.pcb,
body.dark-mode .signups[type=radio]+span.pcb,
body.dark-mode .no-radio[type=radio]+span.pcb {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: #333333
}

body.dark-mode .cros-checkbox[type=checkbox]+span.pcb .addons,
body.dark-mode .cros-checkbox[type=radio]+span.pcb .addons,
body.dark-mode .signups[type=radio]+span.pcb .addons,
body.dark-mode .no-radio[type=radio]+span.pcb .addons,
body.dark-mode .cros-checkbox[type=checkbox]+span.pcb .c-name,
body.dark-mode .cros-checkbox[type=radio]+span.pcb .c-name,
body.dark-mode .signups[type=radio]+span.pcb .c-name,
body.dark-mode .no-radio[type=radio]+span.pcb .c-name,
body.dark-mode .cros-checkbox[type=checkbox]+span.pcb .c-price,
body.dark-mode .cros-checkbox[type=radio]+span.pcb .c-price,
body.dark-mode .signups[type=radio]+span.pcb .c-price,
body.dark-mode .no-radio[type=radio]+span.pcb .c-price {
    color: #e0e0e0 !important
}

.cat-loader {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0
}

.cat-loader .loader-icon {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    top: calc(50% - 50px);
    z-index: 999999
}

.product_addons_container .accordion,
.product_config_info .accordion,
.panel-accordion .accordion {
    margin-bottom: 1rem
}

.product_addons_container .accordion .card .card-header,
.product_config_info .accordion .card .card-header,
.panel-accordion .accordion .card .card-header {
    padding: 0
}

.product_addons_container .accordion .card .card-header .promo-icon i,
.product_config_info .accordion .card .card-header .promo-icon i,
.panel-accordion .accordion .card .card-header .promo-icon i {
    transition: all .5s ease
}

.product_addons_container .accordion .card .card-header .btn,
.product_config_info .accordion .card .card-header .btn,
.panel-accordion .accordion .card .card-header .btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 1.25rem;
    color: #2a2e36;
    font-weight: 500
}

.product_addons_container .accordion .card .card-header .btn .promo-title,
.product_config_info .accordion .card .card-header .btn .promo-title,
.panel-accordion .accordion .card .card-header .btn .promo-title {
    display: flex;
    align-items: center
}

.product_addons_container .accordion .card .card-header .btn .promo-title .icon,
.product_config_info .accordion .card .card-header .btn .promo-title .icon,
.panel-accordion .accordion .card .card-header .btn .promo-title .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    max-width: 50px;
    padding: 5px;
    border: 1px solid #D5DCE5;
    background-color: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1)
}

.product_addons_container .accordion .card .card-header .btn .promo-title .icon img,
.product_config_info .accordion .card .card-header .btn .promo-title .icon img,
.panel-accordion .accordion .card .card-header .btn .promo-title .icon img {
    max-width: 30px
}

.product_addons_container .accordion .card .card-header .btn .promo-title .name,
.product_config_info .accordion .card .card-header .btn .promo-title .name,
.panel-accordion .accordion .card .card-header .btn .promo-title .name {
    margin-left: .5rem
}

.product_addons_container .accordion .card .card-header .btn.collapsed .promo-icon i,
.product_config_info .accordion .card .card-header .btn.collapsed .promo-icon i,
.panel-accordion .accordion .card .card-header .btn.collapsed .promo-icon i {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.product_addons_container .accordion .card .card-header .btn .promo-icon i,
.product_config_info .accordion .card .card-header .btn .promo-icon i,
.panel-accordion .accordion .card .card-header .btn .promo-icon i {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.product_addons_container .accordion .card .card-header.nobg,
.product_config_info .accordion .card .card-header.nobg,
.panel-accordion .accordion .card .card-header.nobg {
    background-color: transparent
}

.product_addons_container .accordion .card .addon-promo-container,
.product_config_info .accordion .card .addon-promo-container,
.panel-accordion .accordion .card .addon-promo-container {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 none !important
}

.product_addons_container .accordion .card .addon-promo-container .description,
.product_config_info .accordion .card .addon-promo-container .description,
.panel-accordion .accordion .card .addon-promo-container .description {
    margin: 0 0 10px !important;
    border-bottom: 1px solid #D5DCE5
}

.product_addons_container .accordion .card .addon-promo-container .radio-inline,
.product_config_info .accordion .card .addon-promo-container .radio-inline,
.panel-accordion .accordion .card .addon-promo-container .radio-inline {
    cursor: pointer
}

.slimScrollBar {
    border-radius: 0 !important;
    background-color: #0273d4 !important
}

.slimScrollRail {
    border-radius: 0 !important
}

.select2-container-multi .select2-choices .select2-search-choice {
    border: 1px solid #D5DCE5;
    background-color: #FFFFFF
}

.cros-team-member {
    margin-bottom: 15px;
    box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1);
    cursor: pointer
}

.cros-team-member .profile-card {
    width: 100%;
    position: relative;
    overflow: hidden;
    color: #FFFFFF;
    text-align: center;
    border-radius: 4px
}

.cros-team-member .profile-card .animate {
    transition: all .3s ease-in-out
}

.cros-team-member .profile-card>img {
    background: rgba(0, 0, 0, 0.5);
    opacity: .9
}

.cros-team-member .profile-card .profile-card-details {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -100%;
    left: 0;
    padding: 0 15px;
    color: #FFFFFF
}

.cros-team-member .profile-card .profile-card-details .profile-card-header {
    width: 100%;
    height: 100%;
    height: auto;
    position: absolute;
    bottom: -100%;
    bottom: 100%;
    left: 0;
    padding: 10px 5px;
    background: rgba(0, 0, 0, 0.7)
}

.cros-team-member .profile-card .profile-card-details .profile-card-header h4,
.cros-team-member .profile-card .profile-card-details .profile-card-header .h4,
.cros-team-member .profile-card .profile-card-details .profile-card-header span {
    margin: 0;
    padding: 0;
    color: #FFFFFF
}

.cros-team-member .profile-card .profile-card-details .profile-card-detail .social {
    list-style: none;
    padding: 0px;
    margin-top: 25px
}

.cros-team-member .profile-card .profile-card-details .profile-card-detail .social li {
    padding: 0px;
    display: inline-block;
    margin-right: 5px
}

.cros-team-member .profile-card .profile-card-details .profile-card-detail .social li a {
    color: #DB3F3B
}

.cros-team-member .profile-card .profile-card-details .profile-card-detail .social li a .fab {
    font-size: 27px
}

.cros-team-member .profile-card .profile-card-details .profile-card-detail .social li a:hover,
.cros-team-member .profile-card .profile-card-details .profile-card-detail .social li a:focus {
    color: #df5451
}

.cros-team-member .profile-card .profile-card-details .profile-card-detail .social li:last-child {
    margin: 0
}

.cros-team-member .profile-card .profile-card-details::-webkit-scrollbar {
    width: 8px
}

.cros-team-member .profile-card .profile-card-details::-webkit-scrollbar-button {
    width: 8px;
    height: 0px
}

.cros-team-member .profile-card .profile-card-details::-webkit-scrollbar-track {
    background: transparent
}

.cros-team-member .profile-card .profile-card-details::-webkit-scrollbar-thumb {
    background: none
}

.cros-team-member .profile-card .profile-card-details::-webkit-scrollbar-thumb:hover {
    background: none
}

.cros-team-member:hover .profile-card-details {
    bottom: 0px;
    overflow: auto;
    padding-bottom: 15px;
    background: rgba(0, 0, 0, 0.7)
}

.cros-team-member:hover .profile-card-details .profile-card-header {
    position: relative;
    bottom: 0px;
    padding-top: 45px;
    padding-bottom: 25px;
    background: none;
    border-bottom: 1px solid #FFFFFF
}

.cros-team-member .profile-discription {
    padding: 15px;
    cursor: pointer;
    display: none
}

.cros-box {
    margin-bottom: 20px
}

.cros-box a,
.cros-box:hover,
.cros-box:active,
.cros-box:focus {
    text-decoration: none !important
}

.cros-box .media {
    padding: 10px 0
}

.cros-box .media .pull-left {
    margin-right: 0
}

.cros-box .border-right,
.cros-box.border-right {
    border-right: 1px dotted #D5DCE5 !important
}

@media (max-width:991px) {

    .cros-box .border-right,
    .cros-box.border-right {
        border-right: 1px dotted transparent !important
    }
}

.cros-box .media-body {
    padding-right: 10px;
    padding-left: 10px
}

.cros-box .media-body .media-heading {
    font-weight: 500
}

.cros-box .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    width: 50px;
    height: 50px;
    border: 2px solid #D5DCE5;
    border-radius: 100%
}

.cros-box .feature-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.cros-box .feature-icon img {
    max-width: 100px
}

.cros-box.s2 {
    position: relative;
    padding: 30px 15px;
    text-align: center;
    margin: 15px 0;
    box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1);
    transition: all .3s ease-in-out
}

.cros-box.s2 [class*="fa-"] {
    font-size: 5em
}

.cros-box.s2 p {
    margin-bottom: 0
}

.cros-box.s2:hover,
.cros-box.s2:focus,
.cros-box.s2.active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.cros-box.s3 {
    text-align: center;
    padding: 15px
}

.cros-box.s3 [class*="fa-"],
.cros-box.s3 [class*="glyphicon-"] {
    font-size: 5em
}

.cros-box.s4 {
    position: relative;
    display: block;
    text-decoration: none;
    padding: 30px;
    box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1);
    transition: all .3s ease-in-out;
    border-radius: 4px;
    overflow: hidden
}

.cros-box.s4:hover,
.cros-box.s4:focus {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.cros-box.s4.static:hover,
.cros-box.s4.static:focus {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.cros-box.s4.static:hover:before,
.cros-box.s4.static:focus:before {
    display: none
}

.partners-slider .owl-item img {
    opacity: .5
}

.partners-slider .owl-item img:hover,
.partners-slider .owl-item img:focus {
    opacity: 1
}

mark {
    background-color: #fedc45;
    color: #000000;
    display: inline-block;
    padding: .08em .2em;
    margin: -0.08em 0;
    position: relative;
    line-height: 1.42857143;
    font-weight: 700
}

mark a {
    color: #000000 !important;
    text-decoration: underline
}

mark:after {
    content: "";
    background-color: #fedc45;
    position: absolute;
    top: 0;
    right: -0.1em;
    width: .2em;
    height: 1.535em;
    -webkit-transform: skew(-7deg, 0);
    transform: skew(-7deg, 0)
}

.cros-latest-promo {
    background-color: #fedc45;
    color: #000;
    padding: 15px;
    display: block;
    text-decoration: none !important
}

.cros-latest-promo .promo-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    text-align: center
}

@media (min-width:636px) {
    .cros-latest-promo .promo-container {
        font-size: 18px
    }
}

@media (min-width:992px) {
    .cros-latest-promo .promo-container {
        flex-direction: row
    }
}

.cros-latest-promo .promo-container .promo-counter ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between
}

.cros-latest-promo .promo-container .promo-counter ul li {
    margin-right: 5px;
    font-size: 90%
}

.cros-latest-promo .promo-container .promo-counter ul li:last-child {
    margin-right: 0
}

.cros-latest-promo .promo-container .promo-counter ul li #offer-Days,
.cros-latest-promo .promo-container .promo-counter ul li #offer-Hours,
.cros-latest-promo .promo-container .promo-counter ul li #offer-Minutes,
.cros-latest-promo .promo-container .promo-counter ul li #offer-Seconds {
    font-size: 110%;
    font-weight: 500
}

.cros-latest-promo:hover,
.cros-latest-promo:focus {
    color: #000
}

@media (min-width:991px) {
    .vertical-align {
        display: flex;
        flex-direction: row
    }

    .vertical-align [class^="col-"]:last-child,
    .vertical-align [class*=" col-"]:last-child {
        display: flex;
        align-items: center
    }
}

@media (min-width:992px) {
    .zig-zag-row {
        table-layout: fixed;
        display: table;
        width: 100%
    }

    .zig-zag-row [class^="col-"].data-blocks-g,
    .zig-zag-row [class*=" col-"].data-blocks-g {
        display: table-cell;
        vertical-align: middle;
        float: none
    }
}

.checklist.list-inline li {
    padding: 0 7.5px;
    border-right: 1px dotted #D5DCE5
}

.checklist.list-inline li:first-child {
    padding-left: 0
}

.checklist.list-inline li:last-child {
    border-right: 0 none
}

.checklist li {
    position: relative;
    list-style: none;
    padding: 5px 0 0 20px
}

.checklist li:before {
    position: absolute;
    content: "\f00c";
    margin-right: 4px;
    font-family: "Font Awesome 5 Pro";
    color: #0273d4;
    font-size: 16px;
    left: 0
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

#cboxWrapper {
    max-width: none
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

#cboxTitle {
    margin: 0
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

#cboxOverlay {
    background: #101010;
    opacity: .9
}

#colorbox {
    outline: 0
}

#cboxTopLeft {
    width: 21px;
    height: 21px
}

#cboxTopRight {
    width: 21px;
    height: 21px
}

#cboxBottomLeft {
    width: 21px;
    height: 21px
}

#cboxBottomRight {
    width: 21px;
    height: 21px
}

#cboxMiddleLeft {
    width: 21px
}

#cboxMiddleRight {
    width: 21px
}

#cboxTopCenter {
    height: 21px
}

#cboxBottomCenter {
    height: 21px
}

#cboxContent {
    overflow: hidden
}

.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    margin-bottom: 28px
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494
}

#cboxLoadingOverlay {
    background: url(/templates/croster/assets/images/loading_background.png) no-repeat center center
}

#cboxLoadingGraphic {
    background: url(/templates/croster/assets/images/loading.gif) no-repeat center center
}

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none
}

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
    outline: 0
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/templates/croster/assets/images/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px
}

#cboxPrevious:hover {
    background-position: -75px -25px
}

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(/templates/croster/assets/images/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px
}

#cboxNext:hover {
    background-position: -50px -25px
}

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(/templates/croster/assets/images/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px
}

#cboxClose:hover {
    background-position: -25px -25px
}

#colorbox:focus,
#colorbox:active {
    outline: none
}

#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
    background: none !important;
    opacity: 0
}

#cboxContent {
    border: 12px solid #101010;
    background-color: #FFFFFF;
    padding: 7px
}

#cboxCurrent {
    left: 64px;
    margin-bottom: 4px;
    font-size: 14px
}

#cboxTitle {
    margin-bottom: 4px;
    font-size: 14px;
    color: #555
}

#cboxNext,
#cboxPrevious,
#cboxClose {
    background: none;
    text-indent: 0;
    width: 26px;
    height: 26px;
    line-height: 22px;
    padding: 0 4px;
    text-align: center;
    outline: none !important;
    border: 2px solid #EDF0F5;
    border-radius: 16px;
    color: #666;
    font-size: 12px;
    margin-left: 5px;
    margin-bottom: 5px
}

#cboxNext:hover,
#cboxPrevious:hover {
    color: #555;
    border-color: #D5DCE5
}

#cboxContent {
    overflow: visible
}

#cboxClose {
    background-color: #FFFFFF;
    border: 2px solid #FFFFFF;
    border-radius: 32px;
    color: #FFFFFF;
    font-size: 21px;
    height: 28px;
    width: 28px;
    padding-bottom: 2px;
    margin-left: 0;
    right: -14px;
    top: -14px
}

#cboxLoadingOverlay {
    background: none !important
}

#cboxLoadingGraphic {
    background: #FFFFFF none !important;
    text-align: center
}

#cboxLoadingGraphic>[class*="fa-"] {
    display: inline-block;
    background-color: #FFFFFF;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    position: relative;
    top: 48%;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    color: #f0ad4e
}

.cros-bg-shapes-right {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    overflow: hidden
}

.cros-bg-shapes-right:before {
    content: "";
    width: 300px;
    height: 150px;
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    right: -60px;
    top: 0;
    border-radius: 4px;
    -webkit-transform: skew(25deg, -10deg);
    transform: skew(25deg, -10deg);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.cros-bg-shapes-right:after {
    content: "";
    width: 150px;
    height: 600px;
    background: rgba(255, 255, 255, 0.15);
    position: absolute;
    right: 0px;
    top: 30px;
    border-radius: 6px;
    -webkit-transform: skew(25deg, 10deg);
    transform: skew(25deg, 10deg);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.cros-bg-shapes-right.lighter:before {
    background: rgba(0, 0, 0, 0.1)
}

.cros-bg-shapes-right.lighter:after {
    background: rgba(0, 0, 0, 0.15)
}

.cros-bg-shapes-left {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    overflow: hidden
}

.cros-bg-shapes-left:before {
    content: "";
    width: 300px;
    height: 150px;
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    left: -90px;
    top: 0;
    border-radius: 6px;
    -webkit-transform: skew(25deg, -12deg);
    transform: skew(25deg, -12deg);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.cros-bg-shapes-left:after {
    content: "";
    width: 150px;
    height: 600px;
    background: rgba(255, 255, 255, 0.15);
    position: absolute;
    left: 0px;
    top: 30px;
    border-radius: 4px;
    -webkit-transform: skew(-25deg, 10deg);
    transform: skew(-25deg, 10deg);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.cros-bg-shapes-left.lighter:before {
    background: rgba(0, 0, 0, 0.1)
}

.cros-bg-shapes-left.lighter:after {
    background: rgba(0, 0, 0, 0.15)
}

.modal-localisation .modal-content {
    background-color: #1d1d1d
}

.modal-localisation .modal-body {
    background: url(/templates/croster/assets/img/worldmap.png);
    background-size: cover;
    padding: 30px
}

.modal-localisation .modal-body .close {
    font-size: 27px;
    outline: 0 none !important;
    color: #FFFFFF
}

.modal-localisation .modal-body .close:hover,
.modal-localisation .modal-body .close:focus {
    color: #FFFFFF
}

.modal-localisation .modal-body h5,
.modal-localisation .modal-body .h5,
.modal-localisation .modal-body h4,
.modal-localisation .modal-body .h4 {
    font-size: 17px;
    color: #FFFFFF
}

.modal-localisation .modal-body .fa-times {
    color: #FFFFFF
}

.modal-localisation .item-selector .item {
    display: flex;
    align-items: center;
    margin: 2px 0;
    padding: 0 7.5px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 0;
    color: #FFFFFF;
    text-decoration: none;
    height: 35px;
    min-height: 35px
}

.modal-localisation .item-selector .item .iti-flag {
    margin-right: 5px
}

.modal-localisation .item-selector .item.active,
.modal-localisation .item-selector .item:hover,
.modal-localisation .item-selector .item:focus {
    background-color: #EDF0F5;
    color: #2a2e36
}

.modal-localisation .item-selector.currency .item {
    justify-content: center
}

.modal-localisation .modal-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0 none
}

.sec.features .swiper-slide {
    height: auto
}

.sec.features .swiper-pagination-fraction,
.sec.features .swiper-pagination-custom,
.sec.features .swiper-horizontal>.swiper-pagination-bullets,
.sec.features .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -20px
}

.sec.features .feature-item {
    display: flex;
    margin-bottom: 2rem;
    text-decoration: none;
    color: #2a2e36
}

.sec.features .feature-item .feature-value .counter {
    font-size: 3rem;
    font-weight: 700;
    color: var(--primary)
}

.sec.features .feature-item .feature-icon {
    position: relative;
    font-size: 1.25rem;
    color: var(--white)
}

.sec.features .feature-item .feature-icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%
}

.sec.features .feature-item .feature-icon [class*=" fa-"],
.sec.features .feature-item .feature-icon [class^="fa-"] {
    z-index: 1
}

.sec.features .feature-item .feature-icon,
.sec.features .feature-item .feature-graphic {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem
}

.sec.features .feature-item .feature-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-left: 1rem
}

.sec.features .feature-item .feature-content .feature-tlds .tld-item {
    display: flex;
    align-items: center
}

.sec.features .feature-item .feature-content .feature-tlds .tld-item .tld,
.sec.features .feature-item .feature-content .feature-tlds .tld-item .dots {
    font-size: 2.5rem;
    font-weight: 900
}

.sec.features .feature-item .feature-content .feature-tlds .tld-item .dots {
    color: var(--secondary)
}

.sec.features .feature-item .feature-content .feature-tlds .tld-item .tld-graphics {
    display: flex;
    align-items: center
}

.sec.features .feature-item .feature-content .feature-tlds .tld-footer {
    display: flex;
    align-items: center;
    margin-top: 1rem
}

.sec.features .feature-item .feature-content .feature-tlds .tld-footer .tld-price {
    margin-right: .5rem
}

.sec.features .feature-item .feature-content .feature-tlds .tld-footer .tld-price .register-price {
    font-size: 1.25rem;
    font-weight: 500
}

.sec.features .feature-item .feature-content .feature-tlds .tld-footer .tld-price .renewal-price {
    opacity: .7
}

.sec.features .feature-item .feature-content .feature-tlds .tld-footer .tld-action {
    margin-left: auto
}

.sec.features .feature-item .feature-content .feature-title {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: .5rem;
    line-height: 1.2
}

.sec.features .feature-item .feature-content .feature-desc p:last-child {
    margin-bottom: 0
}

.sec.features .feature-item.tlds-inline .feature-content .feature-tlds {
    display: flex;
    align-items: center
}

.sec.features .feature-item.tlds-inline .feature-content .feature-tlds .tld-item .tld,
.sec.features .feature-item.tlds-inline .feature-content .feature-tlds .tld-item .dots {
    font-size: 1.5rem;
    font-weight: 900
}

.sec.features .feature-item.tlds-inline .feature-content .feature-tlds .tld-footer {
    margin-top: 0;
    margin-left: auto;
    text-align: right
}

.sec.features .feature-item.tlds-inline .feature-content .feature-tlds .tld-footer .tld-price {
    margin-right: .75rem
}

.sec.features .feature-item.tlds-inline .feature-content .feature-tlds .tld-footer .tld-price .register-price {
    font-size: 1rem
}

.sec.features .feature-item.tlds-inline .feature-content .feature-tlds .tld-footer .tld-price .renewal-price {
    font-size: 80%
}

.sec.features .feature-item.tlds-inline .feature-content .feature-tlds .tld-footer .tld-action {
    margin-left: auto
}

.sec.features .feature-item.tlds-inline .feature-content .feature-tlds .tld-footer .tld-action .btn {
    padding: .5rem 1rem
}

.sec.features .feature-item.has-slider {
    margin-top: 2rem
}

.sec.features .feature-item.top {
    flex-direction: column
}

.sec.features .feature-item.top .feature-icon,
.sec.features .feature-item.top .feature-graphic {
    margin-bottom: 1rem
}

.sec.features .feature-item.top .feature-content {
    padding-left: 0
}

.sec.features .feature-item.lg .feature-icon {
    font-size: 2rem
}

.sec.features .feature-item.lg .feature-icon,
.sec.features .feature-item.lg .feature-graphic {
    width: 4rem;
    height: 4rem
}

.sec.features .feature-item.sm .feature-icon {
    font-size: 1rem
}

.sec.features .feature-item.sm .feature-icon,
.sec.features .feature-item.sm .feature-graphic {
    width: 2rem;
    height: 2rem
}

.sec.features .feature-item.auto .feature-icon,
.sec.features .feature-item.auto .feature-graphic {
    width: auto;
    height: auto
}

.sec.features .feature-item.square .feature-icon:before {
    border-radius: .25rem
}

.sec.features .feature-item.circle .feature-icon:before {
    border-radius: 50% !important
}

.sec.features .feature-item.centered {
    align-items: center;
    text-align: center
}

.sec.features .feature-item.centered .feature-graphic {
    align-items: center;
    justify-content: center
}

.sec.features .feature-item.centered .feature-tlds .tld-item {
    justify-content: center;
    margin-bottom: .5rem
}

.sec.features .feature-item.centered .feature-tlds .tld-footer {
    flex-direction: column
}

.sec.features .feature-item.centered .feature-tlds .tld-footer .tld-price {
    margin-right: 0;
    margin-bottom: 1rem
}

.sec.features .feature-item.centered .feature-tlds .tld-footer .tld-action {
    width: 100%;
    margin-left: 0
}

.sec.features .feature-item.centered .feature-tlds .tld-footer .tld-action .btn {
    display: block;
    width: 100%
}

.sec.features .feature-item.box-shadow {
    box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1)
}

.sec.features .feature-item .feature-action {
    margin-top: auto
}

.sec.features .feature-item .feature-action .btn-link {
    display: inline-flex;
    padding: 0;
    margin-top: 1rem
}

.sec.features .feature-item.has-link {
    cursor: pointer
}

.sec.features.bg-primary .feature-item,
.sec.features.dark .feature-item,
.sec.features.inverse .feature-item {
    color: var(--white)
}

.sec.features.bg-primary .feature-item .feature-value .counter,
.sec.features.dark .feature-item .feature-value .counter,
.sec.features.inverse .feature-item .feature-value .counter {
    color: var(--white)
}

.sec.features.bg-primary .feature-item .feature-icon,
.sec.features.dark .feature-item .feature-icon,
.sec.features.inverse .feature-item .feature-icon {
    color: var(--primary)
}

.sec.features.bg-primary .feature-item .feature-icon [class*=" fa-"],
.sec.features.dark .feature-item .feature-icon [class*=" fa-"],
.sec.features.inverse .feature-item .feature-icon [class*=" fa-"],
.sec.features.bg-primary .feature-item .feature-icon [class^="fa-"],
.sec.features.dark .feature-item .feature-icon [class^="fa-"],
.sec.features.inverse .feature-item .feature-icon [class^="fa-"] {
    color: var(--primary)
}

.sec.features.bg-primary .feature-item .feature-icon:before,
.sec.features.dark .feature-item .feature-icon:before,
.sec.features.inverse .feature-item .feature-icon:before {
    background-color: var(--white)
}

.sec.features.bg-primary .feature-item .btn-link,
.sec.features.dark .feature-item .btn-link,
.sec.features.inverse .feature-item .btn-link {
    color: var(--white)
}

body.dark-mode .sec.features .feature-item {
    color: var(--white)
}

.container-fluid.without-padding,
.container-sm.without-padding,
.container-md.without-padding,
.container-lg.without-padding,
.container-xl.without-padding {
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden
}

.table-container {
    padding: 0 0 25px 0
}

.primary-content .card {
    margin-bottom: 1rem
}

.primary-content .card.mw-540 {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto
}

.primary-content .card.mw-750 {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto
}

.primary-content .card-body {
    overflow: auto
}

@media (min-width:768px) {
    .primary-content .card-body.extra-padding {
        padding: 1.8rem
    }
}

@media (min-width:1200px) {
    .primary-content .card-body.extra-padding {
        padding: 3rem
    }
}

.primary-content .card-title {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 22px
}

.has-feedback label~.form-control-feedback {
    top: 27px !important
}

.list-group-item>i.far.fa-circle {
    color: #808080
}

.has-error button {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.btn,
div[menuitemname="Active Products/Services"] .card-footer .btn-view-more,
div[menuitemname="Active Products/Services"] .panel-footer .btn-view-more {
    overflow: hidden
}

.label {
    max-width: 100%;
    border-radius: 4px;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    color: #FFFFFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline
}

section#header {
    margin: 0;
    padding: 10px 0;
    background-color: #fff;
    border-radius: 5px 5px 0 0
}

section#header .logo img {
    margin: 0;
    padding: 0;
    max-height: 50px;
    vertical-align: middle
}

section#header .logo-text {
    font-family: 'Raleway';
    font-weight: 400;
    font-size: 2.6em;
    white-space: nowrap
}

section#header .search {
    margin: 20px 0
}

section#header .search .form-control {
    border-color: #eee;
    box-shadow: none
}

section#header .search .btn {
    background-color: #eee;
    border-color: #eee;
    color: #888
}

section#main-content {
    margin-bottom: 60px
}

@media (min-width:992px) {
    .main-content {
        min-height: 530px
    }
}

@media (max-width:1199px) {

    .main-content.left-layout,
    #order-clouder.left-layout,
    .primary-content.left-layout {
        min-height: auto
    }
}

section#footer {
    margin: 0;
    padding: 20px 10px;
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: .9em
}

section#footer p {
    margin: 0
}

@media (min-width:450px) {
    section#footer {
        line-height: 32px
    }
}

section#footer .back-to-top {
    float: right
}

section#footer .back-to-top i {
    padding: 10px;
    background-color: #ddd;
    color: #888;
    border-radius: 3px;
    opacity: .7
}

.adminreturndiv {
    display: none !important
}

.alert-bordered-left {
    border: 0;
    border-left: 3px solid;
    border-radius: 0;
    text-align: left
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

div.header-lined small {
    white-space: nowrap;
    overflow: hidden
}

@media (min-width:380px) {
    .btn-input-padded-responsive {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width:500px) {
    .btn-input-padded-responsive {
        padding-left: 35px;
        padding-right: 35px
    }
}

#fullpage-overlay {
    display: table;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff
}

#fullpage-overlay .outer-wrapper {
    position: relative;
    height: 100%
}

#fullpage-overlay .inner-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 30%;
    width: 50%;
    margin: -3% 0 0 -25%;
    text-align: center
}

#fullpage-overlay .msg {
    display: inline-block;
    padding: 20px;
    max-width: 400px
}

.compact-control-bar {
    margin: 0;
    padding: 5px;
    background-color: #eee;
    border-radius: 3px
}

.margin-10 {
    margin: 10px
}

.margin-bottom {
    margin-bottom: 20px
}

.margin-top-5 {
    margin-top: 5px
}

.margin-bottom-5 {
    margin-bottom: 5px
}

.col-button-left {
    padding-left: 0;
    padding-right: 7px
}

.col-button-right {
    padding-left: 7px;
    padding-right: 0
}

.input-inline {
    display: inline-block
}

.input-inline-100 {
    width: 100px
}

.select-inline {
    display: inline-block;
    width: auto
}

.form-group .field-error-msg {
    display: none;
    font-size: .85em;
    color: #cc0000
}

.logincontainer {
    margin: 40px auto 100px auto;
    padding: 0 10px;
    max-width: 500px
}

.logincontainer.with-social {
    max-width: 650px
}

.logincontainer .social-signin-btns {
    padding: 23px 0
}

@media (max-width:500px) {
    .logincontainer .social-signin-btns .btn {
        display: block;
        width: 100%
    }
}

@media (max-width:600px) {
    .logincontainer {
        margin: 0 auto 30px auto
    }
}

@media (min-width:768px) {
    .logincontainer.with-social .login-form {
        padding-right: 29px;
        border-right: 1px solid #ddd
    }

    .logincontainer .social-signin-btns .btn {
        display: block;
        width: 100%
    }
}

i.icon-rss {
    color: #ff6600
}

section#main-menu {
    background-color: #006687
}

.home-kb-search {
    margin-bottom: 15px
}

.home-kb-search .form-control {
    padding-left: 50px
}

.home-kb-search i {
    float: left;
    margin-top: -30px;
    margin-left: 20px
}

.panel.panel-accent-gold {
    border-top: 3px solid #f0ad4e
}

.panel.panel-accent-green {
    border-top: 3px solid #5cb85c
}

.panel.panel-accent-red {
    border-top: 3px solid #d9534f
}

.panel.panel-accent-blue {
    border-top: 3px solid #5bc0de
}

.panel.panel-accent-orange {
    border-top: 3px solid #f39c12
}

.panel.panel-accent-pink {
    border-top: 3px solid #e671b8
}

.panel.panel-accent-purple {
    border-top: 3px solid #7b4f9d
}

.panel.panel-accent-lime {
    border-top: 3px solid #8cbf26
}

.panel.panel-accent-magenta {
    border-top: 3px solid #ff0097
}

.panel.panel-accent-teal {
    border-top: 3px solid #00aba9
}

.panel.panel-accent-turquoise {
    border-top: 3px solid #1abc9c
}

.panel.panel-accent-emerald {
    border-top: 3px solid #2ecc71
}

.panel.panel-accent-amethyst {
    border-top: 3px solid #9b59b6
}

.panel.panel-accent-wet-asphalt {
    border-top: 3px solid #34495e
}

.panel.panel-accent-midnight-blue {
    border-top: 3px solid #2c3e50
}

.panel.panel-accent-sun-flower {
    border-top: 3px solid #f1c40f
}

.panel.panel-accent-pomegranate {
    border-top: 3px solid #c0392b
}

.panel.panel-accent-silver {
    border-top: 3px solid #bdc3c7
}

.panel.panel-accent-asbestos {
    border-top: 3px solid #7f8c8d
}

.panel.panel-accent-brand-cpanel-orange {
    border-top: 3px solid #ff6c2c
}

.bg-color-gold {
    background-color: #f0ad4e
}

.bg-color-green {
    background-color: #5cb85c
}

.bg-color-red {
    background-color: #d9534f
}

.bg-color-blue {
    background-color: #5bc0de
}

.bg-color-orange {
    background-color: #f39c12
}

.bg-color-pink {
    background-color: #e671b8
}

.bg-color-purple {
    background-color: #7b4f9d
}

.bg-color-lime {
    background-color: #8cbf26
}

.bg-color-magenta {
    background-color: #ff0097
}

.bg-color-teal {
    background-color: #00aba9
}

.bg-color-turquoise {
    background-color: #1abc9c
}

.bg-color-emerald {
    background-color: #2ecc71
}

.bg-color-amethyst {
    background-color: #9b59b6
}

.bg-color-wet-asphalt {
    background-color: #34495e
}

.bg-color-midnight-blue {
    background-color: #2c3e50
}

.bg-color-sun-flower {
    background-color: #f1c40f
}

.bg-color-pomegranate {
    background-color: #c0392b
}

.bg-color-silver {
    background-color: #bdc3c7
}

.bg-color-asbestos {
    background-color: #7f8c8d
}

div.home-twitter {
    margin-top: 20px;
    margin-bottom: 40px
}

div.tweet>i {
    color: #2BABCF;
    float: left;
    margin-right: 15px
}

div.tweet span {
    font-size: 12px;
    color: #ccc
}

div.product-details {
    margin: 0 0 20px 0
}

div.product-details div.product-icon {
    margin: 0;
    padding: 0;
    background-color: #efefef;
    border-radius: 10px;
    padding: 30px;
    font-size: 60px;
    line-height: 1em
}

.product-status {
    margin: 0 0 20px 0;
    padding: 0;
    border-radius: 10px
}

.product-status-pending {
    background-color: #F89406
}

.product-status-active {
    background-color: #46A546
}

.product-status-suspended {
    background-color: #0768B8
}

.product-status-terminated,
.product-status-cancelled {
    background-color: #666
}

.product-status-fraud {
    background-color: #000
}

.product-status-text {
    padding: 5px;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

div.product-details-tab-container {
    margin: 0;
    padding: 20px;
    border: 1px solid #ddd;
    border-top: 0
}

.module-client-area {
    padding: 15px 15px 0 15px
}

.ssl-inactive {
    cursor: pointer
}

#mc-promo-widgets .panel.content {
    display: flex;
    justify-content: space-between
}

#mc-promo-widgets .panel .panel-heading {
    padding: 1rem
}

#mc-promo-widgets .panel .panel-heading .panel-title {
    font-size: 1rem
}

#mc-promo-widgets .btn {
    padding: .375rem .75rem
}

.mc-promo-manage,
.mc-promo-login {
    position: relative
}

.mc-promo-manage .logo,
.mc-promo-login .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #D5DCE5;
    padding: 1em
}

.mc-promo-manage .logo img,
.mc-promo-login .logo img {
    max-width: 70px;
    display: block;
    border-radius: 4px
}

.mc-promo-manage .logo+div,
.mc-promo-login .logo+div {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width:1200px) {
    #mc-promo-widgets {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        -moz-column-gap: 1%;
        -webkit-column-gap: 1%;
        column-gap: 1%
    }
}

.status {
    display: block;
    font-size: 12px;
    line-height: 22px;
    border-radius: 4px;
    background-color: #FFFFFF
}

.status-custom {
    background-color: #fff;
    color: black;
    border: 1px solid black;
    padding: 1px
}

.status-pending {
    background-color: #d9534f
}

.status-pending-transfer {
    background-color: #f0ad4e
}

.status-active,
.status-open,
.status-completed {
    background-color: #5cb85c
}

.status-suspended {
    background-color: #f0ad4e
}

.status-customer-reply {
    background-color: #ff6600
}

.status-fraud {
    background-color: #000
}

.status-answered {
    background-color: #7b4f9d
}

.status-expired,
.status-transferred-away {
    background-color: #004258
}

.status-terminated {
    background-color: #666
}

.status-onhold {
    background-color: #336699
}

.status-inprogress {
    background-color: #c0392b
}

.status-closed {
    background-color: #87939f
}

.status-paid {
    background-color: #5cb85c
}

.status-unpaid {
    background-color: #d9534f
}

.status-cancelled {
    background-color: #87939f
}

.status-collections {
    background-color: #2c3e50
}

.status-refunded {
    background-color: #f0ad4e
}

.status-payment-pending {
    background-color: #336699
}

.status-delivered {
    background-color: #336699
}

.status-accepted {
    background-color: #5cb85c
}

.status-lost,
.status-dead {
    background-color: #000
}

.status-pending-registration,
.status-redemption,
.status-grace {
    background-color: #f89406
}

.card-accent-gold {
    border-top: 3px solid #f0ad4e
}

.card-accent-green {
    border-top: 3px solid #5cb85c
}

.card-accent-red {
    border-top: 3px solid #d9534f
}

.card-accent-blue {
    border-top: 3px solid #5bc0de
}

.card-accent-orange {
    border-top: 3px solid #ff6600
}

.card-accent-pink {
    border-top: 3px solid #e671b8
}

.card-accent-purple {
    border-top: 3px solid #7b4f9d
}

.card-accent-lime {
    border-top: 3px solid #8cbf26
}

.card-accent-magenta {
    border-top: 3px solid #ff0097
}

.card-accent-teal {
    border-top: 3px solid #00aba9
}

.card-accent-turquoise {
    border-top: 3px solid #1abc9c
}

.card-accent-emerald {
    border-top: 3px solid #2ecc71
}

.card-accent-amethyst {
    border-top: 3px solid #9b59b6
}

.card-accent-wet-asphalt {
    border-top: 3px solid #004258
}

.card-accent-midnight-blue {
    border-top: 3px solid #2c3e50
}

.card-accent-sun-flower {
    border-top: 3px solid #f1c40f
}

.card-accent-pomegranate {
    border-top: 3px solid #c0392b
}

.card-accent-silver {
    border-top: 3px solid #bdc3c7
}

.card-accent-asbestos {
    border-top: 3px solid #7f8c8d
}

.bg-color-gold {
    background-color: #f0ad4e
}

.bg-color-green {
    background-color: #5cb85c
}

.bg-color-red {
    background-color: #d9534f
}

.bg-color-blue {
    background-color: #5bc0de
}

.bg-color-orange {
    background-color: #ff6600
}

.bg-color-pink {
    background-color: #e671b8
}

.bg-color-purple {
    background-color: #7b4f9d
}

.bg-color-lime {
    background-color: #8cbf26
}

.bg-color-magenta {
    background-color: #ff0097
}

.bg-color-teal {
    background-color: #00aba9
}

.bg-color-turquoise {
    background-color: #1abc9c
}

.bg-color-emerald {
    background-color: #2ecc71
}

.bg-color-amethyst {
    background-color: #9b59b6
}

.bg-color-wet-asphalt {
    background-color: #004258
}

.bg-color-midnight-blue {
    background-color: #2c3e50
}

.bg-color-sun-flower {
    background-color: #f1c40f
}

.bg-color-pomegranate {
    background-color: #c0392b
}

.bg-color-silver {
    background-color: #bdc3c7
}

.bg-color-asbestos {
    background-color: #7f8c8d
}

.label-default {
    background-color: #666
}

.label-success {
    background-color: #5cb85c
}

.label-info {
    background-color: #5bc0de
}

.label-warning {
    background-color: #f0ad4e
}

.label-danger {
    background-color: #d9534f
}

.ticket-subject.unread {
    font-weight: bold
}

.ticket-reply .rating,
.ticket-reply .rating-done {
    float: right;
    padding: 5px 10px;
    unicode-bidi: bidi-override;
    direction: rtl
}

.ticket-reply .rating span.star,
.ticket-reply .rating-done span.star {
    font-family: "Font Awesome 5 Pro";
    font-weight: normal;
    font-style: normal;
    display: inline-block
}

.ticket-reply .rating-done .rated {
    display: inline-block;
    font-size: 12px
}

.ticket-reply .rating span.star:hover {
    cursor: pointer
}

.ticket-reply .rating span.star:before,
.ticket-reply .rating-done span.star:before {
    content: "\f005";
    padding-right: 0;
    color: #999
}

.ticket-reply .rating span.star:hover:before,
.ticket-reply .rating span.star:hover~span.star:before,
.ticket-reply .rating-done span.star.active:before {
    content: "\f005";
    color: #F2DE88
}

.md-editor .btn-toolbar .btn-group {
    margin-right: 6px
}

.view-ticket .card-body,
.view-ticket .mc-promo-manage .content,
.mc-promo-manage .view-ticket .content,
.view-ticket .mc-promo-login .content,
.mc-promo-login .view-ticket .content {
    padding: 0
}

.view-ticket .card-body:last-child,
.view-ticket .mc-promo-manage .content:last-child,
.mc-promo-manage .view-ticket .content:last-child,
.view-ticket .mc-promo-login .content:last-child,
.mc-promo-login .view-ticket .content:last-child {
    border-bottom: 0
}

.view-ticket .posted-by {
    font-size: .9rem;
    padding: .5rem .75rem
}

.view-ticket .posted-by .posted-by-name {
    font-weight: bold
}

.view-ticket .message p:last-child {
    margin-bottom: 0
}

.view-ticket .attachments {
    border-top: 1px dashed #ddd;
    font-size: 80%
}

.view-ticket .attachment-list {
    list-style: none;
    margin: 10px 0 -10px 0;
    padding: 0
}

.view-ticket .attachment-list li {
    display: inline-block;
    width: 190px;
    vertical-align: top
}

.view-ticket .attachment-list li span {
    display: block;
    padding: 5px 5px 10px 5px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.view-ticket .attachment-list li figure {
    margin: 0 0 5px 0;
    background-color: #f6f6f6;
    line-height: 100px;
    text-align: center;
    font-size: 4em
}

.ticketfeedbackstaffcont {
    margin: 10px auto;
    padding: 15px;
    width: 90%;
    background-color: #efefef;
    border-radius: 6px
}

.ticketfeedbackrating {
    padding: 0 100px
}

.ticketfeedbackrating .rate {
    float: left;
    padding: 0 10px;
    min-width: 30px;
    text-align: center
}

@media (min-width:380px) {
    .btn-input-padded-responsive {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width:500px) {
    .btn-input-padded-responsive {
        padding-left: 35px;
        padding-right: 35px
    }
}

.requestor-type-operator {
    background-color: #5bc0de
}

.requestor-type-owner {
    background-color: #5cb85c
}

.requestor-type-authorizeduser {
    background-color: #777
}

.requestor-type-externaluser {
    background-color: #f0ad4e
}

.requestor-type-subaccount {
    background-color: #777
}

.requestor-type-guest {
    background-color: #ccc
}

.ticketfeedbackstaffcont {
    margin: 10px auto;
    padding: 15px;
    width: 90%;
    background-color: #efefef;
    border-radius: 6px
}

.ticketfeedbackrating {
    padding: 0 100px
}

.ticketfeedbackrating .rate {
    float: left;
    padding: 0 10px;
    min-width: 30px;
    text-align: center
}

.captchaimage {
    margin: 0;
    padding: 3px 0 4px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    text-align: right
}

div.credit-card {
    margin: 0 auto 30px;
    max-width: 400px;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 8px
}

div.credit-card div.card-type {
    float: right;
    padding: 10px 20px;
    font-size: 1.2em
}

div.credit-card div.card-icon {
    float: left;
    padding: 7px 7px;
    font-size: 1.2em
}

div.credit-card div.card-number {
    padding: 10px;
    background-color: #ccc;
    font-size: 1.6em;
    text-align: center;
    clear: both
}

div.credit-card div.card-start {
    float: left;
    padding: 20px 0 50px 50px;
    font-size: 1.3em;
    text-align: right
}

div.credit-card div.card-expiry {
    float: right;
    padding: 20px 50px 50px 0;
    height: 120px;
    font-size: 1.3em;
    text-align: right
}

div.credit-card div.end {
    clear: both
}

@media (max-width:600px) {
    div.credit-card {
        max-width: 250px
    }

    div.credit-card div.card-type {
        font-size: 1em
    }

    div.credit-card div.card-icon {
        font-size: 1em
    }

    div.credit-card div.card-number {
        padding: 6px 10px;
        font-size: 1.2em
    }

    div.credit-card div.card-start {
        padding: 20px 0 30px 50px;
        font-size: .9em
    }

    div.credit-card div.card-expiry {
        padding: 20px 50px 30px 0;
        height: 80px;
        font-size: .9em
    }
}

.auth3d-area {
    border: 1px solid #fff
}

.submit-3d {
    width: 80%;
    border: 1px solid #fff
}

div.credit-card .logo-visa {
    color: #1a1f71
}

div.credit-card .logo-amex {
    color: #43abdf
}

div.credit-card .logo-mastercard {
    color: #ed0b00
}

div.credit-card .logo-discover {
    color: #000000
}

div.two-column-grid,
div.three-column-grid {
    display: inline-grid;
    grid-template-columns: repeat(3, auto) minmax(10em, 30em) auto;
    font-weight: 300;
    font-size: 13px
}

div.two-column-grid {
    grid-template-columns: repeat(2, auto) minmax(10em, 30em) auto
}

div.two-column-grid>div,
div.three-column-grid>div {
    margin: 5px 0;
    padding-right: 5px
}

div.two-column-grid>div>label,
div.three-column-grid>div>label {
    font-weight: normal
}

#frmPayment .paymethod-info {
    margin: 5px 0;
    cursor: pointer
}

#frmPayment .paymethod-info label {
    font-weight: normal;
    cursor: pointer
}

.iframe-input-container {
    height: 34px
}

#payMethodList tr {
    font-size: smaller
}

#payMethodList tr td:nth-child(2),
#payMethodList tr td:nth-child(3) {
    max-width: 15em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

div.sidebar .list-group-item-selected {
    background-color: #319FC3;
    color: #FFFFFF
}

div.sidebar .list-group-item-selected .badge {
    background-color: #FFFFFF;
    color: #319FC3
}

.sidebar.sidebar-secondary {
    clear: left
}

@media (max-width:991px) {
    .panel-actions {
        border: 0;
        box-shadow: none
    }

    .panel-actions>.panel-heading>.panel-title {
        display: inline
    }

    .panel-actions>.panel-heading {
        border-radius: 3px
    }

    .panel-actions>.list-group {
        padding: 10px;
        overflow-x: scroll;
        overflow-y: unset;
        white-space: nowrap
    }

    .panel-actions>.list-group .list-group-item {
        display: inline-block;
        border: 1px solid #ddd !important;
        border-radius: 3px !important;
        white-space: nowrap;
        text-align: center;
        padding: 5px 25px;
        margin: 2px
    }

    .panel-actions>.list-group .list-group-item>.badge {
        float: none;
        margin: -2px 0 0 10px
    }
}

.twofa-setup .modal-body {
    min-height: 100px
}

.twofa-setup .activation-msg {
    margin: 25px 0;
    padding: 15px;
    border: 1px dashed #ddd;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em
}

.twofa-setup .backup-code {
    margin: 20px auto;
    padding: 10px;
    background-color: #efefef;
    color: #444;
    text-align: center
}

.twofa-module {
    margin: 10px 0;
    padding: 14px 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer
}

.twofa-module .col-radio {
    float: left;
    width: 35px;
    margin-top: 12px
}

.twofa-module .col-logo {
    float: left;
    width: 80px;
    line-height: 40px;
    text-align: center
}

.twofa-module .col-description {
    margin-left: 136px
}

.twofa-module img {
    max-width: 100%;
    max-height: 40px
}

.twofa-module.active {
    border-color: #337ab7
}

#popup-backdrop {
    background-color: #2E363F;
    padding: 15px;
    height: 100%
}

.popup-header-padding {
    margin-top: 5px;
    margin-bottom: 5px
}

.btn.btn-action {
    background-color: #72CA06;
    border-color: #498302
}

.kb-category {
    margin: 0 0 10px 0
}

.kb-category a {
    display: block;
    margin: 0 0 2px 0;
    font-weight: bold;
    text-decoration: none
}

.kb-category a small {
    color: #888
}

.kbarticles {
    padding: 0 0 25px 0;
    font-size: .8em
}

.kbarticles a {
    font-size: 1.2em;
    font-weight: 700
}

.kbarticles a .glyphicon {
    color: #8ce
}

.kbcategories a.admin-inline-edit,
.kbarticles a.admin-inline-edit {
    font-size: .92em
}

h3.kb-alsoread {
    padding: 8px 15px;
    background-color: #eee;
    border-radius: 6px;
    font-size: .9em
}

.kb-article-title {
    margin: 0 0 22px 0;
    font-size: 1.6em
}

.kb-article-title h2 {
    margin: 0
}

.kb-article-title .btn-print {
    float: right;
    font-size: 1em
}

.kb-article-content {
    margin: 0 0 30px 0;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 200
}

.kb-rate-article {
    margin: 20px 0;
    padding: 15px 20px;
    background-color: #eff7ff;
    font-size: 1.4em;
    line-height: 38px;
    font-weight: 200;
    color: #4d7cab
}

.kb-rate-article .btn-lg,
.kb-rate-article .btn-group-lg>.btn {
    padding: 0 16px
}

.kb-article-details {
    color: #999;
    list-style: none;
    margin: 35px 5px;
    padding: 0
}

.kb-search .form-control {
    box-shadow: none;
    border-radius: 3px
}

.kb-search>.input-group-btn>.btn {
    border-radius: 0 3px 3px 0
}

#stepResults {
    font-size: 20px
}

#stepResults .label {
    font-size: 20px
}

@media (max-width:992px) {
    #stepResults {
        font-size: 14px
    }

    #stepResults .label {
        font-size: 14px
    }

    div.domainresults table tr td {
        padding: 5px 5px
    }
}

@media print {

    .sidebar,
    #main-menu,
    #top-nav,
    .header-lined {
        display: none
    }

    a[href]:after {
        content: "" !important
    }
}

h3.with-badge::after {
    content: '.';
    color: #fff
}

h3.with-badge span,
h3.with-badge i {
    float: left;
    padding-right: 8px
}

h3.with-badge .badge {
    line-height: initial;
    margin-top: 3px
}

@media (min-width:992px) {
    h3.with-badge .badge {
        padding: 3px 7px 3px 8px
    }

    .sidebar .list-group-item .badge {
        margin-top: -2px;
        padding: 3px 7px 3px 8px;
        line-height: initial;
        min-width: 36px
    }
}

.admin-masquerade-notice {
    margin: 25px 0 0 auto;
    padding: 4px 10px;
    max-width: 240px;
    font-family: Tahoma;
    font-size: .7em;
    text-align: right
}

.admin-masquerade-notice a {
    text-decoration: underline
}

a.admin-inline-edit {
    margin-left: 6px;
    font-weight: 400;
    color: #888
}

a.admin-inline-edit:hover {
    color: #444;
    text-decoration: none
}

tr.masspay-invoice-detail td {
    font-size: .8em
}

tr.masspay-total td {
    background-color: #efefef;
    font-weight: bold
}

.error-container {
    text-align: center
}

.error-container h1 {
    margin-top: 40px
}

.error-container .buttons {
    margin: 25px 0
}

.error-container .buttons .btn {
    margin: 5px
}

.panel-collapsable>.panel-heading {
    cursor: pointer
}

.panel-collapsable>.panel-body-collapsed {
    display: none
}

.licensing-addon-latest-download h3 {
    margin-top: 0
}

#google-recaptcha-domainchecker {
    width: 304px;
    height: 78px;
    margin-top: 15px;
    margin-bottom: 15px
}

#default-captcha-domainchecker {
    margin-top: 15px;
    margin-bottom: -63px
}

#default-captcha-domainchecker #inputCaptcha {
    width: 100px;
    border-radius: 4px
}

.domainchecker-homepage-captcha #google-recaptcha-domainchecker {
    margin-bottom: -46px
}

@media (max-width:991px) {
    #google-recaptcha-domainchecker {
        padding-left: 2.5%
    }

    #default-captcha-domainchecker {
        margin-bottom: -25px
    }
}

@media (max-width:736px) {
    #google-recaptcha-domainchecker {
        transform: scale(.935);
        transform-origin: 0 0;
        -webkit-transform: scale(.935);
        -webkit-transform-origin: 0 0
    }
}

@media (max-width:384px) {
    #google-recaptcha-domainchecker {
        -webkit-transform: scale(.96);
        transform: scale(.96);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@media (max-width:360px) {
    #google-recaptcha-domainchecker {
        -webkit-transform: scale(.89);
        transform: scale(.89);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@media (max-width:320px) {
    #google-recaptcha-domainchecker {
        padding-left: 13.5%;
        -webkit-transform: scale(.83);
        transform: scale(.83);
        transform-origin: 0 0;
        -webkit-transform: scale(.785);
        -webkit-transform-origin: 0 0
    }
}

.verification-banner {
    margin: 0;
    padding: 10px;
    font-weight: 300;
    background-color: #d9534f;
    border-bottom: 1px solid #d9534f;
    color: #FFFFFF
}

.verification-banner .close {
    text-shadow: none;
    color: #FFFFFF
}

.verification-banner .text {
    display: block
}

.verification-banner .btn {
    margin: 3px 0 7px;
    padding: 3px 10px;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.verification-banner .btn.close {
    margin-left: 10px;
    background-color: transparent;
    font-size: 22px;
    opacity: 1
}

.verification-banner .fas,
.verification-banner .fal,
.verification-banner .far {
    float: left;
    margin-right: 10px;
    margin-top: 10px
}

@media (min-width:768px) {
    .verification-banner .text {
        padding-top: 9px;
        padding-bottom: 0
    }

    .verification-banner .btn {
        margin: 0;
        padding: 9px 25px
    }

    .verification-banner .button {
        float: right
    }

    .verification-banner .fas,
    .verification-banner .fal,
    .verification-banner .far {
        font-size: 36px
    }
}

.verification-banner.email-verification .btn.btn-action,
.verification-banner.email-verification .btn.btn-action:active,
.verification-banner.email-verification .btn.btn-action:hover,
.verification-banner.email-verification .btn.btn-action:focus,
.verification-banner.email-verification .btn.btn-action[disabled]:hover {
    background-color: #50525f !important;
    border-color: #50525f !important;
    color: #fff !important
}

.verification-banner.user-validation i {
    margin-left: .11em
}

.md-editor {
    border: 1px solid #ddd;
    border-radius: 3px
}

.md-editor>.btn-toolbar {
    background-color: #fff !important
}

.md-editor>.btn-toolbar .hidden {
    display: none !important
}

.md-editor>textarea.markdown-editor,
.md-editor>.md-preview {
    padding: 15px !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    background-color: #fff !important
}

div.md-editor.active {
    display: block;
    border: 1px solid #ddd;
    outline: 0;
    box-shadow: none
}

.markdown-editor-status {
    padding: 2px 10px;
    font-size: 9pt;
    color: #959694;
    text-align: right
}

.small-font {
    font-size: .9em
}

.md-preview h1,
.markdown-content h1 {
    font-size: 1.6em;
    color: #333
}

.md-preview h2,
.markdown-content h2 {
    font-size: 1.4em;
    color: #333
}

.md-preview h3,
.markdown-content h3 {
    font-size: 1.2em;
    color: #333
}

.md-preview h4,
.markdown-content h4 {
    font-size: 1.1em;
    color: #333
}

.md-preview pre,
.markdown-content pre {
    padding: 15px;
    background-color: #444;
    color: #f8f8f8;
    border: 0
}

.md-preview pre code,
.markdown-content pre code {
    white-space: pre;
    word-break: normal;
    word-wrap: normal
}

.md-preview blockquote,
.markdown-content blockquote {
    font-size: 1em;
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eeeeee
}

.md-preview table,
.markdown-content table {
    margin: 10px 0;
    background-color: #fff;
    border: 1px solid #ddd
}

.md-preview table>thead>tr>th,
.markdown-content table>thead>tr>th {
    padding: 4px 10px;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    font-weight: bold;
    text-align: center
}

.md-preview table>tbody>tr>td,
.markdown-content table>tbody>tr>td {
    padding: 3px 8px;
    border: 1px solid #ddd
}

.panel-sidebar {
    border-color: #eee;
    font-size: 15px
}

.panel-sidebar>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-bottom: 0
}

.panel-heading i.far,
.panel-heading i.fas,
.panel-heading i.fal,
.panel-heading i.fab {
    font-size: .85em
}

.panel-sidebar .panel-minimise {
    margin-top: 4px;
    color: #ddd;
    cursor: pointer;
    transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease
}

.panel-sidebar .panel-minimise.minimised {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: 7px
}

.panel-sidebar>.panel-footer {
    color: #333;
    background-color: #f5f5f5;
    border-top: 0
}

.panel-sidebar .list-group-item {
    line-height: 24px
}

.panel-sidebar .list-group-item i:not(.fa-circle):not(.fa-dot-circle):not(.no-transform) {
    float: right;
    line-height: 24px;
    font-size: 16px;
    color: #ccc
}

.panel-sidebar .list-group-item.disabled,
.panel-sidebar .list-group-item.disabled:focus,
.panel-sidebar .list-group-item.disabled:hover {
    background-color: transparent;
    opacity: .5
}

.panel-sidebar a.list-group-item:hover i.fas,
.panel-sidebar a.list-group-item:hover i.far {
    color: #666 !important
}

.panel-sidebar a.list-group-item.active,
.panel-sidebar a.list-group-item.active:focus,
.panel-sidebar a.list-group-item.active:hover {
    background-color: #465054;
    border-color: #465054
}

.panel-sidebar a.list-group-item.active i,
.panel-sidebar a.list-group-item.active:focus i,
.panel-sidebar a.list-group-item.active:hover i {
    color: #fff
}

.panel-sidebar.view-filter-btns .list-group-item.active,
.panel-sidebar.view-filter-btns .list-group-item.active:focus,
.panel-sidebar.view-filter-btns .list-group-item.active:hover {
    background-color: #eee;
    border-color: #eee;
    color: #555
}

.panel-sidebar .recent-ticket {
    line-height: 20px
}

.promo-banner {
    overflow: auto
}

.promo-banner .icon {
    float: left;
    margin: 0 20px 0 0
}

.promo-banner .icon-left {
    text-align: center;
    width: 155px;
    float: left
}

@media (max-width:767.98px) {
    .promo-banner .icon-left {
        width: 90px;
        float: none
    }
}

.promo-banner .icon-left img {
    max-width: 100%;
    max-height: 100%
}

@media (max-width:767.98px) {
    .promo-banner form {
        text-align: center
    }
}

.promo-banner .icon {
    float: left;
    margin: 0 20px 0 0
}

.promo-banner h3 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-weight: 300
}

.promo-banner h4 {
    font-size: 18px;
    font-weight: 300
}

.promo-banner p {
    margin: 5px 0
}

.promo-banner ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: .92em
}

.promo-banner ul li {
    margin-bottom: 4px
}

@media (min-width:1200px) {
    .promo-banner ul li {
        width: 50%
    }

    .promo-banner ul li.left {
        float: left
    }

    .promo-banner ul li.right {
        float: right
    }
}

.promo-banner .fa:not(.fa-spinner) {
    font-size: 1.2em;
    color: #91c590;
    margin-left: 20px;
    margin-right: 10px
}

.promo-banner a {
    color: #ff6600;
    text-decoration: underline
}

.promo-banner .btn {
    margin: 6px 0 0 0;
    padding: 8px 30px;
    background-color: #ff6600;
    border: 0;
    color: #fff
}

@media (max-width:650px) {
    .promo-banner .icon {
        width: 100%;
        margin-bottom: 15px
    }
}

.promo-banner-rounded {
    border-radius: 4px
}

.promo-banner-slim {
    padding: 10px
}

.promo-banner-slim .icon-left {
    width: 85px
}

.promo-banner-slim .content {
    margin-left: 110px
}

.promo-banner-slim h3 {
    font-size: 18px
}

.promo-banner-slim h4 {
    font-size: 14px
}

.promo-banner-slim .btn {
    margin: 0 20px 0 0;
    padding: 6px 20px
}

.promo-banner.symantec {
    border-top: 3px solid #4da24c
}

.promo-banner.symantec .btn {
    background-color: #4da24c
}

.promo-banner.weebly {
    border-top: 3px solid #2990ea
}

.promo-banner.weebly .btn {
    background-color: #2990ea
}

.promo-banner.spamexperts {
    border-top: 3px solid #589ed7
}

.promo-banner.spamexperts .btn {
    background-color: #589ed7
}

.promo-banner-slim.weebly .icon-left {
    width: 160px
}

.promo-banner-slim.weebly .content {
    margin-left: 185px
}

.promo-banner.sitelock {
    border-top: 3px solid #f2952d
}

.promo-banner.sitelock .btn {
    background-color: #f2952d
}

.promo-banner.codeguard {
    border-top: 3px solid #a9cc5f
}

.promo-banner.codeguard a {
    color: #a9cc5f
}

.promo-banner.codeguard .btn {
    background-color: #a9cc5f
}

.promo-banner.sitelockvpn {
    border-top: 3px solid #555
}

.promo-banner.sitelockvpn .btn {
    background-color: #555
}

.promo-banner.nordvpn {
    border-top: 3px solid #4687FF
}

.promo-banner.nordvpn .btn {
    background-color: #4687FF
}

.promo-banner.marketgoo {
    border-top: 3px solid #3090e0
}

.promo-banner.marketgoo .btn {
    background-color: #3090e0
}

.promo-banner.ox {
    border-top: 3px solid #666
}

.promo-banner.ox a {
    color: #666
}

.promo-banner.ox .btn {
    background-color: #666
}

.promo-banner.sitebuilder {
    border-top: 3px solid #ff3377
}

.promo-banner.sitebuilder a {
    color: #ff3377
}

.promo-banner.sitebuilder .btn {
    background-color: #ff3377
}

.promo-banner.xovinow {
    border-top: 3px solid #10069F
}

.promo-banner.xovinow a {
    color: #10069F
}

.promo-banner.xovinow .btn {
    background-color: #10069F
}

.promo-banner.threesixtymonitoring {
    border-top: 3px solid #ce3b56
}

.promo-banner.threesixtymonitoring .btn {
    background-color: #ce3b56
}

.promo-banner.threesixtymonitoring a {
    color: #ce3b56
}

.mc-panel-promo {
    font-size: .95em
}

.mc-panel-promo img {
    display: block;
    margin: 0 auto 6px;
    max-width: 90%;
    max-height: 87px
}

.promotions-slider-control .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231c3965' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.promotions-slider-control .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231c3965' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.panel-mc-sso {
    padding: 0 10px 10px 10px
}

.panel-mc-sso img {
    max-width: 100%;
    max-height: 120px
}

.panel-mc-sso .row {
    margin-left: -5px;
    margin-right: -5px
}

.panel-mc-sso .col-sm-6 {
    padding-left: 5px;
    padding-right: 5px
}

.panel-mc-sso .form-control,
.panel-mc-sso .btn,
.panel-mc-sso small {
    margin-top: 5px
}

.panel-mc-sso small {
    display: block
}

.client-home-cards div[menuitemname=ThreesixtymonitoringLogin] {
    border-top: solid 3px #ce3b56
}

.client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .card-body,
.client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .mc-promo-manage .content,
.mc-promo-manage .client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .content,
.client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .mc-promo-login .content,
.mc-promo-login .client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .content {
    max-height: initial
}

.client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .threesixtymonitoring-metrics-row>div:not(:last-child) {
    border-right: 1px solid #ccc
}

.client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .threesixtymonitoring-metric {
    margin-top: 20px;
    font-size: 40px;
    line-height: 1;
    color: #902a6d
}

.client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .threesixtymonitoring-title {
    font-weight: bold;
    color: #888;
    text-transform: uppercase;
    font-size: 12px
}

.client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .threesixtymonitoring-highlight {
    margin-top: 4px;
    height: 2px;
    border-radius: 2px;
    background-color: #902a6d
}

.client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .threesixtymonitoring-highlight-servers,
.client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .threesixtymonitoring-highlight-monitors,
.client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .threesixtymonitoring-highlight-alerts {
    margin-top: 4px;
    height: 2px;
    border-radius: 2px
}

.client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .threesixtymonitoring-highlight-servers {
    background-color: #902a6d
}

.client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .threesixtymonitoring-highlight-monitors {
    background-color: #af3362
}

.client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .threesixtymonitoring-highlight-alerts {
    background-color: #ce3b56
}

.client-home-cards div[menuitemname=ThreesixtymonitoringLogin] form,
.client-home-cards div[menuitemname=ThreesixtymonitoringLogin] small {
    text-align: center
}

.client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .btn {
    width: 100%
}

.social-signin-btns {
    text-align: center
}

.social-signin-btns .btn {
    margin-bottom: 5px
}

.btn-social {
    position: relative;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: .375rem .75rem
}

.btn-social i.fas,
.btn-social i.far {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding-right: 2px;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.2)
}

.btn-facebook {
    color: #fff;
    background-color: #4267b2;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #30487b;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
    background-image: none
}

.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active {
    background-color: #4267b2;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-twitter {
    color: #fff;
    background-color: #2ba9e1;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
    color: #fff;
    background-color: #1c92c7;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
    background-image: none
}

.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active {
    background-color: #2ba9e1;
    border-color: rgba(0, 0, 0, 0.2)
}

.providerPreLinking {
    min-height: 52px
}

.providerLinkingFeedback {
    display: none
}

#registration {
    margin: 0;
    padding: 0 0 40px 0
}

#registration .field-container {
    margin: 0 0 30px 0
}

#registration label {
    font-weight: normal
}

#registration .info-text-sm {
    font-size: .85em;
    text-align: center
}

.marketing-email-optin {
    margin: 0 0 20px 0;
    padding: 10px 20px 20px;
    background-color: #f8f8f8;
    border-radius: 3px
}

@media (max-width:767px) {
    .btn-xs-block {
        display: block;
        width: 100%
    }
}

#registration .sub-heading {
    height: 0;
    border-top: 1px solid #DDD;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px
}

#registration .sub-heading span {
    display: inline-block;
    position: relative;
    padding: 0 17px;
    top: -11px;
    font-size: 16px;
    color: #058;
    background-color: #fff
}

#registration .prepend-icon {
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    font-weight: normal
}

#registration .field,
#registration .form-control {
    position: relative;
    vertical-align: top;
    display: -moz-inline-stack;
    display: inline-block;
    outline: none;
    height: 36px;
    width: 100%
}

#registration .input-group-lg>.form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px 0 0 6px
}

#registration .form-control-qty {
    width: 70px;
    text-align: center
}

#registration .form-control-static-inline {
    display: inline-block
}

#registration textarea.field {
    height: auto
}

#registration .prepend-icon .field {
    -webkit-appearance: none;
    padding-left: 36px
}

#registration .prepend-icon .field-icon i {
    position: relative;
    font-size: 14px
}

#registration .prepend-icon .field-icon {
    top: 0;
    z-index: 4;
    width: 42px;
    height: 36px;
    color: inherit;
    line-height: 36px;
    position: absolute;
    text-align: center;
    transition: all .5s ease-out;
    pointer-events: none
}

#registration .field-icon i {
    color: #bbb
}

#registration .field-help-text {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #888;
    font-size: 12px
}

.password-strength-meter .progress {
    margin-bottom: 5px
}

.password-strength-meter p {
    margin-bottom: 15px
}

.upgrade .product-to-be-upgraded {
    margin: 20px 0;
    padding: 15px;
    background-color: #f8f8f8
}

.upgrade .product-to-be-upgraded h4,
.upgrade .product-to-be-upgraded h5 {
    margin: 0
}

.upgrade .products {
    margin-left: -5px;
    margin-right: -5px
}

.upgrade .products .column {
    padding-left: 5px;
    padding-right: 5px
}

.upgrade .products .product {
    margin: 20px 0;
    padding: 0;
    background-color: #fff
}

.upgrade .products .product .current,
.upgrade .products .product .recommended {
    padding: 5px;
    background-color: #ffbc00;
    color: #f5f5f5;
    font-weight: bold;
    text-align: center
}

.upgrade .products .product .recommended {
    background-color: #25ac2f
}

.upgrade .products .product ul {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee
}

.upgrade .products .product .footer {
    border: 1px solid #eee;
    border-top: 0
}

.upgrade .products .product .header {
    margin: 0;
    padding: 20px;
    background-color: #2b5580;
    color: #fff;
    min-height: 150px
}

.upgrade .products .product .header p {
    font-size: 1.1em;
    font-weight: 300
}

.upgrade .products .product ul {
    margin: 0;
    padding: 20px 25px;
    list-style: none
}

.upgrade .products .product ul li {
    line-height: 25px;
    font-size: .9em;
    text-align: right;
    color: #aaa;
    border-bottom: 1px solid #eee
}

.upgrade .products .product ul li:last-child {
    border: 0
}

.upgrade .products .product ul li span {
    float: left;
    color: #444
}

.upgrade .products .fas,
.upgrade .products .far {
    font-size: 1.3em
}

.upgrade .products .fa-check {
    color: #23ad2e
}

.upgrade .products .product .footer {
    margin: 0;
    padding: 20px
}

.upgrade .products .product .footer select {
    margin-bottom: 10px
}

.upgrade .products .product .btn {
    background-color: #2b5580;
    color: #fff
}

.alert .fas.pull-left {
    margin: -3px 0 0 -3px
}

.alert .alert-text {
    margin-left: 56px
}

.panel-sidebar .alert {
    padding: 10px 15px;
    margin-bottom: 5px
}

.checkbox-inline.icheck-label,
.radio-inline.icheck-label {
    padding-left: 0;
    margin-left: 30px;
    margin-right: 20px
}

.icheck-label .iradio_square-blue {
    margin-right: 5px;
    margin-left: -30px;
    margin-top: -2px
}

form[data-role="json-form"] .has-error input.form-control,
form[data-role="json-form"] .has-error textarea.form-control,
form[data-role="json-form"] .has-error select.form-control {
    background-color: #fff0f0;
    transition: .2s
}

form[data-role="json-form"] .has-error .tooltip-inner {
    background-color: #9d2a0b
}

form[data-role="json-form"] .has-error .tooltip.top .tooltip-arrow {
    border-top-color: #9d2a0b
}

.cc-number-field {
    background-image: url(/assets/img/payment/unknown.png);
    background-repeat: no-repeat;
    background-position: right 10px center
}

.cc-number-field.visa {
    background-image: url(/assets/img/payment/visa.png)
}

.cc-number-field.mastercard {
    background-image: url(/assets/img/payment/mastercard.png)
}

.cc-number-field.amex {
    background-image: url(/assets/img/payment/amex.png)
}

.cc-number-field.dinersclub {
    background-image: url(/assets/img/payment/dinersclub.png)
}

.cc-number-field.discover {
    background-image: url(/assets/img/payment/discover.png)
}

.cc-number-field.unionpay {
    background-image: url(/assets/img/payment/unionpay.png)
}

.cc-number-field.jcb {
    background-image: url(/assets/img/payment/jcb.png)
}

.cc-number-field.maestro {
    background-image: url(/assets/img/payment/maestro.png)
}

.cc-number-field.forbrugsforeningen {
    background-image: url(/assets/img/payment/forbrugsforeningen.png)
}

.cc-number-field.dankort {
    background-image: url(/assets/img/payment/dankort.png)
}

.modal-metric-pricing .modal-header,
.modal-metric-pricing .modal-body,
.modal-metric-pricing .modal-footer {
    text-align: center !important;
    border: 0
}

.modal-metric-pricing .modal-footer {
    padding-bottom: 45px
}

.select-account {
    margin: 20px auto;
    padding: 0
}

.select-account a {
    display: block;
    margin: 0;
    text-decoration: none
}

.select-account a.disabled {
    opacity: .5
}

.continue-container {
    margin: 40px auto;
    padding: 20px;
    background-color: #f6f6f6;
    border: 1px solid #eee;
    max-width: 500px
}

.invite-box {
    margin: 20px 0;
    padding: 20px;
    background-color: #f6f6f6;
    border: 1px solid #eee
}

.intl-tel-input {
    position: relative;
    display: inline-block
}

.intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.intl-tel-input .hide {
    display: none
}

.intl-tel-input .v-hide {
    visibility: hidden
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px
}

.intl-tel-input .selected-flag .iti-flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.intl-tel-input .selected-flag .iti-arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.intl-tel-input .selected-flag .iti-arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}

.intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #D5DCE5;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll
}

.intl-tel-input .country-list.dropup {
    bottom: 100%;
    margin-bottom: -1px
}

.intl-tel-input .country-list .flag-box {
    display: inline-block;
    width: 20px
}

@media (max-width:500px) {
    .intl-tel-input .country-list {
        white-space: normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

.intl-tel-input .country-list .country .dial-code {
    color: #999
}

.intl-tel-input .country-list .country.highlight {
    background-color: #EDF0F5
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
    vertical-align: middle
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
    margin-right: 6px
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0
}

.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
    width: 46px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: rgba(0, 0, 0, 0.05)
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
    cursor: default
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
    background-color: transparent
}

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: transparent !important;
    border-right: 1px solid #D5DCE5;
    display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px
}

.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.intl-tel-input.iti-container:hover {
    cursor: pointer
}

.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .intl-tel-input .country-list .country {
    padding: 10px 10px;
    line-height: 1.5em
}

.iti-flag {
    width: 20px
}

.iti-flag.be {
    width: 18px
}

.iti-flag.ch {
    width: 15px
}

.iti-flag.mc {
    width: 19px
}

.iti-flag.ne {
    width: 18px
}

.iti-flag.np {
    width: 13px
}

.iti-flag.va {
    width: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-size: 5630px 15px
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0px 0px
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url("/templates/croster/assets/img/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-image: url("/templates/croster/assets/img/flags@2x.png")
    }
}

.iti-flag.np {
    background-color: transparent
}

.intl-tel-input {
    width: 100%
}

.bootstrap-switch {
    display: inline-block;
    direction: ltr;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid;
    border-color: #D5DCE5;
    position: relative;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    z-index: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.bootstrap-switch .bootstrap-switch-container {
    display: inline-block;
    top: 0;
    border-radius: 4px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block !important;
    height: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 20px
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
    text-align: center;
    z-index: 1
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #fff;
    background: #428bca
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
    color: #fff;
    background: #5bc0de
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
    color: #fff;
    background: #5cb85c
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
    background: #f0ad4e;
    color: #fff
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
    color: #fff;
    background: #d9534f
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    color: #000;
    background: #eeeeee
}

.bootstrap-switch .bootstrap-switch-label {
    text-align: center;
    margin-top: -1px;
    margin-bottom: -1px;
    z-index: 100;
    color: #333333;
    background: #ffffff
}

.bootstrap-switch .bootstrap-switch-handle-on {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.bootstrap-switch .bootstrap-switch-handle-off {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
    position: absolute !important;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.bootstrap-switch input[type='radio'].form-control,
.bootstrap-switch input[type='checkbox'].form-control {
    height: auto
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5
}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
    padding: 6px 16px;
    font-size: 18px;
    line-height: 1.33
}

.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
    cursor: default !important
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default !important
}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
    transition: margin-left .5s
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.bootstrap-switch.bootstrap-switch-focused {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.md-editor {
    display: block;
    border: 1px solid #ddd
}

.md-editor .md-footer,
.md-editor>.md-header {
    display: block;
    padding: 6px 4px;
    background: #f5f5f5
}

.md-editor>.md-header {
    margin: 0
}

.md-editor>.md-preview {
    background: #fff;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    min-height: 10px;
    overflow: auto
}

.md-editor>textarea {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 14px;
    outline: 0;
    margin: 0;
    display: block;
    padding: 0;
    width: 100%;
    border: 0;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    border-radius: 0;
    box-shadow: none;
    background: #eee
}

.md-editor>textarea:focus {
    box-shadow: none;
    background: #fff
}

.md-editor.active {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.md-editor .md-controls {
    float: right;
    padding: 3px
}

.md-editor .md-controls .md-control {
    right: 5px;
    color: #bebebe;
    padding: 3px 3px 3px 10px
}

.md-editor .md-controls .md-control:hover {
    color: #333
}

.md-editor.md-fullscreen-mode {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    padding: 60px 30px 15px;
    background: #fff !important;
    border: 0 !important
}

.md-editor.md-fullscreen-mode .md-footer {
    display: none
}

.md-editor.md-fullscreen-mode .md-input,
.md-editor.md-fullscreen-mode .md-preview {
    margin: 0 auto !important;
    height: 100% !important;
    font-size: 20px !important;
    padding: 20px !important;
    color: #999;
    line-height: 1.6em !important;
    resize: none !important;
    box-shadow: none !important;
    background: #fff !important;
    border: 0 !important
}

.md-editor.md-fullscreen-mode .md-preview {
    color: #333;
    overflow: auto
}

.md-editor.md-fullscreen-mode .md-input:focus,
.md-editor.md-fullscreen-mode .md-input:hover {
    color: #333;
    background: #fff !important
}

.md-editor.md-fullscreen-mode .md-header {
    background: 0 0;
    text-align: center;
    position: fixed;
    width: 100%;
    top: 20px
}

.md-editor.md-fullscreen-mode .btn-group {
    float: none
}

.md-editor.md-fullscreen-mode .btn {
    border: 0;
    background: 0 0;
    color: #b3b3b3
}

.md-editor.md-fullscreen-mode .btn.active,
.md-editor.md-fullscreen-mode .btn:active,
.md-editor.md-fullscreen-mode .btn:focus,
.md-editor.md-fullscreen-mode .btn:hover {
    box-shadow: none;
    color: #333
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls {
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: right;
    z-index: 1002;
    display: block
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a {
    color: #b3b3b3;
    clear: right;
    margin: 10px;
    width: 30px;
    height: 30px;
    text-align: center
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
    color: #333;
    text-decoration: none
}

.md-editor.md-fullscreen-mode .md-editor {
    height: 100% !important;
    position: relative
}

.md-editor .md-fullscreen-controls {
    display: none
}

.md-nooverflow {
    overflow: hidden;
    position: fixed;
    width: 100%
}

div.dtr-modal {
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    padding: 10em 1em
}

div.dtr-modal div.dtr-modal-display {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
    margin: auto;
    z-index: 102;
    overflow: auto;
    background-color: #f5f5f7;
    border: 1px solid black;
    border-radius: .5em;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6)
}

div.dtr-modal div.dtr-modal-content {
    position: relative;
    padding: 1em
}

div.dtr-modal div.dtr-modal-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border: 1px solid #eaeaea;
    background-color: #f9f9f9;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 12
}

div.dtr-modal div.dtr-modal-close:hover {
    background-color: #eaeaea
}

div.dtr-modal div.dtr-modal-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    background: rgba(0, 0, 0, 0.6)
}

@media screen and (max-width:767px) {
    div.dtr-modal div.dtr-modal-display {
        width: 95%
    }
}

div.dtr-bs-modal table.table tr:first-child td {
    border-top: none
}

.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.multiselect-container .input-group {
    margin: 5px
}

.multiselect-container>li {
    padding: 0
}

.multiselect-container>li>a.multiselect-all label {
    font-weight: 700
}

.multiselect-container>li.multiselect-group label {
    margin: 0;
    padding: 3px 20px 3px 20px;
    height: 100%;
    font-weight: 700
}

.multiselect-container>li.multiselect-group-clickable label {
    cursor: pointer
}

.multiselect-container>li>a {
    padding: 0
}

.multiselect-container>li>a>label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 20px 3px 40px
}

.multiselect-container>li>a>label.radio,
.multiselect-container>li>a>label.checkbox {
    margin: 0
}

.multiselect-container>li>a>label>input[type=checkbox] {
    margin-bottom: 5px
}

.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0
}

.icheckbox_square-blue,
.iradio_square-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(/templates/croster/assets/css/blue.png) no-repeat;
    border: none;
    cursor: pointer
}

.icheckbox_square-blue {
    background-position: 0 0
}

.icheckbox_square-blue.hover {
    background-position: -24px 0
}

.icheckbox_square-blue.checked {
    background-position: -48px 0
}

.icheckbox_square-blue.disabled {
    background-position: -72px 0;
    cursor: default
}

.icheckbox_square-blue.checked.disabled {
    background-position: -96px 0
}

.iradio_square-blue {
    background-position: -120px 0
}

.iradio_square-blue.hover {
    background-position: -144px 0
}

.iradio_square-blue.checked {
    background-position: -168px 0
}

.iradio_square-blue.disabled {
    background-position: -192px 0;
    cursor: default
}

.iradio_square-blue.checked.disabled {
    background-position: -216px 0
}

@media (-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi) {

    .icheckbox_square-blue,
    .iradio_square-blue {
        background-image: url(/templates/croster/assets/css/blue@2x.png);
        background-size: 240px 24px
    }
}

.w-hidden {
    display: none
}

.form-check-inline {
    display: initial
}

@media (max-width:991.98px) {
    .licensing-verification h3 {
        font-size: 1.4em
    }
}

@media (max-width:767.98px) {
    .licensing-verification h3 {
        font-size: 1em
    }
}

@media (max-width:991.98px) {
    .licensing-verification h2 {
        font-size: 1.7em
    }
}

@media (max-width:767.98px) {
    .licensing-verification h2 {
        font-size: 1.2em
    }
}

.licensing-verification .secondary-input-submit {
    display: none
}

@media (max-width:767.98px) {
    .licensing-verification .input-group .input-group-append {
        display: none
    }

    .licensing-verification .input-group input {
        border-radius: 0 6px 6px 0 !important
    }

    .licensing-verification .secondary-input-submit {
        display: block;
        padding-top: .5em
    }
}

.captcha-overlay-badge {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    cursor: pointer
}

.captcha-overlay-badge-hidden {
    display: none
}

.captcha-overlay-badge img {
    width: 60px;
    height: auto
}

.captcha-overlay-popup {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    width: 300px;
    z-index: 9998;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3)
}

h3,
h4,
h5,
h6 {
    margin-top: 15px;
    margin-bottom: 15px
}

#order-standard_cart form .TM-card,
#registration form .TM-card {
    padding-bottom: 0
}

.cpanel-usage-stats input[readonly] {
    background-color: transparent !important
}

.user-avatar img,
.user-avatar [class*="fa-"] {
    width: 72px;
    height: 72px;
    border-radius: 56px;
    border: 2px solid #D5DCE5
}

.user-avatar [class*="fa-"] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem
}

.user-avatar.avatar-small img,
.user-avatar.avatar-small [class*="fa-"] {
    width: 36px;
    height: 36px
}

.user-avatar.avatar-navbar img,
.user-avatar.avatar-navbar [class*="fa-"] {
    width: 36px;
    height: 36px
}

.user-avatar.avatar-navbar [class*="fa-"] {
    font-size: 100%
}

@media (min-width:634px) {

    .user-avatar.avatar-navbar img,
    .user-avatar.avatar-navbar [class*="fa-"] {
        width: 40px;
        height: 40px
    }

    .user-avatar.avatar-navbar [class*="fa-"] {
        font-size: 120%
    }
}

.user-avatar.avatar-mid img,
.user-avatar.avatar-mid [class*="fa-"] {
    width: 46px;
    height: 46px
}

.carousel-item.item {
    float: none
}

.carousel-inner .carousel-item.item {
    float: left
}

section#main-body {
    flex: 1 0 auto;
    padding: 60px 0 60px;
    min-height: 70vh;
    margin: 0
}

.main-container-nosidebar {
    width: 100%;
    max-width: 928px;
    margin: 0 auto
}

@media (min-width:992px) {
    .cros-navbar.navbar .navbar-nav .home-item span {
        display: none
    }
}

@media (max-width:991px) {
    .cros-navbar.navbar .navbar-nav .home-item a span {
        display: block
    }

    .cros-navbar.navbar .navbar-nav .home-item .fa,
    .cros-navbar.navbar .navbar-nav .home-item .fas,
    .cros-navbar.navbar .navbar-nav .home-item .fal,
    .cros-navbar.navbar .navbar-nav .home-item .far {
        display: none
    }
}

.desc {
    margin-bottom: 30px
}

.header-banner-styled .page-title {
    text-align: left;
    padding: 32px 0
}

@media (min-width:768px) {
    .header-banner-styled .page-title {
        padding: 52px 0
    }
}

.header-banner-styled .header-lined {
    margin-bottom: 0
}

.header-banner-styled .header-lined h1,
.header-banner-styled .header-lined h2 {
    font-size: 26px;
    line-height: 1.2
}

@media (min-width:768px) {

    .header-banner-styled .header-lined h1,
    .header-banner-styled .header-lined h2 {
        font-size: 36px
    }
}

.header-banner-styled.bg-primary h1,
.header-banner-styled.inverse h1,
.header-banner-styled.dark h1,
.header-banner-styled.bg-primary h2,
.header-banner-styled.inverse h2,
.header-banner-styled.dark h2 {
    color: #FFFFFF
}

.header-banner-styled.bg-primary .breadcrumb li a,
.header-banner-styled.inverse .breadcrumb li a,
.header-banner-styled.dark .breadcrumb li a {
    color: #FFFFFF
}

.header-banner-styled.bg-primary .breadcrumb li.active,
.header-banner-styled.inverse .breadcrumb li.active,
.header-banner-styled.dark .breadcrumb li.active {
    color: rgba(255, 255, 255, 0.7)
}

.header-banner-styled.bg-primary span,
.header-banner-styled.inverse span,
.header-banner-styled.dark span {
    color: #FFFFFF
}

.header-lined {
    margin-bottom: 40px
}

.header-lined div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.header-lined h1 {
    font-size: 34px;
    line-height: 40px;
    padding: 0;
    margin: 0
}

.header-lined p {
    margin: 10px 0 0
}

.header-lined .breadcrumb {
    background: transparent !important;
    padding: 6px 0 0;
    margin: 0;
    font-size: 13px;
    border-radius: 0
}

.header-lined .breadcrumb li a {
    color: #888
}

.header-lined .breadcrumb li.active {
    color: #555
}

.header-lined span,
.header-lined p {
    font-size: 13px;
    color: #999
}

.header-lined .search-group {
    position: relative
}

.header-lined .search-group input {
    padding-left: 36px
}

.header-lined .search-group:before {
    content: "\f002";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    position: absolute;
    height: 100%;
    width: 36px;
    color: #888;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    z-index: 10
}

@media (max-width:767px) {
    .header-lined .search-group {
        margin-top: 15px;
        width: 100%
    }
}

section#home-banner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #01213c;
    min-height: 400px;
    padding: 96px 0
}

section#home-banner h2 {
    font-weight: 300
}

@media (min-width:768px) {
    section#home-banner h2 {
        font-size: 37px;
        margin-bottom: 15px
    }
}

section#home-banner .serach-form {
    display: flex;
    align-items: center;
    position: relative;
    background: #FFFFFF;
    width: 100%;
    max-width: 606px;
    padding: 6px;
    margin: 0 auto;
    border-radius: 4px
}

section#home-banner .serach-form .input-group-icon {
    margin: 0 0 0 8px;
    font-size: 18px;
    color: #999
}

section#home-banner .serach-form .input-group-btn {
    display: flex;
    width: auto
}

section#home-banner .serach-form .input-group-btn .btn {
    font-weight: normal
}

section#home-banner .serach-form .input-group-btn .btn.search {
    background-color: #0273d4
}

section#home-banner .serach-form .input-group-btn .btn.transfer {
    background-color: #555
}

@media (max-width:586px) {
    section#home-banner .serach-form {
        display: block;
        background: 0 0
    }

    section#home-banner .serach-form .input-group-icon {
        display: none
    }

    section#home-banner .serach-form .form-control {
        margin-bottom: 7.5px
    }

    section#home-banner .serach-form .input-group-btn {
        width: 100%
    }

    section#home-banner .serach-form .input-group-btn .btn {
        flex: 1
    }
}

.form-actions {
    display: block;
    padding: 15px 10px;
    border-top: 1px solid #D5DCE5;
    margin: 45px 0 15px
}

.checkbox label,
.radio label {
    cursor: pointer
}

.section .panel {
    border-color: #D5DCE5;
    box-shadow: none;
    border-radius: 4px
}

.section .panel .cpanel-feature-row a {
    display: flex;
    align-items: center;
    padding: .5rem 0;
    text-decoration: none
}

.section .panel .cpanel-feature-row a [class*="fa-"] {
    margin-right: 4px
}

.section .panel.panel-tabs .panel-nav {
    background-color: #FFFFFF;
    border-bottom: 1px solid #D5DCE5
}

.section .panel.panel-tabs .tab-content .tab-pane {
    font-size: 16px
}

.section .panel.panel-tabs .tab-content .tab-pane .text-heading {
    font-size: 14px;
    color: #888
}

.section .panel.panel-tabs .tab-content .tab-pane .cpanel-domain-overview {
    padding: 30px
}

.section .panel.panel-tabs .tab-content .tab-pane .cpanel-domain-overview .btn {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .section .panel.panel-tabs .tab-content .tab-pane .cpanel-domain-overview {
        text-align: center
    }

    .section .panel.panel-tabs .tab-content .tab-pane .cpanel-domain-overview .btn {
        margin-bottom: 0
    }
}

.section .panel.panel-tabs .tab-content .tab-pane #cPanelBillingOverviewPanel [class*=col-]>.row {
    margin-bottom: 15px
}

.section .panel.panel-tabs .tab-content .tab-pane #cPanelBillingOverviewPanel .billingInfo [class*=col-]>.row {
    margin-bottom: 15px
}

.section .panel.panel-affiliate-referral-link {
    border: 1px solid #D5DCE5;
    box-shadow: none
}

.section .panel.panel-affiliate-referral-link .panel-body .input-group {
    display: flex
}

@media (max-width:767px) {
    .section .panel.panel-affiliate-referral-link .panel-body .input-group {
        flex-direction: column
    }

    .section .panel.panel-affiliate-referral-link .panel-body .input-group .input-group-addon {
        border-bottom: 0 none !important
    }

    .section .panel.panel-affiliate-referral-link .panel-body .input-group .input-group-addon:first-child {
        border-right: 1px solid #D5DCE5
    }

    .section .panel.panel-affiliate-referral-link .panel-body .input-group .input-group-addon,
    .section .panel.panel-affiliate-referral-link .panel-body .input-group .form-control,
    .section .panel.panel-affiliate-referral-link .panel-body .input-group .input-group-text {
        border-radius: 0 !important;
        width: 100%
    }

    .section .panel.panel-affiliate-referral-link .panel-body .input-group .input-group-text {
        width: 100%;
        margin-bottom: .5rem
    }
}

.section .panel.panel-affiliate-referral-link .panel-body .input-group .input-group-addon {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: auto
}

.section .panel.panel-affiliate-referral-link .panel-body .input-group .form-control {
    background-color: #FFFFFF
}

.section .panel .panel-footer {
    background-color: #FFFFFF
}

.section+.section {
    margin-top: 60px
}

.section>:last-child {
    margin-bottom: 0
}

.section .panel.panel-switch,
.TM-card .panel.panel-switch {
    position: relative;
    background-color: #FFFFFF;
    border: 1px solid #D5DCE5;
    outline: 0 none !important;
    box-shadow: none;
    border-radius: 4px;
    max-width: 290px;
    cursor: pointer
}

.section .panel.panel-switch .panel-body,
.TM-card .panel.panel-switch .panel-body {
    display: flex;
    align-items: center;
    padding: 20px 15px
}

.section .panel.panel-switch .panel-body .switch,
.TM-card .panel.panel-switch .panel-body .switch {
    margin: 0 0 0 auto
}

.section .panel.panel-switch .panel-body .switch-label,
.TM-card .panel.panel-switch .panel-body .switch-label {
    padding-right: 10px
}

.section .panel.panel-switch.checked,
.TM-card .panel.panel-switch.checked {
    border-color: #0273d4
}

.section .panel.panel-switch .loader-panel,
.TM-card .panel.panel-switch .loader-panel {
    visibility: hidden;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    border-radius: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.section .panel.panel-switch .loader-panel.loading,
.TM-card .panel.panel-switch .loader-panel.loading {
    visibility: visible;
    opacity: 1
}

.spanner {
    position: absolute;
    width: 64px;
    height: 12px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.spanner div,
.spanner span {
    position: absolute;
    top: 0;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #0273d4;
    -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
    animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

.spanner div:nth-child(1),
.spanner span:nth-child(1) {
    left: 6px;
    -webkit-animation: spanner1 .6s infinite;
    animation: spanner1 .6s infinite
}

.spanner div:nth-child(2),
.spanner span:nth-child(2) {
    left: 6px;
    -webkit-animation: spanner2 .6s infinite;
    animation: spanner2 .6s infinite
}

.spanner div:nth-child(3),
.spanner span:nth-child(3) {
    left: 26px;
    -webkit-animation: spanner2 .6s infinite;
    animation: spanner2 .6s infinite
}

.spanner div:nth-child(4),
.spanner span:nth-child(4) {
    left: 45px;
    -webkit-animation: spanner3 .6s infinite;
    animation: spanner3 .6s infinite
}

@-webkit-keyframes spanner1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes spanner1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes spanner3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes spanner3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes spanner2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(19px, 0);
        transform: translate(19px, 0)
    }
}

@keyframes spanner2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(19px, 0);
        transform: translate(19px, 0)
    }
}

.alert-lg {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #D5DCE5;
    border-radius: 4px;
    margin-bottom: 20px
}

.alert-lg.no-data {
    padding: 32px;
    min-height: 320px;
    justify-content: center
}

.alert-lg.no-border {
    border: 0 none;
    box-shadow: none !important
}

.alert-lg .icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.alert-lg .icon .fas,
.alert-lg .icon .fal,
.alert-lg .icon .far,
.alert-lg .icon .fad {
    font-size: 49px;
    color: #0273d4
}

.alert-lg .text {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 20px;
    font-weight: normal
}

.alert-lg:last-child {
    margin-bottom: 0
}

.TM-card {
    padding: 15px;
    border: 1px solid #D5DCE5;
    margin-bottom: 20px;
    border-radius: 4px
}

.TM-card .progress {
    height: 4px
}

.TM-card.pricing-tables {
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    padding: 30px
}

.TM-card.pricing-tables p {
    font-size: 16px;
    margin-bottom: 20px;
    color: #888
}

.TM-card.pricing-tables .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px
}

.TM-card.pricing-tables .product-name {
    margin: 0
}

.TM-card.pricing-tables .product-content {
    flex: 1 0 auto
}

.TM-card.pricing-tables .product-content .product-features {
    position: relative;
    margin-top: 15px
}

.TM-card.pricing-tables .product-content .product-features li {
    padding: 7.5px 0;
    color: #888
}

.TM-card.pricing-tables .product-footer {
    padding-top: 20px
}

.TM-card.pricing-tables.small-padding {
    padding: 15px
}

.TM-card.search-card {
    padding: 2rem
}

.TM-card.search-card .input-group {
    max-width: 686px;
    margin: auto
}

.TM-card.search-card .input-group:before {
    content: "\f002";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    height: 100%;
    width: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #999;
    z-index: 10
}

.TM-card.search-card .input-group .form-control {
    padding-left: 44px
}

@media (max-width:633px) {
    .TM-card.search-card .form-control {
        width: 100%
    }

    .TM-card.search-card .input-group.kb-search {
        display: block
    }

    .TM-card.search-card .input-group:before {
        height: auto;
        width: auto;
        display: block;
        top: 12px;
        left: 14px
    }

    .TM-card.search-card .input-group-btn .btn,
    .TM-card.search-card .input-group-append .btn {
        margin-top: 7.5px;
        width: 100%;
        border-radius: 0
    }
}

.TM-card.social {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    background-color: #FFFFFF;
    border-width: 1px 0 0
}

@media (min-width:587px) {
    .TM-card.social {
        align-items: center
    }
}

@media (max-width:586px) {
    .TM-card.social {
        flex-direction: column
    }
}

.TM-card.annoucements {
    background-color: #FFFFFF;
    padding: 0;
    border: 0 none
}

.TM-card.annoucements .annuncement-item {
    cursor: pointer;
    display: block;
    padding: 15px;
    border: 1px solid transparent
}

.TM-card.annoucements .annuncement-item .annuncement-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    visibility: hidden
}

.TM-card.annoucements .annuncement-item .annuncement-footer .btn-link {
    background-color: #FFFFFF !important
}

.TM-card.annoucements .annuncement-item .annuncement-footer .announcement-details {
    display: flex;
    margin-left: auto
}

@media (max-width:450px) {
    .TM-card.annoucements .annuncement-item .annuncement-footer .announcement-details .fb-like {
        display: none
    }
}

.TM-card.annoucements .annuncement-item .annuncement-footer .announcement-details .announcement-date {
    color: #999;
    font-size: 85%;
    margin-left: 10px
}

.TM-card.annoucements .annuncement-item:hover,
.TM-card.annoucements .annuncement-item:focus {
    background-color: #EDF0F5
}

.TM-card.annoucements .annuncement-item:hover .annuncement-footer,
.TM-card.annoucements .annuncement-item:focus .annuncement-footer {
    visibility: visible
}

.TM-card.annoucements .annuncement-item:not(:last-of-type) {
    border-bottom: 1px solid #D5DCE5
}

.TM-card.annoucements .annuncement-item.last {
    background-color: #EDF0F5
}

.TM-card.annoucements .annuncement-item.last h1,
.TM-card.annoucements .annuncement-item.last h2,
.TM-card.annoucements .annuncement-item.last h3 {
    font-weight: bold
}

.TM-card.annoucements .annuncement-item.latest {
    padding: 30px 15px;
    border-bottom: 1px solid transparent;
    border: 1px dotted transparent;
    border-radius: 4px
}

@media (min-width:768px) {
    .TM-card.annoucements .annuncement-item.latest {
        min-height: 350px;
        margin-bottom: 30px
    }
}

.TM-card.annoucements .annuncement-item.latest:hover,
.TM-card.annoucements .annuncement-item.latest:focus {
    border: 1px dotted #0273d4
}

.TM-card.annoucements.homepage {
    border: 1px solid #D5DCE5;
    border-radius: 4px
}

.TM-card.annoucements.homepage .annuncement-item .annuncement-footer {
    visibility: visible !important
}

.TM-card.annoucements .row {
    margin: 0
}

.TM-card.annoucements .pagination {
    display: flex;
    padding: 1rem 1rem .5rem;
    margin: 0;
    border-top: 1px solid #D5DCE5
}

.TM-card.annoucements .pagination .page-link [class*="fa-"] {
    font-weight: 300
}

.TM-card.annoucements .pagination .disabled span {
    color: #999
}

.TM-card .user-list {
    display: flex;
    align-items: center
}

.TM-card .user-list .user-list-item {
    display: flex;
    align-items: center
}

.TM-card .user-list .user-list-item .user-list-item-avatar {
    margin-right: .5rem;
    width: 48px;
    padding: 0;
    margin: 0 8px;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    border: 2px solid #D5DCE5
}

.TM-card .user-list .user-list-item .user-list-item-avatar img {
    max-width: 100%
}

.TM-card .user-list .user-list-item .user-list-item-profile {
    margin-left: .5rem
}

.TM-card .user-list .user-list-item .user-list-item-profile span {
    display: block
}

.TM-card .user-list .user-list-item .user-list-item-profile .user-list-item-profile-lastlogin {
    font-size: 80%
}

.TM-card .user-list.user-switch .user-list-item {
    width: 100%
}

.TM-card .user-list.user-switch .user-list-item .user-avatar {
    margin-right: .5rem
}

.TM-card .user-list.user-switch .user-list-item .user-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.TM-card .user-list.user-switch .user-list-item .user-info .user-profile .user-list-name,
.TM-card .user-list.user-switch .user-list-item .user-info .user-profile .user-list-email {
    display: block
}

.select-account a:hover,
.select-account a:focus {
    border-color: #0273d4 !important
}

@media (max-width:767px) {
    .promo-banner .content {
        text-align: center
    }

    .promo-banner .content small {
        display: block
    }
}

.store-promoted-product {
    border: 1px solid #D5DCE5;
    border-radius: 4px
}

.store-order-container {
    width: 100%;
    max-width: 928px;
    margin: 0 auto;
    padding: 80px 0 0
}

.store-order-container .payment-term {
    float: none !important
}

.store-order-container .nav-tabs,
.store-order-container .nav-pills {
    margin-bottom: 0
}

.store-order-container h2 {
    margin-top: 0
}

.store-order-container .store-domain-tabs {
    margin-top: 20px
}

.store-order-container .store-domain-tabs li a {
    background-color: #EDF0F5;
    border: 1px solid #D5DCE5;
    color: #2a2e36
}

.store-order-container .store-domain-tabs li.active a,
.store-order-container .store-domain-tabs li.active a:hover,
.store-order-container .store-domain-tabs li.active a:focus {
    background-color: #FFFFFF;
    border-color: #D5DCE5;
    border-bottom: 1px solid transparent
}

.store-order-container .store-domain-tab-content {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #D5DCE5;
    border-top: 0
}

.store-order-container .store-domain-tab-content a {
    text-decoration: underline
}

.store-order-container .store-domain-tab-content a:hover,
.store-order-container .store-domain-tab-content a:focus {
    text-decoration: none
}

.store-order-container .payment-term h4 {
    margin-top: 25px
}

.store-order-container .domain-validation {
    display: block;
    padding-top: 5px;
    font-size: 1.2em;
    font-weight: 300;
    color: #888
}

.store-order-container .domain-validation.ok {
    color: #0273d4
}

@media (min-width:768px) {
    .store-order-container .payment-term {
        float: right
    }

    .store-order-container .payment-term h4 {
        margin-top: 0
    }
}

.store-promoted-product {
    margin: 50px 0;
    padding: 30px 30px 50px 30px
}

.store-promoted-product .icon {
    height: 200px;
    line-height: 200px;
    text-align: center;
    overflow: hidden
}

.store-promoted-product .icon img {
    max-width: 100%;
    max-height: 100%
}

.store-promoted-product ul.features {
    margin: 20px 0;
    padding: 0;
    list-style: none;
    font-size: 1.1em;
    font-weight: 300
}

.store-promoted-product ul.features li {
    float: left;
    width: 50%;
    margin-bottom: 5px
}

.store-promoted-product ul.features li .fa:not(.fa-spinner) {
    font-size: 1.2em;
    color: #91c590;
    margin-left: 20px;
    margin-right: 10px
}

.store-promoted-product .btn {
    margin-top: 10px
}

.sidebar.default .panel-sidebar {
    padding: 15px;
    border: 1px solid #D5DCE5
}

.sidebar.default .panel-sidebar .panel-heading {
    padding: 0 0 10px
}

.sidebar.default .panel-sidebar .panel-heading .panel-title i {
    width: auto;
    overflow: initial;
    margin: 0;
    line-height: 1
}

.sidebar.default .panel-sidebar .panel-heading .panel-title .panel-minimise {
    display: none
}

.sidebar.default .panel-sidebar .list-group a {
    padding: 5px 15px 5px 0
}

.sidebar.default .panel-sidebar.panel-ticket-info {
    padding: 0;
    border: 0 none;
    box-shadow: none
}

.sidebar.default .panel-sidebar.panel-ticket-info .panel-heading {
    padding: 0 15px 10px
}

.sidebar.default .panel-sidebar.panel-client-details .panel-footer .btn,
.sidebar.default .panel-sidebar.panel-client-contacts .panel-footer .btn {
    width: 100%;
    display: block
}

.sidebar.default.no-icon .panel-sidebar .list-group a [class*="fa-"],
.sidebar.default.no-icon .panel-sidebar .list-group a [class^="fa-"] {
    display: none
}

.sidebar .card-sidebar .card-title {
    font-size: 1.125rem
}

.sidebar .card-sidebar .card-title .btn-sm,
.sidebar .card-sidebar .card-title .btn-group-sm>.btn,
.sidebar .card-sidebar .card-title .btn-group-sm>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.sidebar .card-sidebar .card-title [class*="fa-"],
.sidebar .card-sidebar .card-title [class^="fa-"] {
    opacity: .7
}

.sidebar .card-sidebar .card-collapsable .card-header {
    cursor: pointer
}

.sidebar .card-sidebar .card-collapsable .card-body-collapsed {
    display: none
}

.sidebar .card-sidebar .title {
    font-weight: 500
}

.sidebar .card-sidebar .list-group {
    font-size: .9em
}

.sidebar .card-sidebar .list-group .list-group-item {
    padding: 7px 15px
}

.sidebar .card-sidebar .list-group .list-group-item .badge {
    padding: 5px 2px;
    width: 28px;
    text-align: center
}

.sidebar .card-sidebar .list-group .list-group-item.active,
.sidebar .card-sidebar .list-group .list-group-item.active:hover,
.sidebar .card-sidebar .list-group .list-group-item.active:focus,
.sidebar .card-sidebar .list-group .list-group-item:hover,
.sidebar .card-sidebar .list-group .list-group-item:focus {
    background-color: #EDF0F5;
    color: #2a2e36;
    border-color: #D5DCE5
}

.sidebar .card-sidebar .list-group .list-group-item.active .badge,
.sidebar .card-sidebar .list-group .list-group-item.active:hover .badge,
.sidebar .card-sidebar .list-group .list-group-item.active:focus .badge,
.sidebar .card-sidebar .list-group .list-group-item:hover .badge,
.sidebar .card-sidebar .list-group .list-group-item:focus .badge {
    background-color: #FFFFFF !important;
    color: #2a2e36 !important
}

.sidebar .card-sidebar .list-group .list-group-item i.far.fa-circle {
    opacity: 70
}

.sidebar .card-sidebar .card-minimise {
    cursor: pointer;
    transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease
}

.sidebar .card-sidebar .card-minimise.minimised {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sidebar .card-sidebar.panel-support-hours .list-group {
    padding: .5rem;
    border-bottom: 1px solid #D5DCE5
}

.sidebar .card-sidebar.panel-support-hours .list-group .list-group-item {
    border: 0 none;
    background-color: transparent
}

.sidebar .card-sidebar.panel-support-hours .list-group .list-group-item span {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 500;
    font-size: 1.125rem
}

.sidebar .card-sidebar.panel-support-hours .list-group .list-group-item small {
    opacity: .7
}

.sidebar .card-sidebar.panel-support-hours .card-footer {
    background-color: transparent;
    border-top: 0 none
}

@media (max-width:991px) {
    .sidebar .card-sidebar.panel-client-details {
        display: none
    }
}

.sidebar .card-sidebar.panel-client-details .user-profile .user-avatar {
    display: flex;
    flex-direction: column;
    padding: 0 1rem
}

.sidebar .card-sidebar.panel-client-details .user-profile .user-avatar img {
    border: 2px solid #D5DCE5;
    margin-bottom: .5rem
}

.sidebar .card-sidebar.panel-ticket-info .card-footer .btn [class*="fa-"] {
    display: none
}

body.c-depth .sidebar.default .panel-sidebar.panel-default {
    box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1) !important
}

.panel-sidebar {
    border: 0 none;
    font-size: 14px;
    box-shadow: none;
    background-color: transparent
}

.panel-sidebar .panel-heading {
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #D5DCE5
}

.panel-sidebar .panel-heading .panel-title {
    font-weight: 500
}

.panel-sidebar .panel-heading .panel-title i {
    width: 0;
    overflow: hidden;
    margin-left: -9px;
    display: inline-block;
    line-height: 0
}

.panel-sidebar .panel-heading,
.panel-sidebar .panel-footer {
    background-color: transparent
}

.panel-sidebar .panel-footer {
    border: 0 none;
    padding: 10px 0
}

.panel-sidebar.panel-default {
    box-shadow: none !important;
    background-color: transparent
}

.panel-sidebar.panel-default .panel-heading {
    background-color: transparent
}

.panel-sidebar.panel-client-details .panel-footer .btn,
.panel-sidebar.panel-client-contacts .panel-footer .btn {
    display: inline-flex;
    width: auto
}

.panel-sidebar.panel-client-details .panel-footer .btn i,
.panel-sidebar.panel-client-contacts .panel-footer .btn i {
    display: none
}

.panel-sidebar .panel-body {
    padding: 15px 0
}

.panel-sidebar .panel-body strong {
    display: block;
    margin-bottom: -15px
}

.panel-sidebar .list-group {
    overflow: hidden !important;
    padding: 0
}

.panel-sidebar .list-group .list-group-item {
    position: relative;
    display: block;
    padding: 5px 15px;
    text-align: left;
    border: 0 none !important;
    background-color: transparent;
    border-radius: 0;
    margin: 0
}

.panel-sidebar .list-group .list-group-item i:not(.fa-circle):not(.fa-dot-circle) {
    float: left
}

.panel-sidebar .list-group .list-group-item.list-group-item-action {
    width: auto
}

.panel-sidebar .list-group a.list-group-item {
    border: 0 none
}

@media (max-width:767px) and (min-width:481px) {
    .panel-sidebar .list-group a.list-group-item {
        flex-basis: calc(50%)
    }
}

@media (max-width:480px) {
    .panel-sidebar .list-group a.list-group-item {
        flex-basis: calc(100%)
    }
}

@media (max-width:991px) {
    .panel-sidebar .list-group a.list-group-item .list-group-item {
        margin-right: 16px
    }
}

@media (min-width:992px) {
    .panel-sidebar .list-group a.list-group-item {
        transition: all 0.1s
    }

    .panel-sidebar .list-group a.list-group-item:hover,
    .panel-sidebar .list-group a.list-group-item:focus {
        margin-left: 8px
    }
}

.panel-sidebar .list-group a.list-group-item.active,
.panel-sidebar .list-group a.list-group-item.active:hover,
.panel-sidebar .list-group a.list-group-item.active.panel-sidebar .list-group a.list-group-item:focus {
    background-color: transparent;
    color: #0273d4
}

.panel-sidebar .list-group a.list-group-item.active .fa,
.panel-sidebar .list-group a.list-group-item.active:hover .fa,
.panel-sidebar .list-group a.list-group-item.active.panel-sidebar .list-group a.list-group-item:focus .fa,
.panel-sidebar .list-group a.list-group-item.active .fas,
.panel-sidebar .list-group a.list-group-item.active:hover .fas,
.panel-sidebar .list-group a.list-group-item.active.panel-sidebar .list-group a.list-group-item:focus .fas,
.panel-sidebar .list-group a.list-group-item.active .far,
.panel-sidebar .list-group a.list-group-item.active:hover .far,
.panel-sidebar .list-group a.list-group-item.active.panel-sidebar .list-group a.list-group-item:focus .far,
.panel-sidebar .list-group a.list-group-item.active .fal,
.panel-sidebar .list-group a.list-group-item.active:hover .fal,
.panel-sidebar .list-group a.list-group-item.active.panel-sidebar .list-group a.list-group-item:focus .fal {
    color: #0273d4
}

.panel-sidebar .list-group a.list-group-item.disabled {
    background-color: transparent
}

.panel-sidebar .list-group a.list-group-item.disabled:hover,
.panel-sidebar .list-group a.list-group-item.disabled:focus {
    margin-left: 0
}

@media (max-width:991px) {
    .panel-sidebar .list-group {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row
    }
}

.panel-sidebar .list-group form {
    display: inline-block
}

.panel-sidebar.panel-support-hours .list-group {
    padding: .5rem;
    border-bottom: 1px solid #D5DCE5
}

.panel-sidebar.panel-support-hours .list-group .list-group-item span {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 500;
    font-size: 1.125rem
}

.panel-sidebar.panel-support-hours .list-group .list-group-item small {
    opacity: .7
}

.panel-sidebar.panel-ticket-info {
    box-shadow: none !important
}

.panel-sidebar.panel-ticket-info .panel-heading {
    border: 0 none
}

.panel-sidebar.panel-ticket-info .list-group {
    overflow: visible !important;
    border: 1px solid #D5DCE5;
    border-width: 1px 1px 0;
    display: block !important;
    border-radius: 4px
}

.panel-sidebar.panel-ticket-info .list-group .list-group-item {
    padding: 10px 15px !important
}

.panel-sidebar.panel-ticket-info .list-group .list-group-item:not(list-of-type) {
    border-bottom: 1px solid #D5DCE5 !important
}

.panel-sidebar.panel-ticket-info .list-group .list-group-item .truncate {
    margin-bottom: 5px
}

.panel-sidebar.panel-ticket-info .list-group .list-group-item:hover,
.panel-sidebar.panel-ticket-info .list-group .list-group-item:focus {
    margin-left: 0
}

.panel-sidebar.panel-ticket-info .panel-footer .row {
    margin: 0
}

.panel-sidebar.panel-ticket-info .panel-footer .btn [class*="fa-"] {
    display: none
}

.panel-sidebar.panel-invoice-info,
.panel-sidebar.panel-info {
    background-color: #EDF0F5;
    border: 1px solid #D5DCE5;
    padding: 0 !important
}

.panel-sidebar.panel-invoice-info .panel-heading,
.panel-sidebar.panel-info .panel-heading {
    display: none
}

.panel-sidebar.panel-invoice-info .panel-body,
.panel-sidebar.panel-info .panel-body {
    padding: 15px
}

.panel-sidebar.panel-invoice-info .panel-body .select-inline,
.panel-sidebar.panel-info .panel-body .select-inline {
    width: 100%
}

.panel-sidebar.panel-invoice-info .panel-body .payment-form table,
.panel-sidebar.panel-info .panel-body .payment-form table {
    border-spacing: 0 !important
}

.panel-sidebar.panel-invoice-info .panel-body .payment-form table td,
.panel-sidebar.panel-info .panel-body .payment-form table td {
    display: block
}

.panel-sidebar.panel-invoice-info .panel-body .payment-form .btn,
.panel-sidebar.panel-info .panel-body .payment-form .btn,
.panel-sidebar.panel-invoice-info .panel-body .payment-form table,
.panel-sidebar.panel-info .panel-body .payment-form table {
    width: 100%
}

.panel-sidebar.panel-invoice-info .panel-body .payment-form form:last-child .btn,
.panel-sidebar.panel-info .panel-body .payment-form form:last-child .btn {
    margin-top: 5px
}

.panel-sidebar.panel-invoice-info .panel-body .total,
.panel-sidebar.panel-info .panel-body .total {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}

.panel-sidebar.panel-invoice-info .panel-body .total [class*="fa-"],
.panel-sidebar.panel-info .panel-body .total [class*="fa-"] {
    font-size: .875rem
}

.panel-sidebar.panel-invoice-info .panel-body .total .total-price,
.panel-sidebar.panel-info .panel-body .total .total-price {
    font-size: 27px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.panel-sidebar.panel-invoice-info .panel-body label,
.panel-sidebar.panel-info .panel-body label {
    font-weight: 500
}

.panel-sidebar.panel-invoice-info .panel-footer,
.panel-sidebar.panel-info .panel-footer {
    background-color: transparent;
    padding: 10px 15px;
    display: flex
}

.panel-sidebar.panel-invoice-info .panel-footer .btn,
.panel-sidebar.panel-info .panel-footer .btn {
    display: block;
    width: 100%;
    padding: 7.5px 18px
}

.panel-sidebar.panel-invoice-info.panel-funds .list-info,
.panel-sidebar.panel-info.panel-funds .list-info {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #D5DCE5
}

.panel-sidebar.panel-invoice-info.panel-funds .list-info .list-heading,
.panel-sidebar.panel-info.panel-funds .list-info .list-heading {
    padding-right: 1rem;
    flex: 1
}

.panel-sidebar.panel-invoice-info.panel-support-hours .panel-heading,
.panel-sidebar.panel-info.panel-support-hours .panel-heading {
    display: block;
    padding: .625rem .9375rem
}

@media (max-width:991px) {
    .panel-sidebar.panel-client-details {
        display: none
    }
}

.panel-sidebar.panel-client-details .user-profile .user-avatar {
    display: flex;
    flex-direction: column;
    padding: 0 1rem
}

.panel-sidebar.panel-client-details .user-profile .user-avatar img {
    border: 2px solid #D5DCE5;
    margin-bottom: .5rem
}

.panel-sidebar.panel-client-contacts .list-group-item:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f007";
    margin-right: 4px;
    font-weight: 900;
    color: #ccc
}

.panel-sidebar.panel-primary {
    background-color: #EDF0F5;
    padding: 15px;
    border: 1px solid #D5DCE5
}

.panel-sidebar.panel-primary .panel-heading {
    border: 0 none;
    padding: 0
}

.panel-sidebar.panel-primary .list-group {
    padding: 7.5px 0
}

.panel-sidebar.panel-primary .list-group .list-group-item {
    padding: 7.5px 0
}

.panel-sidebar.panel-primary .panel-footer .btn-block {
    display: block;
    width: 100%;
    padding: 7.5px 18px
}

.tiles {
    margin-bottom: 30px
}

.tiles .tile {
    position: relative
}

.tiles .tile .stats,
.tiles .tile .no-link {
    position: relative;
    border: 1px solid #D5DCE5;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 1rem;
    text-decoration: none;
    margin-bottom: 2rem;
    overflow: hidden;
    border-radius: 4px
}

.tiles .tile .stats .icon,
.tiles .tile .no-link .icon {
    position: absolute;
    top: -60px;
    right: -20px;
    color: #2a2e36;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    font-size: 110px;
    opacity: .1
}

.tiles .tile .stats .stat,
.tiles .tile .no-link .stat {
    font-size: 4rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 1rem
}

.tiles .tile .stats .title,
.tiles .tile .no-link .title {
    width: 100%;
    text-transform: uppercase;
    font-weight: 500;
    color: #999
}

.tiles .tile .stats .decs,
.tiles .tile .no-link .decs {
    display: block;
    border-top: 1px solid #D5DCE5;
    text-transform: none;
    font-weight: 400;
    font-size: 80%
}

@media (min-width:768px) {

    .tiles .tile .stats,
    .tiles .tile .no-link {
        margin-bottom: 1rem;
        min-height: 170px;
        justify-content: center;
        flex-direction: column
    }

    .tiles .tile .stats .title,
    .tiles .tile .no-link .title {
        margin-top: .5rem;
        text-align: center
    }

    .tiles .tile .stats .stat,
    .tiles .tile .no-link .stat {
        margin-bottom: 0
    }
}

.tiles .tile .action {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0 0 .25rem .25rem;
    border: 0 none
}

.home-kb-search .form-control {
    background-color: #EDF0F5;
    font-weight: normal;
    border-color: #D5DCE5
}

.mc-panel-promo {
    border: 1px solid #D5DCE5;
    border-radius: 4px;
    padding: 10px;
    font-size: .95em
}

.mc-panel-promo a {
    color: #2a2e36;
    text-decoration: none !important
}

.mc-panel-promo a span {
    font-weight: normal !important
}

.text-domain {
    font-size: 12px;
    color: #0273d4
}

.client-home-panels .panel {
    box-shadow: none
}

.client-home-panels .panel.panel-default {
    border-color: #D5DCE5
}

.client-home-panels .panel.panel-default .panel-heading {
    background-color: #FFFFFF;
    border-color: #D5DCE5
}

.client-home-panels .panel.panel-default .panel-footer {
    background-color: transparent
}

.client-home-panels .panel .panel-body {
    max-height: 323px;
    overflow: auto
}

.client-home-panels .panel .panel-body .panel-mc-sso .row>.col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%
}

.client-home-panels .panel .panel-body .panel-mc-sso .row>.col-sm-6:first-of-type {
    display: none
}

.client-home-panels .panel .panel-body .panel-mc-sso .row>.col-sm-6 .btn-service-sso {
    display: block;
    width: 100%
}

.client-home-panels .panel .panel-body .panel-mc-sso .row>.col-sm-6 small {
    margin-top: .5rem
}

.client-home-panels .panel .panel-heading {
    padding: 18px 15px
}

.client-home-panels .panel .panel-heading .panel-title {
    font-weight: 500
}

.client-home-panels .panel .panel-heading .panel-title a,
.client-home-panels .panel .panel-heading .panel-title .fa,
.client-home-panels .panel .panel-heading .panel-title .fas,
.client-home-panels .panel .panel-heading .panel-title .fal,
.client-home-panels .panel .panel-heading .panel-title .far {
    color: #888
}

.client-home-panels .panel .list-group {
    max-height: 323px;
    overflow: auto
}

.client-home-panels .panel .list-group .list-group-item {
    border-color: #D5DCE5;
    margin-top: -1px
}

.client-home-panels .panel .list-group .list-group-item .label,
.client-home-panels .panel .list-group .list-group-item .badge {
    font-weight: bold;
    font-size: 75%
}

.client-home-panels .panel .list-group .list-group-item .text-last-updated {
    display: block;
    font-size: 80%
}

.client-home-panels .panel .list-group:last-child {
    border-bottom: 0
}

.client-home-panels .panel .panel-footer {
    border: 0 none
}

.client-home-panels .panel.panel-domain-register {
    position: relative;
    overflow: hidden;
    background-color: #EDF0F5
}

.client-home-panels .panel.panel-domain-register .panel-heading {
    background: transparent;
    border: 0 none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0
}

.client-home-panels .panel.panel-domain-register .panel-body {
    padding: 15px;
    max-height: none;
    overflow: hidden
}

.client-home-panels .panel.panel-domain-register .panel-body .input-group {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 15px
}

.client-home-panels .panel.panel-domain-register .panel-body .input-group input[type="text"] {
    height: 46px;
    padding: 10px 16px;
    line-height: 1.3333333
}

.client-home-panels .panel.panel-domain-register .panel-body .input-group .input-group-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    width: 100%;
    margin-top: 15px
}

.client-home-panels .panel.panel-domain-register .panel-body .input-group .input-group-btn .btn {
    flex: 1;
    border-radius: 0 !important
}

.client-home-panels .panel.panel-domain-register .panel-body .input-group .input-group-btn .btn:first-child {
    margin-left: 8px
}

.client-home-panels .panel.panel-domain-register .panel-body .input-group .input-group-btn .btn:last-child {
    color: #FFFFFF;
    background-color: #555
}

.client-home-panels .panel.panel-domain-register .panel-body .input-group .input-group-btn .btn:last-child:hover,
.client-home-panels .panel.panel-domain-register .panel-body .input-group .input-group-btn .btn:last-child:focus {
    background-color: #4e4e4e
}

.client-home-panels .panel.panel-domain-register .panel-body p {
    font-size: 80%;
    color: #999;
    text-align: center;
    margin-bottom: 0
}

.client-home-panels .panel.panel-domain-register .fa,
.client-home-panels .panel.panel-domain-register .fal,
.client-home-panels .panel.panel-domain-register .fas,
.client-home-panels .panel.panel-domain-register .far {
    position: absolute;
    top: -65px;
    right: -35px;
    font-size: 17.5em;
    color: #999;
    opacity: .1
}

.client-home-panels .panel.panel-services .list-group .list-group-item:first-child {
    border-top-width: 1px
}

.div-service-item {
    display: flex;
    flex-direction: column;
    cursor: pointer
}

@media (max-width:767px) {
    .div-service-item {
        padding-right: 100px;
        justify-content: flex-start
    }
}

@media (min-width:768px) {
    .div-service-item {
        flex-direction: row;
        align-items: center
    }
}

@media (max-width:768px) {
    .div-service-status {
        position: absolute;
        top: 1rem;
        right: 2rem
    }
}

.div-service-status .label-placeholder {
    position: absolute;
    visibility: hidden
}

.div-service-status .label:not(.label-placeholder) {
    width: 3rem
}

.div-service-name {
    display: flex;
    flex-direction: column;
    margin-right: auto
}

.div-service-name>span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.div-service-buttons .disabled {
    cursor: default
}

.div-service-buttons .btn {
    min-width: 106px
}

.div-service-item .dropdown-menu {
    min-width: 200px
}

.div-service-item .dropdown-menu li {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.dropdown-menu li.disabled,
.dropdown-menu li.disabled:hover,
.dropdown-menu li.disabled:focus {
    color: #777777;
    cursor: default;
    background-color: transparent
}

@media (min-width:768px) {
    .div-service-status .label {
        width: initial !important
    }
}

div[menuitemname="Active Products/Services"] .list-group {
    overflow: initial !important;
    max-height: initial !important;
    border-bottom: 0px !important
}

div[menuitemname="Active Products/Services"] .list-group .list-group-item:nth-child(n+5) {
    display: none
}

div[menuitemname="Active Products/Services"] .card-footer,
div[menuitemname="Active Products/Services"] .panel-footer {
    border-top: 1px;
    padding: 1rem;
    text-align: center
}

div[menuitemname="Active Products/Services"] .card-footer .btn-view-more,
div[menuitemname="Active Products/Services"] .panel-footer .btn-view-more {
    font-size: 12px;
    padding: 4px 10px;
    text-decoration: none
}

div[menuitemname="Active Products/Services"] .btn-view-more.disabled {
    cursor: default;
    opacity: .65
}

.ticket-departments {
    margin: 30px 0
}

.ticket-departments a {
    display: block;
    padding: 1rem;
    text-decoration: none;
    border: 1px solid #D5DCE5;
    border-radius: 4px;
    margin-bottom: 1.75rem
}

.ticket-departments a .name {
    font-size: 18px;
    font-weight: 400;
    margin: 0
}

.ticket-departments a .desc {
    display: block;
    color: #2a2e36;
    margin-top: .5rem;
    margin-bottom: 0
}

.ticket-departments a:hover,
.ticket-departments a:focus {
    background-color: #EDF0F5
}

.ticket-departments.list {
    border: 1px solid #D5DCE5;
    border-radius: 4px
}

.ticket-departments.list a {
    border: 0 none;
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: none !important
}

.ticket-departments.list a:not(:last-of-type) {
    border-bottom: 1px solid #D5DCE5
}

.view-ticket .ticket-reply.staff .posted-by {
    background-color: #EDF0F5
}

.view-ticket .ticket-reply.staff .message,
.view-ticket .ticket-reply.staff .attachments {
    background-color: #f7f8fa
}

.view-ticket .posted-by {
    border-bottom: 1px solid #D5DCE5;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.view-ticket .posted-by .user {
    display: flex;
    align-items: center;
    margin-right: auto
}

.view-ticket .posted-by .user .name {
    display: flex;
    flex-direction: column
}

.view-ticket .posted-by .user .name .posted-by-name {
    font-size: 1rem
}

.view-ticket .posted-by .user .user-avatar img,
.view-ticket .posted-by .user .user-avatar [class*="fa-"] {
    border: 2px solid #D5DCE5
}

.view-ticket .posted-by .posted-on {
    align-self: flex-end;
    text-align: right
}

.view-ticket .attachments {
    border-color: #D5DCE5
}

.view-ticket .attachments .attachment-list li span {
    border-color: #D5DCE5
}

.view-ticket .attachments .attachment-list li span figure {
    background-color: #EDF0F5
}

.table-masspay {
    margin-top: 20px
}

.table-masspay tr th {
    font-weight: 500
}

.table-masspay tr td h5 {
    font-size: 15px
}

.table-masspay tr td h5 i {
    margin-right: 4px
}

.table-masspay tr td a {
    text-decoration: none
}

.table-masspay .item-description td {
    border: 0 none !important
}

.table-masspay .masspay-total td {
    font-size: 15px;
    font-weight: 500;
    background-color: transparent;
    padding: 15px 0
}

.table-masspay .masspay-total td.text-right {
    padding-right: 4px
}

.table-container {
    background-color: #FFFFFF;
    border: 1px solid #D5DCE5;
    padding: 0;
    margin-bottom: 20px;
    border-radius: 4px
}

.table-container .listtable .table {
    margin-bottom: 0
}

.table-container .listtable .table thead th {
    font-weight: normal;
    font-size: 80%;
    border-bottom: 2px solid #D5DCE5
}

.table-container .listtable .table thead th[class*=sorting_] {
    background-color: #FFFFFF;
    border-bottom: 2px solid #0273d4
}

.table-container .listtable .table tbody .col-small {
    width: 45px;
    min-width: 45px
}

.table-container .listtable .table tbody .col-small.center {
    text-align: center
}

.table-container .listtable .table tbody tr {
    cursor: pointer
}

.table-container .listtable .table tbody tr.row-detail ul {
    padding: 0
}

.table-container .listtable .table tbody tr.row-detail ul li {
    list-style-type: none
}

.table-container .listtable .table tbody tr td {
    outline: none !important
}

.table-container .listtable .table tbody tr td a {
    text-decoration: none
}

.table-container .listtable .table tbody tr td .text-small {
    display: inline-block;
    font-size: 85%
}

.table-container .listtable .table tbody tr td .ssl-info {
    display: inline-block
}

.table-container .listtable .table tbody tr td .ssl-info img {
    height: 12px;
    width: 12px;
    max-width: 12px
}

.table-container .listtable .table tbody tr td .btn-link {
    color: #0273d4;
    background-color: transparent !important;
    text-decoration: none
}

@media (min-width:1041px) {
    .table-container .listtable .table tbody tr td .cycle-text {
        display: block
    }
}

.table-container .listtable .table thead tr th,
.table-container .listtable .table tbody tr th,
.table-container .listtable .table tfoot tr th,
.table-container .listtable .table thead tr td,
.table-container .listtable .table tbody tr td,
.table-container .listtable .table tfoot tr td {
    position: relative;
    vertical-align: middle
}

.table-container .listtable .table.datatable.has-columns-hidden tbody tr td a {
    word-break: break-all
}

.table-container .listtable .table.datatable.has-columns-hidden tbody tr td span.responsiveExpander {
    top: 0 !important;
    left: 0;
    bottom: 0;
    border: 0;
    border-radius: 0;
    height: 100%;
    width: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    text-align: center;
    text-indent: 0 !important;
    outline: 0;
    background-color: #EDF0F5
}

.table-container .listtable .table.datatable.has-columns-hidden tbody tr td span.responsiveExpander:before {
    font-weight: 500
}

.table-container .listtable .table.datatable.has-columns-hidden tbody tr td:first-child {
    padding-left: 60px
}

.table-container .dataTables_filter,
.table-container .dataTables_info {
    display: none
}

.table-container .table-header {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #D5DCE5
}

.table-container .table-header label {
    font-weight: normal;
    margin: 0;
    margin-right: 10px
}

.table-container .table-header .btn {
    background-color: #FFFFFF !important;
    border: 1px solid #D5DCE5 !important;
    padding: 3px 6px
}

.table-container .dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-top: 1px solid #D5DCE5;
    justify-content: center
}

.table-container .dataTables_paginate .pagination {
    margin: 0
}

.table-container .dataTables_length {
    border-top: 1px solid #D5DCE5
}

.table-container .dataTables_length label {
    display: flex;
    align-items: center;
    text-align: left;
    white-space: nowrap;
    justify-content: center;
    padding: 10px 15px;
    margin: 0
}

.table-container .dataTables_length:after {
    display: block;
    content: "";
    clear: both
}

@media (min-width:576px) {
    .table-container .dataTables_paginate {
        float: right;
        text-align: right;
        justify-content: flex-end;
        border-top: 0 none
    }

    .table-container .dataTables_length label {
        justify-content: flex-start
    }
}

.table-container.domain-pricing-table {
    box-shadow: none !important;
    border: 0 none
}

.table-container.domain-pricing-table table {
    box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1);
    border: 1px solid #D5DCE5
}

.table-container.domain-pricing-table .dataTables_filter {
    display: block
}

.network-status .network-status-top {
    display: flex;
    align-items: center
}

.network-status .network-status-top label {
    font-weight: normal;
    margin: 0;
    margin-right: 10px
}

.network-status .network-status-top .btn {
    background-color: #FFFFFF !important;
    border: 1px solid #D5DCE5 !important;
    padding: 3px 6px
}

.network-status.panel .panel-body {
    border-bottom: 1px solid #D5DCE5
}

.network-status.panel .panel-body .status-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 1rem
}

.network-status.panel .panel-body .status-title h4 {
    margin: 0
}

.network-status.panel .panel-footer {
    background-color: transparent;
    border-top: 0 none
}

.network-status.panel .panel-footer .network-status-pagination {
    display: flex;
    align-items: center;
    justify-content: right
}

.network-status.panel .panel-footer .network-status-pagination .pagination {
    margin-bottom: 0
}

.md-editor .md-header .btn [class*="fa-"],
.md-editor .md-header .btn [class*="glyphicon-"] {
    display: inline-block;
    margin-right: 0
}

.md-editor .md-header .btn-sm,
.md-editor .md-header .btn-group-sm>.btn {
    padding: 5px 10px;
    border: 1px solid #D5DCE5 !important
}

.md-editor .md-header .btn-default {
    background-color: #FFFFFF;
    color: #2a2e36
}

.md-editor .md-header .btn-default:hover,
.md-editor .md-header .btn-default:focus {
    background-color: #EDF0F5
}

.md-editor .markdown-editor-status {
    text-align: left
}

.kbsuggestions,
.kbarticles,
.kbcat {
    border: 1px solid #D5DCE5;
    padding: 0
}

.kbsuggestions a,
.kbarticles a,
.kbcat a,
.kbsuggestions .kb-article,
.kbarticles .kb-article,
.kbcat .kb-article {
    display: block;
    padding: 15px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer
}

.kbsuggestions a .glyphicon,
.kbarticles a .glyphicon,
.kbcat a .glyphicon,
.kbsuggestions .kb-article .glyphicon,
.kbarticles .kb-article .glyphicon,
.kbcat .kb-article .glyphicon,
.kbsuggestions a .far,
.kbarticles a .far,
.kbcat a .far,
.kbsuggestions .kb-article .far,
.kbarticles .kb-article .far,
.kbcat .kb-article .far,
.kbsuggestions a .fal,
.kbarticles a .fal,
.kbcat a .fal,
.kbsuggestions .kb-article .fal,
.kbarticles .kb-article .fal,
.kbcat .kb-article .fal,
.kbsuggestions a .fas,
.kbarticles a .fas,
.kbcat a .fas,
.kbsuggestions .kb-article .fas,
.kbarticles .kb-article .fas,
.kbcat .kb-article .fas {
    color: #0273d4
}

.kbsuggestions a p,
.kbarticles a p,
.kbcat a p,
.kbsuggestions .kb-article p,
.kbarticles .kb-article p,
.kbcat .kb-article p {
    font-size: 14px;
    font-weight: normal;
    color: #2a2e36;
    margin-bottom: 0
}

.kbsuggestions a:not(:last-of-type),
.kbarticles a:not(:last-of-type),
.kbcat a:not(:last-of-type),
.kbsuggestions .kb-article:not(:last-of-type),
.kbarticles .kb-article:not(:last-of-type),
.kbcat .kb-article:not(:last-of-type) {
    border-bottom: 1px solid #D5DCE5
}

.kbsuggestions a:hover,
.kbarticles a:hover,
.kbcat a:hover,
.kbsuggestions .kb-article:hover,
.kbarticles .kb-article:hover,
.kbcat .kb-article:hover,
.kbsuggestions afocus,
.kbarticles afocus,
.kbcat afocus,
.kbsuggestions .kb-articlefocus,
.kbarticles .kb-articlefocus,
.kbcat .kb-articlefocus {
    background-color: #EDF0F5
}

.kbsuggestions a .admin-edit-link,
.kbarticles a .admin-edit-link,
.kbcat a .admin-edit-link,
.kbsuggestions .kb-article .admin-edit-link,
.kbarticles .kb-article .admin-edit-link,
.kbcat .kb-article .admin-edit-link {
    float: right
}

.kbsuggestions a .admin-edit-link a,
.kbarticles a .admin-edit-link a,
.kbcat a .admin-edit-link a,
.kbsuggestions .kb-article .admin-edit-link a,
.kbarticles .kb-article .admin-edit-link a,
.kbcat .kb-article .admin-edit-link a {
    display: inline-block;
    padding: 0;
    background-color: transparent;
    font-size: 14px;
    font-weight: normal
}

.kbsuggestions a .admin-edit-link a:hover,
.kbarticles a .admin-edit-link a:hover,
.kbcat a .admin-edit-link a:hover,
.kbsuggestions .kb-article .admin-edit-link a:hover,
.kbarticles .kb-article .admin-edit-link a:hover,
.kbcat .kb-article .admin-edit-link a:hover,
.kbsuggestions a .admin-edit-link afocus,
.kbarticles a .admin-edit-link afocus,
.kbcat a .admin-edit-link afocus,
.kbsuggestions .kb-article .admin-edit-link afocus,
.kbarticles .kb-article .admin-edit-link afocus,
.kbcat .kb-article .admin-edit-link afocus {
    background-color: transparent
}

.kbarticles,
.kbsuggestions {
    border-radius: 4px
}

.kbcat {
    border: 0 none
}

.kbcat .kb-article {
    border: 1px solid #D5DCE5;
    border-radius: 4px;
    margin-bottom: 20px
}

.article .article-content {
    margin-bottom: 2rem;
    color: #888
}

.article .kb-article-details {
    display: flex;
    align-items: center;
    font-size: 14px
}

.article .kb-article-details li:not(:first-child) {
    padding-left: 1rem
}

@media (max-width:767px) {
    .article .kb-article-details {
        flex-direction: column;
        align-items: flex-start
    }

    .article .kb-article-details li {
        margin-bottom: 7.5px
    }

    .article .kb-article-details li:not(:first-child) {
        padding-left: 0
    }

    .article .kb-article-details li:last-child {
        margin-bottom: 0
    }
}

.article .article-tools {
    display: flex;
    align-items: center
}

.article .article-tools .btn-icon {
    margin-left: auto
}

.article .rate-article {
    margin: 15px 0 30px
}

.product-details {
    margin: 0 0 30px 0 !important
}

.product-details .product-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    min-height: 364px;
    background-color: #EDF0F5;
    border: 1px solid #D5DCE5;
    border-radius: 4px
}

.product-details .product-holder .product-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 30px
}

.product-details .product-holder .product-content a {
    text-decoration: none;
    color: #2a2e36
}

.product-details .product-holder .product-content .product-image {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 60px;
    line-height: 1em;
    margin-bottom: 1rem
}

.product-details .product-holder .product-content .product-image .fa-circle {
    border: 3px solid #FFFFFF;
    border-radius: 25px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.product-details .product-holder .product-content .product-image .fa-circle {
    color: #0273d4
}

.product-details .product-holder .product-footer {
    width: 100%;
    padding: 7.5px 30px;
    text-align: center;
    border-top: 1px solid #D5DCE5;
    font-size: 12px
}

.product-details .product-holder .product-footer .list-inline {
    margin: 0
}

.product-details .product-holder .product-footer .list-inline li {
    padding-left: 0;
    padding-right: 3px
}

.product-details .product-holder .product-footer .list-inline li img {
    vertical-align: top
}

.product-details .product-holder .product-footer .list-inline li:last-child {
    padding-right: 0
}

.product-details .product-holder .product-footer a {
    color: #2a2e36;
    text-decoration: none
}

.product-details .product-holder .product-footer a.btn {
    color: #FFFFFF
}

.product-details .product-holder .status-sticker-wrapper {
    position: absolute;
    top: 25px;
    left: -10px
}

.product-details .product-holder .status-sticker-wrapper .status-sticker {
    display: block;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    text-align: center;
    position: relative;
    left: 0;
    top: 0;
    white-space: nowrap;
    padding: 7.5px 15px;
    border-radius: 4px
}

.product-details .product-holder .status-sticker-wrapper .status-sticker.active,
.product-details .product-holder .status-sticker-wrapper .status-sticker.product-status-completed {
    background-color: #46a546
}

.product-details .product-holder .status-sticker-wrapper .status-sticker.product-status-pending,
.product-details .product-holder .status-sticker-wrapper .status-sticker.product-status-pendingregistration,
.product-details .product-holder .status-sticker-wrapper .status-sticker.product-status-redemption,
.product-details .product-holder .status-sticker-wrapper .status-sticker.product-status-grace {
    background-color: #F89406
}

.product-details .product-holder .status-sticker-wrapper .status-sticker.product-status-expired,
.product-details .product-holder .status-sticker-wrapper .status-sticker.product-status-transferredaway,
.product-details .product-holder .status-sticker-wrapper .status-sticker.product-status-pendingtransfer {
    background-color: #666
}

@media only screen and (max-width:767px) {
    .product-details .product-holder {
        margin-bottom: 20px
    }
}

.product-details .product-info {
    display: flex;
    padding: 20px 15px;
    min-height: 364px;
    background-color: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #D5DCE5
}

.product-details .product-info.cpanel-usage-stats {
    display: block
}

.product-details .product-info.cpanel-usage-stats div[class*=col-] {
    display: block
}

.product-details .product-info.cpanel-usage-stats .usage-stats {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 25px
}

.product-details .product-info.cpanel-usage-stats .usage-stats span:first-of-type {
    font-size: 14px;
    margin-bottom: 15px
}

.product-details .product-info.cpanel-usage-stats .usage-stats span:last-of-type {
    margin-top: 15px;
    font-size: 13px
}

.product-details .product-info.cpanel-usage-stats .cPanelExtrasPurchasePanel {
    margin: 20px -15px -20px;
    border-top: 1px solid #D5DCE5;
    padding: 0 30px;
    background-color: #EDF0F5;
    border-radius: 0 0 4px 4px
}

.product-details .product-info.cpanel-usage-stats .cPanelExtrasPurchasePanel h3,
.product-details .product-info.cpanel-usage-stats .cPanelExtrasPurchasePanel h4,
.product-details .product-info.cpanel-usage-stats .cPanelExtrasPurchasePanel h5 {
    margin: 10px 0
}

.product-details .product-info.cpanel-usage-stats .cPanelExtrasPurchasePanel .btn,
.product-details .product-info.cpanel-usage-stats .cPanelExtrasPurchasePanel .form-group {
    margin-bottom: 10px
}

.product-details .row.row-eq-height {
    flex-wrap: nowrap
}

.list-info {
    margin: 0;
    padding: 0
}

.list-info li {
    display: flex
}

.list-info li .list-heading {
    color: #888
}

.list-info.list-info-bordered li {
    margin: 0 !important;
    padding: .625rem .9375rem
}

.list-info.list-info-bordered li:not(:last-of-type) {
    border-bottom: 1px solid #D5DCE5
}

.list-info.list-v li {
    flex-direction: column
}

.list-info.list-v li .list-text {
    font-size: 16px
}

.list-info.list-v li:not(:last-of-type) {
    margin-bottom: 15px
}

.list-info.list-info-50 li {
    flex-direction: column
}

@media (min-width:768px) {
    .list-info.list-info-50 li {
        flex-direction: row
    }

    .list-info.list-info-50 li .list-heading,
    .list-info.list-info-50 li .list-text {
        flex-basis: 50%;
        word-break: break-word
    }
}

.list-info.list-info-50 li:not(:last-of-type) {
    margin-bottom: 15px
}

.row.row-eq-height {
    display: flex;
    flex-wrap: wrap
}

.row.row-eq-height div[class*=col-] {
    display: flex
}

.row.row-eq-height div[class*=col-]>* {
    width: 100%
}

@media (max-width:767px) {
    .row.row-eq-height.row-eq-height-sm {
        flex-direction: column
    }
}

.switch {
    position: relative;
    height: 24px;
    width: 40px;
    cursor: pointer
}

.switch--text {
    width: 50px
}

.switch__checkbox {
    position: absolute;
    opacity: 0
}

.switch__container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #0273d4
}

.switch__handle {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 2;
    display: block;
    height: 20px;
    width: 20px;
    background-color: #FFFFFF
}

.switch__container,
.switch__handle {
    border-radius: 12px;
    transition: .24s ease
}

.switch--text .switch__checkbox+.switch__container:after {
    position: absolute;
    top: 1px;
    bottom: 0;
    display: flex;
    right: 6px;
    z-index: 1;
    align-items: center;
    content: "off";
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase
}

.switch--text .switch__checkbox:checked+.switch__container:after {
    position: absolute;
    top: 1px;
    bottom: 0;
    display: flex;
    left: 8px;
    z-index: 1;
    align-items: center;
    content: "on";
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase
}

.switch--text .switch__checkbox+.switch__container .switch__handle {
    right: 28px
}

.switch--text .switch__checkbox:checked+.switch__container .switch__handle {
    right: 2px
}

.social-signin-btns {
    margin-top: 20px
}

.TM-card.invoice,
.TM-card.quote {
    position: relative;
    overflow: hidden
}

.TM-card.invoice .company-logo,
.TM-card.quote .company-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px
}

.TM-card.invoice .company-logo img,
.TM-card.quote .company-logo img {
    height: 40px;
    max-height: 40px
}

.TM-card.invoice .company-logo h2,
.TM-card.quote .company-logo h2 {
    margin: 0;
    font-weight: 900
}

.TM-card.invoice h4,
.TM-card.quote h4 {
    border-bottom: 1px solid #0273d4;
    display: inline-block
}

.TM-card.invoice .invoice-info,
.TM-card.quote .invoice-info,
.TM-card.invoice .quote-info,
.TM-card.quote .quote-info {
    display: flex;
    flex-direction: column;
    padding: 15px 0;
    border-top: 2px dotted #ddd;
    border-bottom: 2px dotted #ddd
}

@media (min-width:768px) {

    .TM-card.invoice .invoice-info,
    .TM-card.quote .invoice-info,
    .TM-card.invoice .quote-info,
    .TM-card.quote .quote-info {
        justify-content: space-between;
        flex-direction: row;
        align-items: center
    }
}

.TM-card.invoice .invoice-info .title,
.TM-card.quote .invoice-info .title,
.TM-card.invoice .quote-info .title,
.TM-card.quote .quote-info .title {
    display: flex;
    font-size: 27px;
    font-weight: 500;
    align-items: center
}

.TM-card.invoice .invoice-info .title .label,
.TM-card.quote .invoice-info .title .label,
.TM-card.invoice .quote-info .title .label,
.TM-card.quote .quote-info .title .label {
    align-self: center;
    margin-left: 10px;
    margin-bottom: 0;
    display: inline-flex;
    padding: 6px;
    font-size: 14px;
    vertical-align: center;
    text-transform: uppercase;
    font-weight: normal
}

.TM-card.invoice table tr.active,
.TM-card.quote table tr.active {
    border-top: 2px solid #c4c4c4
}

.TM-card.invoice table tr.active td,
.TM-card.quote table tr.active td {
    background-color: #ddd
}

div.domainresults div:not(.btn-group) {
    margin: 0;
    padding: 10px 25px;
    background-color: #ddd;
    color: #666;
    font-size: 1em;
    border-radius: 6px 6px 0 0
}

div.domainresults div:not(.btn-group) span {
    padding-left: 20px;
    font-size: 14px;
    color: #888
}

div.domainresults table tr td {
    padding: 5px 30px;
    line-height: 40px
}

.cros-domain-checker-container {
    background: url(/templates/croster/assets/images/domain-hero.jpg) center center no-repeat;
    color: #FFFFFF;
    text-align: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    z-index: 1;
    position: relative;
    border-radius: 10px;
    padding: 42px 0
}

.cros-domain-checker-container:before {
    background: #000;
    border-radius: 10px;
    content: "";
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    opacity: .7;
    top: 0
}

.cros-domain-checker-container .input-group-box {
    margin: 0 auto;
    padding: 10px;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 10px
}

.cros-domain-checker-container .input-group-box .btn {
    font-size: 1rem
}

.cros-domain-checker-container .domain-bulk-options-box {
    position: absolute;
    top: 18px;
    right: 134px;
    z-index: 100
}

@media (max-width:767px) {
    .cros-domain-checker-container .input-group-box .form-control {
        border-radius: 0 !important
    }

    .cros-domain-checker-container .input-group-box .input-group-btn {
        display: block;
        width: 100%
    }

    .cros-domain-checker-container .input-group-box .input-group-btn .btn {
        width: 100%;
        border-radius: 0
    }
}

.domain-check-availability {
    width: 100px
}

.domain-step-options {
    min-height: 300px
}

.domain-checker-result-headline {
    margin: 1rem;
    text-align: center
}

.domain-checker-available {
    font-size: 1.5rem;
    color: #5cb85c
}

.domain-checker-unavailable,
.domain-checker-invalid {
    color: #d9534f
}

div.domainresults div.domain-checkout-area {
    display: none;
    float: right;
    padding: 8px 40px 0
}

.domain-lookup-result .domain-price .price {
    font-weight: 900;
    font-size: 1.5rem
}

.domain-disclaimer-area {
    margin: 0 0 25px 0;
    font-size: 12px
}

.domain-bulk-domain-well {
    width: 60%
}

.domain-tld-pricing-table-responsive {
    border: 0;
    margin-bottom: 0
}

a.domain-tld-pricing-category {
    display: block;
    text-align: center
}

.featured-tlds-container {
    margin: 35px 0
}

.featured-tlds-container .featured-tld {
    margin: 0 0 20px;
    overflow: hidden;
    border: 1px solid #D5DCE5;
    background-color: #FFFFFF
}

.featured-tlds-container .featured-tld .img-container {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative
}

@media (min-width:768px) {
    .featured-tlds-container .featured-tld .img-container {
        padding: 40px
    }
}

.featured-tlds-container .featured-tld .price {
    border-top: 1px solid #D5DCE5;
    display: flex;
    justify-content: center;
    align-items: center
}

.featured-tld {
    margin: 0 0 20px 0;
    border-radius: 4px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1)
}

.featured-tld .img-container {
    padding: 20px 0;
    height: 115px;
    line-height: 75px;
    overflow: hidden;
    text-align: center
}

@media (max-width:767px) {
    .featured-tld .img-container {
        height: 80px;
        line-height: 40px
    }
}

.featured-tld .img-container img {
    max-width: 70%;
    max-height: 100%
}

.featured-tld .price {
    padding: 10px 5px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    border-radius: 0 0 4px 4px
}

.tld-filters {
    margin: 0 0 25px 0
}

.tld-filters a {
    display: inline-block;
    margin-bottom: 4px;
    padding: 5px 6px;
    font-size: 90%;
    font-weight: normal;
    border-radius: 2px
}

.cros-domain-page .suggested-domains,
.onepage_cart .ajaxcart_cont .suggested-domains {
    margin-top: 1rem
}

.cros-domain-page .suggested-domains .panel-heading,
.onepage_cart .ajaxcart_cont .suggested-domains .panel-heading {
    border-color: #0273d4;
    font-weight: 500
}

.cros-domain-page .suggested-domains .list-group+.panel-footer,
.onepage_cart .ajaxcart_cont .suggested-domains .list-group+.panel-footer {
    border: 1px solid #D5DCE5;
    border-top-width: 0
}

.cros-domain-page .suggested-domains .list-group-item,
.onepage_cart .ajaxcart_cont .suggested-domains .list-group-item {
    border: 1px solid #D5DCE5
}

.cros-domain-page .suggested-domains .list-group-item .added [class*="fa-"],
.onepage_cart .ajaxcart_cont .suggested-domains .list-group-item .added [class*="fa-"] {
    margin-right: 4px
}

.cros-domain-page .suggested-domains .list-group-item+.list-group-item,
.onepage_cart .ajaxcart_cont .suggested-domains .list-group-item+.list-group-item {
    border-top-width: 0
}

.cros-domain-page .domain-pricing,
.onepage_cart .ajaxcart_cont .domain-pricing {
    font-size: 14px
}

.cros-domain-page .domain-pricing .table-header,
.onepage_cart .ajaxcart_cont .domain-pricing .table-header {
    flex-direction: column;
    justify-content: space-between;
    align-items: normal
}

@media (min-width:768px) {

    .cros-domain-page .domain-pricing .table-header,
    .onepage_cart .ajaxcart_cont .domain-pricing .table-header {
        flex-direction: row;
        align-items: center
    }
}

.cros-domain-page .domain-pricing .table-header .category-filter,
.onepage_cart .ajaxcart_cont .domain-pricing .table-header .category-filter {
    width: 100%
}

.cros-domain-page .domain-pricing .table-header .category-filter .tld-filters,
.onepage_cart .ajaxcart_cont .domain-pricing .table-header .category-filter .tld-filters {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:768px) {

    .cros-domain-page .domain-pricing .table-header .category-filter .tld-filters,
    .onepage_cart .ajaxcart_cont .domain-pricing .table-header .category-filter .tld-filters {
        max-width: 70%
    }
}

.cros-domain-page .domain-pricing .table-header .category-filter .tld-filters a:not(:last-child),
.onepage_cart .ajaxcart_cont .domain-pricing .table-header .category-filter .tld-filters a:not(:last-child) {
    margin-right: 4px
}

.cros-domain-page .domain-pricing .table-tlds.table>thead>tr>th,
.onepage_cart .ajaxcart_cont .domain-pricing .table-tlds.table>thead>tr>th {
    font-size: 100%
}

.cros-domain-page .domain-pricing .table-tlds .tld-name,
.onepage_cart .ajaxcart_cont .domain-pricing .table-tlds .tld-name {
    font-size: 120%;
    font-weight: 500
}

.cros-domain-page .domain-pricing .table-tlds .tld-name span,
.onepage_cart .ajaxcart_cont .domain-pricing .table-tlds .tld-name span {
    color: #0273d4
}

.cros-domain-page .domain-pricing .table-tlds .tld-label,
.onepage_cart .ajaxcart_cont .domain-pricing .table-tlds .tld-label {
    display: block
}

@media (min-width:768px) {

    .cros-domain-page .domain-pricing .table-tlds .tld-label,
    .onepage_cart .ajaxcart_cont .domain-pricing .table-tlds .tld-label {
        display: none
    }
}

@media (max-width:767.98px) {

    .cros-domain-page .domain-pricing .table-tlds.table>tbody>tr,
    .onepage_cart .ajaxcart_cont .domain-pricing .table-tlds.table>tbody>tr {
        display: flex;
        flex-wrap: wrap
    }

    .cros-domain-page .domain-pricing .table-tlds.table>tbody>tr:not(:last-child),
    .onepage_cart .ajaxcart_cont .domain-pricing .table-tlds.table>tbody>tr:not(:last-child) {
        border-bottom: 1px solid #D5DCE5
    }

    .cros-domain-page .domain-pricing .table-tlds.table>tbody>tr td,
    .onepage_cart .ajaxcart_cont .domain-pricing .table-tlds.table>tbody>tr td {
        flex: 1;
        display: block;
        border: none;
        min-width: 80px;
        padding: .5rem 1rem
    }

    .cros-domain-page .domain-pricing .table-tlds.table>tbody>tr td:first-child,
    .onepage_cart .ajaxcart_cont .domain-pricing .table-tlds.table>tbody>tr td:first-child {
        padding-bottom: 0;
        width: 100%;
        flex: 100%
    }

    .cros-domain-page .domain-pricing .table-tlds.table>thead,
    .onepage_cart .ajaxcart_cont .domain-pricing .table-tlds.table>thead {
        display: none
    }
}

@media (max-width:767px) {

    .cros-domain-page .domain-pricing .tld-pricing-header,
    .onepage_cart .ajaxcart_cont .domain-pricing .tld-pricing-header {
        display: none
    }
}

.tld-sale-group {
    padding: 1px 3px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700
}

.tld-sale-group-hot {
    background-color: #f9615a;
    color: #FFFFFF
}

.tld-sale-group-sale {
    background-color: #f7d458
}

.tld-sale-group-new {
    background-color: #2ad588
}

.action-icon-btns a {
    position: relative;
    margin: 0 0 10px 0;
    padding: 10px 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all .3s ease;
    text-decoration: none
}

.action-icon-btns a .ico-container {
    margin: 10px auto;
    font-size: 2.6em;
    line-height: 60px;
    transition: all .3s ease
}

.action-icon-btns a .ico-container i {
    color: #0273d4
}

.action-icon-btns a span {
    color: #2a2e36
}

.action-icon-btns a:hover .ico-container,
.action-icon-btns a:focus .ico-container {
    font-size: 3.4em
}

.home-domain-search .tld-logos {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.4em;
    font-weight: 300
}

.home-domain-search .tld-logos li {
    float: left;
    background-color: #FFFFFF;
    color: #2a2e36
}

.home-domain-search .tld-logos img {
    width: 60px
}

.ajaxcart_cont .input-group-text {
    margin-right: -0.25rem
}

#order-standard_cart blockquote,
#order-standard_cart .blockquote {
    margin: 1rem 0;
    font-size: 13px;
    font-weight: normal
}

#order-standard_cart.modern .domains-section {
    padding: 3rem 0 7rem
}

#order-standard_cart.modern .domains-section .h1 {
    font-size: 26px
}

@media (min-width:768px) {
    #order-standard_cart.modern .domains-section .h1 {
        font-size: 43px
    }
}

#order-standard_cart.modern .domains-section .default-captcha p {
    color: #2a2e36
}

#order-standard_cart.modern .domains-section .search-query {
    border: 0 none !important
}

#order-standard_cart.modern .cros-domain-page {
    margin: -6rem auto 6rem;
    padding: 0 1rem
}

#order-standard_cart.modern .table-container {
    margin-top: 1rem
}

#order-standard_cart.modern #DomainSearchResults {
    padding: 1rem;
    background-color: #FFFFFF;
    border-radius: 10px 10px 0 0
}

@media (min-width:768px) {
    #order-standard_cart.modern .domains-section {
        padding: 4rem 0 10rem
    }

    #order-standard_cart.modern .domains-section .h1 {
        font-size: 43px
    }

    #order-standard_cart.modern .cros-domain-page {
        margin: -6rem auto 6rem;
        padding: 0 1rem
    }
}

#order-standard_cart .addon-promo-container h4 {
    margin-top: 0
}

#order-standard_cart .addon-promo-container .description {
    margin: 0 0 1rem !important
}

#order-standard_cart .addon-promo-container .description br {
    display: none
}

#order-standard_cart .addon-promo-container .description a {
    margin-left: 2px
}

#order-standard_cart .addon-promo-container div.pull-right {
    display: flex;
    justify-content: space-between;
    float: none !important;
    text-align: right;
    margin-bottom: .5rem;
    font-size: 14px
}

#order-standard_cart .addon-promo-container div.pull-right strong {
    font-weight: 500 !important
}

#order-standard_cart .addon-promo-container div.pull-right:before {
    content: "Choose Package";
    opacity: .8
}

#order-standard_cart .addon-promo-container .logo .logo-icon {
    width: 80px;
    padding: .5rem;
    background-color: #FFFFFF
}

.invoice-summary-card .invoice-summary .summary-content {
    position: relative;
    overflow: auto;
    max-height: 500px;
    font-size: 80%
}

.invoice-summary-card .invoice-summary .summary-content .summary-list {
    margin: 0;
    padding: 4px;
    list-style: none
}

.invoice-summary-card .invoice-summary .summary-content .summary-list .list-item {
    display: flex;
    justify-content: space-between;
    padding: .5rem 0
}

.invoice-summary-card .invoice-summary .summary-content .summary-list .list-item .item-name {
    overflow: hidden;
    text-overflow: ellipsis
}

.invoice-summary-card .invoice-summary .summary-content .summary-list .list-item .item-value {
    text-align: right;
    padding-left: .05rem
}

.invoice-summary-card .invoice-summary .summary-content .summary-list:first-child {
    padding: 0
}

.invoice-summary-card .invoice-summary .summary-content .summary-list:last-child {
    padding-bottom: 0
}

.invoice-summary-card .price {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.invoice-summary-card .price .price-total {
    display: flex;
    align-items: center;
    font-size: 80%
}

.invoice-summary-card .price .price-amount {
    font-size: 40px;
    font-weight: 900
}

#frmPayment .paymethod-info {
    display: flex;
    align-items: center
}

#frmPayment .paymethod-info label {
    margin-bottom: 0
}

#frmPayment .paymethod-info label .fab {
    font-size: 1.5rem
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    word-wrap: normal
}

.landing-page .hero {
    padding: 60px 0;
    text-align: center;
    position: relative
}

.landing-page .hero h1 {
    margin: 0 0 15px 0
}

.landing-page .hero img {
    display: block;
    max-width: 500px;
    padding-bottom: 25px;
    width: 100%;
    margin: 0 auto
}

.landing-page .hero .container {
    position: relative
}

.landing-page .hero .icon {
    position: absolute;
    left: -50px;
    top: -50px;
    overflow: hidden;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    opacity: .7
}

.landing-page .hero .icon i {
    font-size: 25rem
}

.landing-page .product-options .btn,
.landing-page .validation-levels .btn {
    min-width: 120px
}

.landing-page .product-options {
    padding: 40px 0 20px;
    text-align: center
}

.landing-page .product-options h2,
.landing-page .product-options h3,
.landing-page .product-options h4 {
    margin: 0
}

.landing-page .product-options h2,
.landing-page .product-options h3,
.landing-page .product-options h4 {
    padding: 0;
    font-size: 2.8em
}

.landing-page .product-options h3 {
    padding: 0;
    font-size: 2.4em
}

.landing-page .product-options .item {
    margin: 0 0 20px 0;
    padding: 30px;
    background-color: #FFFFFF;
    border-radius: 4px
}

.landing-page .product-options h4 {
    font-size: 1.4em
}

.landing-page .product-options .icon {
    line-height: 80px;
    font-size: 50px;
    color: #888
}

.landing-page .product-options img {
    margin: 20px 0;
    max-width: 100%
}

.landing-page .product-options small,
.landing-page .product-options span {
    display: block
}

.landing-page .product-options small {
    font-size: 14px
}

.landing-page .product-options span {
    font-size: 16px;
    font-weight: 500
}

.landing-page .product-options p {
    margin: 10px 0;
    color: #555
}

.landing-page .product-options .price {
    margin: 10px 0;
    font-size: 1.1em;
    color: #444
}

.landing-page .product-options .powered-by {
    text-align: right;
    color: #FFFFFF;
    font-size: .9em
}

.landing-page .product-options .powered-by img {
    margin: 0 0 0 8px;
    max-height: 60px
}

.landing-page .navbar {
    padding: 0
}

@media (max-width:991px) {
    .landing-page .navbar {
        padding: .5rem 1rem
    }
}

.landing-page .navbar .navbar-nav li a:hover,
.landing-page .navbar .navbar-nav li a:focus {
    color: #0273d4
}

.landing-page .navbar .navbar-nav li.active a {
    color: #0273d4;
    background-color: transparent
}

.landing-page .content-block {
    padding: 80px 0
}

.landing-page .content-block .content-image-block {
    display: flex;
    align-items: center
}

.landing-page .content-block .content-image-block img {
    max-width: 426px
}

.landing-page .content-block .content-image-block:last-child {
    justify-content: flex-end
}

@media (max-width:991px) {
    .landing-page .content-block .content-image-block {
        display: none
    }
}

.landing-page .content-block .block-title {
    margin: 0 0 60px !important
}

.landing-page .content-block.border-bottom {
    border-bottom: 1px solid #D5DCE5
}

.landing-page .content-block.secondary {
    background-color: #0273d4
}

.landing-page .content-block.secondary .btn-group .btn-default {
    background-color: #FFFFFF;
    color: #2a2e36;
    border-color: #D5DCE5
}

.landing-page .content-block.secondary .btn-group .btn-default:hover,
.landing-page .content-block.secondary .btn-group .btn-default:focus,
.landing-page .content-block.secondary .btn-group .btn-default.active {
    background-color: #EDF0F5
}

.landing-page .content-block p,
.landing-page .content-block ul,
.landing-page .content-block ol,
.landing-page .content-block table {
    font-size: 15px;
    color: #888
}

@media (max-width:767px) {
    .landing-page .content-block {
        padding: 40px 0
    }

    .landing-page .content-block h1,
    .landing-page .content-block h2,
    .landing-page .content-block h3 {
        margin-top: 0
    }

    .landing-page .content-block .block-title {
        margin: 0 0 30px !important
    }
}

.landing-page .text13 {
    font-size: 1.3em
}

.landing-page .text20 {
    font-size: 2em
}

.landing-page .text20 h2 {
    margin: 0;
    font-weight: 300
}

.landing-page .light-grey-bg {
    background-color: #f6f6f6;
    color: #222
}

.landing-page .get-started {
    background-color: #0273d4;
    color: #FFFFFF
}

.landing-page .get-started h2 {
    margin: 0 0 20px 0
}

.landing-page .get-started .price {
    font-size: 2em
}

.landing-page .get-started .price:not(:first-child) {
    display: none
}

.landing-page .get-started .additional-options .option:not(:first-child) {
    display: none
}

.landing-page .get-started .checkbox-inline+.checkbox-inline {
    margin: 0
}

.landing-page .get-started .radio-inline+.radio-inline {
    margin: 0
}

.landing-page .get-started .pricing-tables {
    color: #2a2e36;
    margin-bottom: 0;
    border: 0 none
}

.landing-page .get-started .pricing-tables .row {
    display: flex
}

@media (min-width:768px) {
    .landing-page .get-started .pricing-tables .row {
        align-items: center;
        justify-content: space-between
    }
}

@media (max-width:767px) {
    .landing-page .get-started .pricing-tables .row {
        flex-direction: column
    }
}

.landing-page .get-started .pricing-tables .row .price-btn {
    display: flex;
    flex-direction: column
}

.landing-page .get-started .pricing-tables .row .price-btn .price {
    text-align: center;
    font-size: 35px;
    font-weight: 500
}

.landing-page .content-block.tabs {
    padding: 80px 0
}

.landing-page .nav-tabs {
    border: 0
}

.landing-page .nav-tabs li {
    margin-right: 5px
}

.landing-page .nav-tabs li a {
    color: #2a2e36;
    border-color: #D5DCE5
}

.landing-page .nav-tabs li a:hover {
    background-color: transparent
}

.landing-page .tab-content {
    padding: 30px;
    background-color: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #D5DCE5
}

.landing-page .image-standout p {
    font-size: 15px;
    color: #888
}

.landing-page .image-standout img {
    max-width: 100%
}

.landing-page .currency-selector,
.landing-page .ssl-currency-selector {
    display: none !important
}

.landing-page .currency-selector,
.landing-page .ssl-currency-selector {
    margin: 0 0 30px 0;
    width: 250px
}

.landing-page .pricing-item {
    margin: 0 0 10px 0;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 4px
}

.landing-page .pricing-item .header {
    padding: 30px 20px 10px
}

.landing-page .pricing-item .header h4 {
    margin: 0;
    font-size: 1.4em
}

.landing-page .pricing-item .price {
    padding: 0 0 10px 0;
    font-size: 2em
}

.landing-page .pricing-item ul {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none
}

.landing-page .pricing-item ul li {
    line-height: 28px;
    border-bottom: 1px solid #D5DCE5;
    font-size: 15px;
    color: #888
}

.landing-page .pricing-item .feature-heading {
    margin: 10px 0 0 0;
    background-color: #EDF0F5;
    line-height: 30px;
    font-weight: bold;
    font-size: 16px
}

.landing-page .pricing-item form {
    padding: 15px;
    border-top: 1px solid #D5DCE5
}

.landing-page .features {
    background-color: #EDF0F5;
    text-align: center
}

.landing-page .features .feature {
    margin-bottom: 30px;
    height: 250px;
    overflow: hidden
}

.landing-page .features .feature .icon {
    line-height: 120px
}

.landing-page .faq,
.landing-page .faqs {
    background-color: #EDF0F5
}

.landing-page .faq h3,
.landing-page .faqs h3 {
    margin-bottom: 30px
}

.landing-page .faq .panel-group,
.landing-page .faqs .panel-group {
    margin: 30px 0
}

.landing-page .faq .panel-group .panel,
.landing-page .faqs .panel-group .panel {
    border-radius: 4px;
    box-shadow: none
}

.landing-page .faq .panel-group .panel.panel-default,
.landing-page .faqs .panel-group .panel.panel-default {
    border-color: #D5DCE5
}

.landing-page .faq .panel-group .panel.panel-default .panel-heading,
.landing-page .faqs .panel-group .panel.panel-default .panel-heading {
    border-radius: 4px;
    border-color: #D5DCE5;
    background-color: #FFFFFF;
    padding: 20px 30px;
    cursor: pointer
}

.landing-page .faq .panel-group .panel.panel-default .panel-heading .panel-title,
.landing-page .faqs .panel-group .panel.panel-default .panel-heading .panel-title {
    font-size: 18px;
    color: #2a2e36;
    font-weight: 500;
    font-style: normal
}

.landing-page .faq .panel-group .panel.panel-default .panel-heading .panel-title a,
.landing-page .faqs .panel-group .panel.panel-default .panel-heading .panel-title a {
    text-decoration: none
}

.landing-page .faq .panel-group .panel.panel-default .panel-body,
.landing-page .faqs .panel-group .panel.panel-default .panel-body {
    padding: 30px
}

.landing-page .faq .panel-group .panel-body,
.landing-page .faqs .panel-group .panel-body {
    padding: 20px;
    border-color: #D5DCE5;
    color: #888;
    font-size: 15px
}

.landing-page .faq .panel-group li,
.landing-page .faqs .panel-group li {
    margin-top: 10px
}

.landing-page .faq.no-panel p,
.landing-page .faqs.no-panel p {
    min-height: 30px
}

.landing-page .trusted-by {
    color: #888
}

.landing-page .trusted-by img {
    max-height: 90px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .3
}

.landing-page.mail-services .product-options .preview-text {
    padding: 50px;
    color: #FFFFFF
}

.landing-page.mail-services .product-options .item {
    background-color: #FFFFFF;
    border: 1px solid #D5DCE5;
    border-radius: 4px
}

.landing-page.mail-services .product-options .icon {
    margin: 30px 0;
    color: #0273d4
}

.landing-page.mail-services .product-options .price {
    margin-bottom: 30px;
    font-size: 30px
}

.landing-page.mail-services .product-options .price span {
    display: block;
    color: #888;
    font-size: 14px
}

.landing-page.mail-services .light-grey-bg {
    margin-top: 0
}

.landing-page.mail-services .benefits {
    margin: 0 0 30px 0;
    padding: 20px;
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid #D5DCE5
}

.landing-page.mail-services .benefits h4 {
    margin-bottom: 30px
}

.landing-page.mail-services .benefits i {
    color: #0273d4;
    padding-right: 5px
}

.landing-page.mail-services .navbar {
    margin-bottom: 0
}

.landing-page.mail-services .nav-tabs {
    margin-bottom: 0
}

.landing-page.weebly .builder_hero {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 120px 0 400px
}

.landing-page.weebly .builder_hero .content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

.landing-page.weebly .builder_hero .content .title {
    font-size: 56px;
    font-weight: 900;
    line-height: 1
}

@media (min-width:768px) {
    .landing-page.weebly .builder_hero .content .title {
        font-size: 76px
    }
}

.landing-page.weebly .builder_hero .content .desc {
    font-size: 21px;
    font-weight: 300
}

.landing-page.weebly .weeby-banner {
    padding: 30px 0 120px
}

.landing-page.weebly .weeby-banner .showcase {
    position: relative;
    text-align: center;
    margin-top: -400px
}

.landing-page.weebly .weeby-banner .showcase img {
    border-radius: 10px 10px 4px 4px
}

@media (max-width:1011px) {
    .landing-page.weebly .builder_hero {
        padding: 120px 0 300px
    }

    .landing-page.weebly .weeby-banner .showcase {
        margin-top: -325px
    }
}

@media (max-width:751px) {
    .landing-page.weebly .builder_hero {
        padding: 120px 0 150px
    }

    .landing-page.weebly .weeby-banner .showcase {
        margin-top: -200px
    }
}

.landing-page.weebly .weebly-lite-plan {
    margin: 0 0 30px 0;
    padding: 20px;
    background-color: #FFFFFF;
    border-radius: 4px
}

@media (min-width:768px) {
    .landing-page.weebly .pricing-item ul {
        height: 290px
    }

    .landing-page.weebly .pricing-item ul.ecommerce-features {
        height: 265px
    }
}

.landing-page.ssl .content-block h1,
.landing-page.ssl .content-block h2,
.landing-page.ssl .content-block h3,
.landing-page.ssl .content-block h4,
.landing-page.ssl .content-block h5,
.landing-page.ssl .content-block h6 {
    margin: 0;
    padding: 0
}

.landing-page.ssl .validation-levels {
    padding: 32px 0 32px;
    text-align: center
}

.landing-page.ssl .validation-levels h3 {
    margin: 0;
    line-height: 100px;
    font-weight: 300;
    font-size: 2em
}

.landing-page.ssl .validation-levels .item {
    margin: 0 0 20px 0;
    padding: 30px
}

.landing-page.ssl .validation-levels .item h4 {
    margin: 0;
    font-size: 18px
}

.landing-page.ssl .validation-levels .item img {
    margin: 20px 0;
    max-width: 100%
}

.landing-page.ssl .validation-levels .item span {
    display: block;
    font-size: 16px;
    font-weight: 500
}

.landing-page.ssl .validation-levels .item p {
    margin: 10px 0;
    color: #888
}

.landing-page.ssl .validation-levels a.show-all {
    line-height: 50px
}

.landing-page.ssl .standout p,
.landing-page.ssl .standout ul li {
    font-size: 15px;
    color: #888
}

.landing-page.ssl .ideal-for {
    text-align: center
}

.landing-page.ssl .ideal-for i {
    padding: 15px 0;
    font-size: 3em;
    color: #0273d4
}

.landing-page.ssl .help-me-choose {
    color: #FFFFFF
}

.landing-page.ssl .help-me-choose:hover,
.landing-page.ssl .help-me-choose:focus,
.landing-page.ssl .help-me-choose:active {
    color: #FFFFFF
}

.landing-page.ssl .help-me-choose img {
    margin: 20px 0
}

.landing-page.ssl .help-me-choose .ideal {
    font-style: italic;
    font-size: 85% !important
}

.landing-page.ssl .help-me-choose .ssl-types-expl {
    font-size: 85% !important
}

@media (min-width:992px) {
    .landing-page.ssl .what-is-ssl .row {
        display: flex
    }
}

.landing-page.ssl .what-is-ssl ul {
    margin: 30px 0
}

.landing-page.ssl .what-is-ssl .fas,
.landing-page.ssl .what-is-ssl .far {
    float: left;
    color: #0273d4;
    padding-right: 15px
}

.landing-page.ssl .ssl-benefits {
    margin-top: 0;
    padding-top: 0
}

.landing-page.ssl .ssl-benefits .row {
    margin-top: 40px;
    text-align: center
}

.landing-page.ssl .ssl-benefits span {
    font-weight: 500;
    font-size: 16px
}

.landing-page.ssl .ssl-benefits i {
    display: block;
    margin: 20px 0;
    font-size: 5em
}

.landing-page.ssl .browser-notice {
    float: left;
    margin-top: -100px;
    width: 100%
}

.landing-page.ssl .browser-notice .wrapper-container {
    padding: 0 75px
}

.landing-page.ssl .browser-notice .wrapper {
    margin: 0 auto;
    padding: 40px;
    max-width: 660px;
    background-color: #FFFFFF;
    border-top: 4px solid #cc0000;
    box-shadow: 2px 2px 5px #ccc;
    font-size: 1.4em;
    text-align: center
}

.landing-page.ssl .browser-notice img {
    display: block;
    float: none !important;
    margin: 20px auto
}

.landing-page.ssl .browser-msg span {
    display: block;
    padding: 42px 30px;
    font-size: 1.8em
}

.landing-page.ssl .browser-msg img {
    float: left;
    max-width: 200px;
    padding-right: 40px
}

.landing-page.ssl .competitive-upgrade-promo {
    margin: 80px 0 40px 0;
    background-color: #0273d4;
    font-size: 2em;
    color: #FFFFFF;
    font-weight: 300;
    text-align: center
}

.landing-page.ssl .competitive-upgrade-promo a {
    color: #FFFFFF;
    text-decoration: underline
}

.landing-page.ssl .competitive-upgrade-banner {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 12px;
    width: 100%;
    background: #444;
    color: #eee;
    z-index: 100
}

.landing-page.ssl .competitive-upgrade-banner button.close,
.landing-page.ssl .competitive-upgrade-banner h4 {
    color: #FFFFFF
}

.landing-page.ssl .competitive-upgrade-banner h4 {
    margin: 2px 0
}

.landing-page.ssl .competitive-upgrade-banner p {
    margin: 2px 0
}

.landing-page.ssl .detailed-info {
    padding: 80px 0;
    background-color: #EDF0F5
}

.landing-page.ssl .detailed-info .card {
    box-shadow: none;
    border: 0 none
}

.landing-page.ssl .detailed-info .card .card-header {
    background-color: transparent;
    border: 0 none;
    padding: 1.5rem 2rem
}

.landing-page.ssl .detailed-info .card .card-header h4 {
    font-size: 1.125rem
}

.landing-page.ssl .detailed-info .card .card-body h4 {
    margin-bottom: .5rem
}

.landing-page.ssl .standout-1 {
    margin: 30px 0 200px 0;
    padding: 40px 0 0 0;
    background-color: #0273d4;
    text-align: center
}

.landing-page.ssl .standout-1 .browser {
    max-height: 400px;
    overflow: hidden
}

.landing-page.ssl .standout-1 .browser .browser-image {
    float: left;
    width: 100%
}

.landing-page.ssl .standout-1 .browser .browser-image img {
    max-width: 100%
}

.landing-page.ssl .standout-1 h3 {
    padding: 30px 0;
    font-size: 2.4em;
    font-weight: 300;
    color: #FFFFFF
}

.landing-page.ssl .standout-2 {
    color: #444;
    font-size: 1.5em;
    text-align: center
}

.landing-page.ssl .features {
    text-align: center
}

.landing-page.ssl .features h3 {
    margin: 10px 0 40px 0;
    padding: 0;
    font-size: 2.8em
}

.landing-page.ssl .features .feature {
    margin: 0 0 20px;
    height: auto;
    font-size: 5em
}

.landing-page.ssl .features .feature h4 {
    font-size: 16px
}

.landing-page.ssl .logos {
    display: flex;
    justify-content: space-around;
    overflow: hidden
}

.landing-page.ssl .logos .logo {
    width: 100%;
    max-width: 240px;
    padding: 15px
}

.landing-page.ssl .logos img {
    max-width: 100%
}

.landing-page.ssl .certificate-options {
    background-color: #0273d4;
    color: #FFFFFF
}

.landing-page.ssl .certificate-options .col-md-3.sidebar .header,
.landing-page.ssl .certificate-options .col-md-4.sidebar .header,
.landing-page.ssl .certificate-options .col-md-6.sidebar .header {
    border: 0 none
}

.landing-page.ssl .certificate-options .col-md-3.sidebar ul li,
.landing-page.ssl .certificate-options .col-md-4.sidebar ul li,
.landing-page.ssl .certificate-options .col-md-6.sidebar ul li {
    text-align: left;
    padding-right: 20px;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    margin-bottom: 1px;
    border: 0 none;
    font-weight: 300
}

.landing-page.ssl .certificate-options .preview-text {
    padding: 180px 0 0;
    text-align: center
}

.landing-page.ssl .certificate-options .block-header {
    padding: 0 15px;
    margin-bottom: 30px
}

@media (min-width:768px) {

    .landing-page.ssl .certificate-options .block-header .currency-selector,
    .landing-page.ssl .certificate-options .block-header h3 {
        margin-bottom: 0
    }
}

.landing-page.ssl .certificate-options.dv .block-header {
    margin-left: 8.33333%;
    margin-right: 8.33333%
}

.landing-page.ssl .currency-selector {
    display: inline-block;
    width: 250px
}

.landing-page.ssl .row-pricing-table {
    margin-left: -2px;
    margin-right: -2px
}

.landing-page.ssl .row-pricing-table .pricing-table {
    background-color: #FFFFFF;
    border-radius: 4px;
    margin-bottom: 30px
}

.landing-page.ssl .row-pricing-table .pricing-table .popular-plan-wrapper {
    position: relative
}

.landing-page.ssl .row-pricing-table .pricing-table .popular-plan-wrapper .popular-plan {
    background-color: #DB3F3B;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    border-radius: 4px 4px 0 0
}

.landing-page.ssl .row-pricing-table .pricing-table .header {
    color: #2a2e36
}

.landing-page.ssl .row-pricing-table .pricing-table form {
    padding: 15px;
    border-top: 1px solid #D5DCE5
}

.landing-page.ssl .row-pricing-table .header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
    padding: 16px;
    height: 110px;
    text-align: center;
    border-bottom: 1px solid #D5DCE5;
    overflow: hidden
}

.landing-page.ssl .row-pricing-table .header h4 {
    font-size: 18px;
    margin-bottom: 0
}

.landing-page.ssl .row-pricing-table ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: normal
}

.landing-page.ssl .row-pricing-table ul li {
    padding: 0 15px;
    line-height: 40px;
    text-align: right;
    text-align: center;
    border-bottom: 1px solid #D5DCE5;
    color: #888
}

.landing-page.ssl .row-pricing-table ul li:last-child {
    border-bottom: 0
}

.landing-page.ssl .dashed-border {
    padding-bottom: 70px;
    border-bottom: 1px dashed #ddd
}

.landing-page.sitelock .hero img {
    padding-bottom: 15px;
    opacity: .7
}

.landing-page.sitelock .content-image-block img {
    max-width: 326px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .3
}

.landing-page.sitelock .plans {
    padding: 80px 0;
    background-color: #0273d4
}

.landing-page.sitelock .plans h2,
.landing-page.sitelock .plans h3,
.landing-page.sitelock .plans h4 {
    color: #FFFFFF
}

.landing-page.sitelock .plans .plan {
    margin: 20px 0;
    padding: 0;
    background-color: #FFFFFF;
    border-radius: 4px
}

.landing-page.sitelock .plans .plan .header {
    margin: 0;
    padding: 20px
}

.landing-page.sitelock .plans .plan .header h2,
.landing-page.sitelock .plans .plan .header h3,
.landing-page.sitelock .plans .plan .header h4 {
    color: #2a2e36
}

.landing-page.sitelock .plans .plan .header h4 {
    font-size: 18px
}

.landing-page.sitelock .plans .plan .header p {
    font-size: 16px
}

.landing-page.sitelock .plans .plan ul {
    margin: 0;
    padding: 20px 25px;
    list-style: none
}

.landing-page.sitelock .plans .plan ul li {
    line-height: 28px;
    text-align: right;
    border-bottom: 1px solid #D5DCE5
}

.landing-page.sitelock .plans .plan ul li:last-child {
    border: 0
}

.landing-page.sitelock .plans .plan ul li span {
    float: left
}

.landing-page.sitelock .plans .plan .footer {
    margin: 15px 0 0;
    padding: 20px
}

.landing-page.sitelock .plans .plan .footer select {
    margin-bottom: 10px
}

.landing-page.sitelock .plans .fas,
.landing-page.sitelock .plans .far {
    font-size: 1.3em
}

.landing-page.sitelock .plans .fa-check {
    color: #0273d4
}

.landing-page.sitelock .emergency {
    background-color: #EDF0F5
}

.landing-page.sitelock .emergency h2.text-danger {
    color: #d9534f
}

.landing-page.sitelock .emergency .fas,
.landing-page.sitelock .emergency .far {
    color: #d9534f
}

.landing-page.sitelock .emergency .emergency-buy-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    background-color: #FFFFFF;
    border: 1px solid #D5DCE5;
    border-radius: 4px
}

@media (max-width:767px) {
    .landing-page.sitelock .emergency .emergency-buy-banner {
        flex-direction: column;
        align-items: normal;
        padding: 15px
    }

    .landing-page.sitelock .emergency .emergency-buy-banner .emergency-message {
        margin-bottom: 20px
    }
}

.landing-page.sitelock .emergency .emergency-buy-banner .emergency-message {
    font-size: 18px;
    font-weight: 500;
    text-decoration: underline
}

.landing-page.sitelock .feature-wrapper {
    margin: 0 0 20px 0
}

.landing-page.sitelock .feature-wrapper i {
    float: left;
    font-size: 5em
}

.landing-page.sitelock .feature-wrapper .content {
    margin-left: 100px
}

.landing-page.sitelock .features {
    margin: 0;
    padding: 40px 0;
    background-color: transparent;
    text-align: left
}

.landing-page.sitelock .faq {
    background-color: #FFFFFF
}

.landing-page.codeguard .strong-green span {
    color: #94c83d;
    font-style: italic;
    font-weight: bold
}

.landing-page.codeguard .hero-bg-white {
    background-color: #FFFFFF
}

.landing-page.codeguard .overview-features ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.landing-page.codeguard .overview-features img {
    padding: 5px 30px
}

.landing-page.codeguard .overview-features span {
    font-size: medium;
    color: #888
}

.landing-page.codeguard .features {
    background-color: inherit
}

.landing-page.codeguard .features .feature {
    padding-top: 5px
}

.landing-page.codeguard .pricing {
    background: #94c83d url(/assets/img/marketconnect/codeguard/pricing-bg.gif);
    color: #FFFFFF
}

.landing-page.codeguard .pricing .irs.js-irs-0 {
    height: 32px;
    position: relative;
    display: block;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.landing-page.codeguard .pricing .pricing-slider-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px
}

@media (max-width:767px) {
    .landing-page.codeguard .pricing .pricing-slider-header {
        flex-direction: column
    }
}

@media (min-width:768px) {

    .landing-page.codeguard .pricing .pricing-slider-header h4,
    .landing-page.codeguard .pricing .pricing-slider-header .currency-selector {
        margin: 0
    }
}

.landing-page.codeguard .pricing .pricing-slider-header .currency-selector {
    margin: 0
}

.landing-page.codeguard .pricing .pricing-slider-actions {
    margin-top: 15px
}

@media (max-width:767px) {
    .landing-page.codeguard .pricing .pricing-slider-actions {
        display: none
    }
}

.landing-page.codeguard .pricing .pricing-slider-actions .slider-actions-list {
    display: flex;
    justify-content: space-between
}

.landing-page.codeguard .pricing .pricing-slider-actions .slider-actions-list .slider-actions-btn {
    position: relative;
    border: 1px solid #D5DCE5;
    border-radius: 2px;
    color: #888;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 68px;
    line-height: 24px;
    font-weight: 500;
    cursor: pointer
}

.landing-page.codeguard .pricing .pricing-slider-actions .slider-actions-list .slider-actions-btn span {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    padding: 1px 4px 0;
    justify-content: center;
    height: 100%;
    z-index: 2
}

.landing-page.codeguard .pricing .pricing-slider-actions .slider-actions-list .slider-actions-btn.active {
    border-color: #94c83d;
    color: #FFFFFF;
    background-color: #94c83d
}

.landing-page.codeguard .pricing .pricing-slider-actions .slider-actions-list .slider-actions-btn.active:before {
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    border: 1px solid #94c83d;
    top: -5px;
    z-index: 1;
    background: #94c83d;
    left: 50%;
    margin-left: -5px
}

.landing-page.codeguard .pricing .pricing-slider-bottom {
    display: flex;
    justify-content: space-between;
    padding-top: 20px
}

@media (min-width:768px) {
    .landing-page.codeguard .pricing .pricing-slider-bottom {
        padding-top: 30px
    }
}

.landing-page.codeguard .pricing .pricing-slider-bottom .pricing-slider-summary {
    display: flex
}

.landing-page.codeguard .pricing .pricing-slider-bottom .pricing-slider-summary .pricing-slider-summary-item {
    display: flex;
    flex-direction: column;
    min-width: 120px;
    position: relative;
    margin-right: 24px
}

.landing-page.codeguard .pricing .pricing-slider-bottom .pricing-slider-summary .pricing-slider-summary-item .pricing-slider-summary-label {
    font-size: 14px;
    line-height: 24px;
    color: #888;
    margin-bottom: 5px
}

.landing-page.codeguard .pricing .pricing-slider-bottom .pricing-slider-summary .pricing-slider-summary-item .pricing-slider-summary-value {
    display: flex;
    font-size: 34px;
    line-height: 44px;
    font-weight: 400
}

.landing-page.codeguard .pricing .pricing-slider-bottom .pricing-slider-summary .pricing-slider-summary-item .pricing-slider-summary-value .price {
    font-size: 34px
}

.landing-page.codeguard .pricing .pricing-slider-bottom .pricing-slider-summary .pricing-slider-summary-item:not(:last-of-type):after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    background: #D5DCE5;
    top: 0;
    bottom: 0
}

.landing-page.codeguard .pricing .pricing-slider-bottom .pricing-slider-summary .pricing-slider-summary-item .price-cycle {
    font-size: 26px;
    line-height: 36px;
    align-self: flex-end;
    margin-bottom: 3px
}

.landing-page.codeguard .pricing .pricing-slider-bottom .pricing-slider-form-action {
    padding: 15px 10px 0;
    margin: 30px 0 0
}

@media (min-width:768px) {
    .landing-page.codeguard .pricing .pricing-slider-bottom .pricing-slider-form-action {
        display: flex;
        align-self: flex-end;
        padding: 0;
        margin: 0;
        border: 0 none
    }
}

@media (max-width:767px) {
    .landing-page.codeguard .pricing .pricing-slider-bottom {
        flex-direction: column
    }
}

.landing-page.codeguard .irs-slider {
    background: #94c83d;
    top: -7px;
    width: 68px;
    cursor: pointer;
    z-index: 1100;
    border: none;
    box-shadow: none
}

.landing-page.codeguard .irs-slider:hover {
    background: #80b032;
    top: -7px;
    width: 68px;
    cursor: pointer;
    z-index: 1100;
    border: none;
    box-shadow: none
}

.landing-page.codeguard .irs-line {
    border: 0;
    height: 16px;
    top: 0;
    box-shadow: none;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 0
}

.landing-page.codeguard .irs-bar {
    height: 16px;
    border: 0;
    top: 0;
    background: #6C6C6C
}

.landing-page.codeguard .irs-bar-edge {
    height: 16px;
    width: 50px;
    top: 0;
    border: 0 solid #428bca;
    background: #6C6C6C;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 0
}

.landing-page.codeguard .order-btn {
    background-color: #6C6C6C !important;
    color: #FFFFFF;
    border: 0
}

.landing-page.sitelockvpn .hero {
    margin: 0;
    padding: 0;
    background-color: #0273d4;
    text-align: left
}

.landing-page.sitelockvpn .hero h1,
.landing-page.sitelockvpn .hero h2 {
    color: #FFFFFF
}

.landing-page.sitelockvpn .hero h1,
.landing-page.sitelockvpn .hero h2 {
    font-size: 4em
}

.landing-page.sitelockvpn .hero h2 {
    font-size: 2em;
    font-weight: normal
}

.landing-page.sitelockvpn .hero-bg img {
    max-width: 100%
}

.landing-page.sitelockvpn .btn-start {
    margin: 15px 0;
    padding: 10px 40px;
    display: inline-block;
    background-color: #7bc143;
    color: #fff;
    font-size: 1.4em;
    border-radius: 5px
}

.landing-page.sitelockvpn .feature {
    margin: 40px 0;
    padding: 40px 0;
    font-size: 1.3em;
    font-weight: 300;
    line-height: 1.5em
}

.landing-page.sitelockvpn .feature img {
    margin: 50px 0
}

.landing-page.sitelockvpn .feature p {
    margin: 20px 0
}

.landing-page.sitelockvpn .feature h3 {
    font-size: 2em;
    font-weight: bold
}

.landing-page.sitelockvpn ul.highlights {
    list-style: none
}

.landing-page.sitelockvpn ul.highlights li::before {
    content: "\2022";
    color: #ccc;
    font-size: 1.3em;
    font-weight: bold;
    display: inline-block;
    width: 1.5em;
    margin-left: -1em
}

.landing-page.sitelockvpn .feature.alternate-bg {
    background-color: #f4f8fb
}

.landing-page.sitelockvpn .feature.devices {
    margin: 0;
    padding: 70px 0 20px
}

.landing-page.sitelockvpn .feature.devices img {
    margin: 0
}

.landing-page.sitelockvpn .feature.devices h3 {
    margin-top: 40px
}

.landing-page.sitelockvpn .feature.devices .logos {
    padding: 20px;
    text-align: center
}

.landing-page.sitelockvpn .feature.devices .logos img {
    margin: 25px 30px
}

.landing-page.sitelockvpn .feature.pricing {
    margin: 0;
    background-color: #0273d4
}

.landing-page.sitelockvpn .feature.pricing h2 {
    color: #FFFFFF
}

.landing-page.sitelockvpn .feature.pricing .pricing-box {
    margin: 30px 0;
    padding: 0;
    background-color: #FFFFFF
}

.landing-page.sitelockvpn .feature.pricing .cycle {
    padding: 10px;
    background-color: #EDF0F5;
    color: #333;
    text-align: center;
    font-weight: bold
}

.landing-page.sitelockvpn .feature.pricing .price {
    margin: 15px;
    padding: 15px;
    color: #DB3F3B;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center
}

.landing-page.sitelockvpn .feature.pricing ul {
    list-style: none;
    margin: 15px;
    padding: 0
}

.landing-page.sitelockvpn .feature.pricing ul li {
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #D5DCE5;
    font-size: .8em
}

.landing-page.sitelockvpn .feature.pricing ul li:last-child {
    border-bottom: 0
}

.landing-page.sitelockvpn .signup {
    padding: 15px
}

.landing-page.sitelockvpn .btn-signup {
    display: block;
    padding: 8px;
    background-color: #616161;
    color: #fff;
    border-radius: 5px;
    font-weight: 400;
    text-align: center
}

.landing-page.sitelockvpn .btn-signup.highlight1 {
    background-color: #3d82bb
}

.landing-page.sitelockvpn .btn-signup.highlight2 {
    background-color: #7bc143
}

.landing-page.sitelockvpn .dividing-line {
    margin: 30px auto;
    padding: 0;
    background-color: #dce7f1;
    height: 3px;
    width: 200px
}

.landing-page.sitelockvpn .all-plans {
    text-align: center
}

.landing-page.sitelockvpn .all-plans span {
    display: block;
    padding: 10px
}

.landing-page.sitelockvpn .all-plans img {
    margin: 5px
}

.landing-page.sitelockvpn .feature.world span {
    display: block;
    margin: 10px 0;
    color: #3d82bb;
    font-weight: bold;
    font-size: 2.5em
}

.landing-page.sitelockvpn .feature.world em {
    display: block;
    margin: 0 0 50px;
    font-style: normal
}

.landing-page.sitelockvpn .feature.world img {
    max-width: 100%
}

.landing-page.sitelockvpn .feature.countries img {
    margin: 0;
    max-width: 100%
}

@media (min-width:992px) {
    .landing-page.sitelockvpn .hero-bg {
        padding: 40px 0 60px;
        text-align: left;
        background: url('/assets/img/marketconnect/sitelockvpn/header-img.png');
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 650px !important
    }
}

@media (min-width:1200px) {
    .landing-page.sitelockvpn .hero-bg {
        padding: 60px 0;
        text-align: left;
        background-size: auto
    }
}

@media (max-width:767px) {
    .landing-page.sitelockvpn .hero h1 {
        font-size: 3em
    }

    .landing-page.sitelockvpn .hero h2 {
        font-size: 1.6em
    }

    .landing-page.sitelockvpn .feature {
        margin: 15px 0;
        padding: 15px 0;
        font-size: 1.2em
    }

    .landing-page.sitelockvpn .feature img {
        margin: 20px 0
    }
}

.landing-page.marketgoo .video-banner {
    background-color: #101010;
    padding: 60px 0;
    min-height: 300px;
    line-height: 300px;
    text-align: center;
    color: #FFFFFF
}

.landing-page.marketgoo .feature-blocks {
    margin: 10px 0;
    padding: 10px 0
}

.landing-page.marketgoo .feature-blocks .block {
    padding: 10px;
    text-align: center
}

.landing-page.marketgoo .feature-blocks .block img {
    display: block;
    margin: 0 auto 15px;
    max-width: 150px;
    border: 1px solid #D5DCE5;
    border-radius: 10px
}

.landing-page.marketgoo .feature-blocks .block span {
    font-size: 1.2em
}

.landing-page.marketgoo .feature-blocks .block p {
    padding: 10px 20px
}

.landing-page.marketgoo .feature-wrapper {
    margin: 0;
    padding: 20px;
    border: 1px solid #D5DCE5;
    border-radius: 15px
}

.landing-page.marketgoo .feature-wrapper p {
    margin-bottom: 0
}

.landing-page.marketgoo .plan {
    float: left;
    margin: 0 0 20px 0;
    width: 30%;
    font-size: 1.15em;
    text-align: center
}

.landing-page.marketgoo .plan .header {
    height: 130px
}

.landing-page.marketgoo .plan .header .best-value {
    margin: 0;
    padding: 3px 10px;
    position: relative;
    top: -9px;
    background-color: #DB3F3B;
    border-radius: 4px;
    text-transform: initial;
    color: #FFFFFF;
    font-size: .3em;
    display: none
}

.landing-page.marketgoo .plan .header h4 {
    margin: 0;
    padding: 0;
    font-size: 2.4em;
    font-weight: bold
}

.landing-page.marketgoo .plan .pricing {
    font-size: 1.2em
}

.landing-page.marketgoo .plan ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
    border-top: 1px solid #D5DCE5
}

.landing-page.marketgoo .plan ul li {
    padding: 0 20px;
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #D5DCE5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.landing-page.marketgoo .plan ul li span {
    font-weight: 500
}

.landing-page.marketgoo .plan.labels {
    float: left;
    width: 40%;
    display: none
}

.landing-page.marketgoo .plan.labels:first-child {
    display: block
}

.landing-page.marketgoo .plan.labels ul li {
    font-weight: 500;
    text-align: left;
    border-right: 1px solid #D5DCE5
}

.landing-page.marketgoo .plan.marketgoo_pro .header h4 {
    color: #DB3F3B;
    text-transform: uppercase
}

.landing-page.marketgoo .plan.marketgoo_pro .header .best-value {
    display: inline-block
}

.landing-page.marketgoo .plan.marketgoo_pro ul {
    background-color: #EDF0F5
}

.landing-page.marketgoo .carousel .carousel-indicators {
    bottom: -50px
}

.landing-page.marketgoo .carousel .carousel-indicators li {
    background-color: #0273d4
}

.landing-page.marketgoo .carousel .carousel-inner {
    margin-bottom: 50px
}

.landing-page.marketgoo .testimonials .testimonial {
    margin: 0 auto;
    max-width: 650px;
    text-align: center
}

.landing-page.marketgoo .testimonials .testimonial .fa-quote-left {
    margin-right: 10px
}

.landing-page.marketgoo .testimonials .testimonial .fa-quote-right {
    margin-left: 10px
}

.landing-page.marketgoo .testimonials .user {
    margin: 20px auto;
    max-width: 350px;
    text-align: center
}

.landing-page.marketgoo .testimonials .user img {
    display: none
}

.landing-page.marketgoo .testimonials .user span {
    display: block;
    padding: 15px 0 0 0;
    font-weight: bold;
    font-size: 1.1em
}

.landing-page.marketgoo .testimonials .user em {
    display: block;
    margin: 0 0 5px 0;
    font-style: normal
}

.landing-page.marketgoo .embed-responsive {
    padding-bottom: 45%
}

@media (min-width:768px) {
    .landing-page.marketgoo .feature-blocks .block {
        padding: 20px 20px
    }

    .landing-page.marketgoo .feature-blocks .block img {
        max-width: 250px
    }

    .landing-page.marketgoo .feature-blocks .block p {
        padding: 10px 40px
    }

    .landing-page.marketgoo .feature-wrapper {
        padding: 20px 80px
    }

    .landing-page.marketgoo .plan .header {
        height: 90px
    }

    .landing-page.marketgoo .testimonials .testimonial {
        font-size: 1.5em
    }

    .landing-page.marketgoo .faqs .faq {
        padding: 0 20px
    }
}

@media (max-width:767px) {
    .landing-page.marketgoo .plan {
        font-size: 1em;
        width: 40%
    }

    .landing-page.marketgoo .plan .header span {
        display: block
    }

    .landing-page.marketgoo .plan.labels {
        display: block;
        width: 60%
    }
}

.landing-page.ox {
    padding: 0 0 30px 0
}

.landing-page.ox img {
    max-width: 100%
}

.landing-page.ox .header {
    margin: 0;
    padding: 50px 0;
    background-color: #1a1a1a;
    min-height: 200px
}

.landing-page.ox .header .header-content {
    padding: 30px 0
}

.landing-page.ox .header h1 {
    margin: 30px 0;
    color: #FFFFFF
}

.landing-page.ox .header .btn {
    padding: 10px 25px
}

.landing-page.ox .header .logo-img {
    max-width: 400px
}

.landing-page.ox .header .header-img {
    max-width: 70%
}

.landing-page.ox .stand-out {
    padding: 50px 0;
    background-color: #EDF0F5
}

.landing-page.ox .stand-out h2 {
    margin: 0 0 10px 0;
    font-size: 21px
}

.landing-page.ox .stand-out ul {
    padding: 0 20px
}

.landing-page.ox .stand-out .wrapper {
    padding: 20px
}

.landing-page.ox .features {
    background: transparent;
    text-align: left
}

.landing-page.ox .features img {
    float: left
}

.landing-page.ox .features p {
    margin-left: 130px
}

.landing-page.ox .features .title {
    font-size: 1.5em;
    font-weight: 500;
    color: #2a2e36
}

.landing-page.ox .feature-block {
    min-height: 120px
}

.landing-page.ox h3 {
    margin: 0 0 40px 0;
    font-size: 2.6em
}

.landing-page.ox .pricing {
    background-color: #EDF0F5
}

.landing-page.ox .pricing table {
    width: 100%
}

.landing-page.ox .pricing table tr td:first-child {
    padding: 7px 20px;
    text-align: left
}

.landing-page.ox .pricing table tr:nth-child(even) td:first-child {
    background-color: #FFFFFF
}

.landing-page.ox .pricing td:not(.no-border) {
    padding: 7px 8px;
    width: 33.33%;
    text-align: center;
    border: 1px solid #D5DCE5
}

.landing-page.ox .pricing th {
    padding: 7px 8px;
    width: 33.33%;
    text-align: center;
    border: 1px solid #D5DCE5;
    padding: 12px 8px;
    background-color: #FFFFFF;
    font-weight: 500
}

.landing-page.ox .pricing th.feature {
    background-color: #0273d4;
    color: #FFFFFF
}

.landing-page.ox .pricing td.no-bg {
    background-color: transparent !important
}

.landing-page.ox .pricing .pricing-label {
    padding-bottom: 20px;
    font-size: 1.6em
}

.landing-page.ox .pricing td.buy {
    text-align: center;
    padding: 20px
}

.landing-page.ox .faqs {
    background-color: #FFFFFF
}

.landing-page.ox .faqs .question {
    margin: 30px 0 10px;
    font-weight: bold
}

@media (max-width:991px) {
    .landing-page.ox .header {
        text-align: center
    }

    .landing-page.ox .header .header-img {
        float: none
    }

    .landing-page.ox .header .header-content {
        padding: 10px 0 30px
    }

    .landing-page.ox img {
        max-width: 70%
    }

    .landing-page.ox .feature-tabs {
        font-size: .95em
    }

    .landing-page.ox ul.feature-tabs li img {
        max-width: 60%
    }
}

.landing-page.sitebuilder .logo-container {
    padding: 60px;
    text-align: center
}

.landing-page.sitebuilder .logo-container img {
    max-width: 85%
}

.landing-page.sitebuilder .sitebuilder-hero {
    margin-top: 80px;
    padding: 0;
    text-align: center;
    background-color: #101010
}

.landing-page.sitebuilder .sitebuilder-hero img {
    margin-top: -150px;
    padding: 0
}

.landing-page.sitebuilder h2 {
    margin-bottom: 25px;
    text-align: center;
    font-weight: bold
}

.landing-page.sitebuilder .intro {
    padding: 60px 0
}

.landing-page.sitebuilder .intro h2 {
    text-align: left
}

.landing-page.sitebuilder .intro p {
    font-size: 1.1em;
    line-height: 1.6em
}

.landing-page.sitebuilder .intro .learn-more {
    display: inline-block;
    margin-top: 15px
}

.landing-page.sitebuilder .features {
    padding: 60px 0;
    background-color: transparent;
    text-align: left
}

.landing-page.sitebuilder .features img {
    max-width: 128px
}

.landing-page.sitebuilder .features .title {
    display: block;
    font-size: 1.5em;
    padding-bottom: 10px
}

.landing-page.sitebuilder .feature-block {
    font-size: .9em
}

.landing-page.sitebuilder .tagline {
    text-align: center
}

.landing-page.sitebuilder .nav-tabs {
    text-align: center
}

.landing-page.sitebuilder .nav-tabs>li {
    float: none;
    display: inline-block;
    zoom: 1
}

.landing-page.sitebuilder .nav-tabs>li>a {
    padding: 10px 30px;
    text-transform: uppercase;
    border: 0;
    font-weight: 500;
    font-size: 1.1em;
    border-radius: 10px;
    background-color: transparent !important
}

.landing-page.sitebuilder .nav-tabs>li>a.active {
    background-color: #0273d4 !important;
    color: #FFFFFF !important
}

.landing-page.sitebuilder .carousel-indicators li {
    background-color: #101010;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.landing-page.sitebuilder .btn-primary {
    padding: 2px 15px
}

.landing-page.sitebuilder .btn-primary.large {
    padding: 13px 27px
}

.landing-page.sitebuilder .templates {
    padding: 60px 0;
    border-top: 1px solid #D5DCE5
}

.landing-page.sitebuilder .templates .previews {
    padding: 50px 0
}

.landing-page.sitebuilder .templates .previews img {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.landing-page.sitebuilder .templates .previews .show-more div {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    font-size: 3em;
    text-align: center;
    line-height: 200px
}

.landing-page.sitebuilder .templates .previews .show-more div .icon-wrapper {
    display: inline-block;
    width: 100px;
    line-height: 100px;
    color: #FFFFFF;
    border-radius: 50%
}

.landing-page.sitebuilder .templates .previews .thumb-wrapper {
    position: relative;
    overflow: hidden
}

.landing-page.sitebuilder .templates .previews .thumb-wrapper .type-label {
    position: absolute;
    top: 11px;
    right: -31px;
    background-color: #0273d4;
    color: #FFFFFF;
    font-size: 13px;
    padding: 3px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 145px;
    text-align: center;
    border: 1px solid #FFFFFF
}

.landing-page.sitebuilder .templates .previews .type-single .type-label {
    background-color: #0273d4
}

.landing-page.sitebuilder .templates .previews .type-ecom .type-label {
    background-color: #1b9636
}

.landing-page.sitebuilder .templates .previews .tplname {
    display: block;
    padding: 10px 0 20px;
    color: #777;
    text-align: center
}

.landing-page.sitebuilder .pricing {
    padding: 70px 0;
    background-color: #101010
}

.landing-page.sitebuilder .pricing h2,
.landing-page.sitebuilder .pricing p {
    color: #FFFFFF
}

.landing-page.sitebuilder .pricing-table {
    margin: 60px 0 0;
    padding: 0;
    font-weight: 500;
    font-size: .92em;
    border-radius: 6px;
    overflow: auto
}

.landing-page.sitebuilder .pricing-table i {
    color: #bbb
}

.landing-page.sitebuilder .pricing-table-row {
    margin-left: -10px;
    margin-right: -10px;
    min-width: 880px
}

.landing-page.sitebuilder .pricing-table-row::after {
    content: "";
    clear: both;
    display: table
}

.landing-page.sitebuilder .pricing-table-row .col-primary {
    float: left;
    width: 40%;
    padding: 4px 40px
}

.landing-page.sitebuilder .pricing-table-row .col-plans-1 {
    float: left;
    width: 60%;
    padding: 4px 10px;
    text-align: center
}

.landing-page.sitebuilder .pricing-table-row .col-plans-2 {
    float: left;
    width: 30%;
    padding: 4px 10px;
    text-align: center
}

.landing-page.sitebuilder .pricing-table-row .col-plans-3 {
    float: left;
    width: 20%;
    padding: 4px 10px;
    text-align: center
}

.landing-page.sitebuilder .pricing-table-row .col-plans-4 {
    float: left;
    width: 15%;
    padding: 4px 10px;
    text-align: center
}

.landing-page.sitebuilder .pricing-table-row .col-plans-5 {
    float: left;
    width: 12%;
    padding: 4px 10px;
    text-align: center
}

.landing-page.sitebuilder .pricing-table-row.col-heading div {
    padding: 18px 10px;
    text-align: center
}

.landing-page.sitebuilder .faq {
    padding: 80px 0;
    background-color: transparent !important
}

@media (min-width:992px) {
    .landing-page.sitebuilder.sitebuilder .logo-container img {
        max-width: 40%
    }

    .landing-page.sitebuilder.sitebuilder .pricing {
        height: 850px
    }

    .landing-page.sitebuilder.sitebuilder .pricing-table {
        overflow: hidden
    }

    .landing-page.sitebuilder.sitebuilder .faq {
        margin: 160px 0 0
    }
}

@media (min-width:1200px) {
    .landing-page.sitebuilder.sitebuilder .intro .vertical-spacer {
        height: 80px
    }
}

@media (min-width:768px) {
    .landing-page.sitebuilder.sitebuilder .feature-block {
        min-height: 260px
    }
}

@media (max-width:767px) {
    .landing-page.sitebuilder.sitebuilder .templates .previews img {
        height: 300px
    }

    .landing-page.sitebuilder.sitebuilder .templates .previews .show-more div {
        height: 300px
    }
}

.weebly-upgrade-container,
.sitebuilder-upgrade-container {
    margin: 30px 0 50px;
    padding: 0;
    border: 1px solid #ddd
}

.weebly-upgrade-container .content-padded,
.sitebuilder-upgrade-container .content-padded {
    padding: 70px 40px 40px;
    text-align: center
}

.weebly-upgrade-container img,
.sitebuilder-upgrade-container img {
    max-width: 100%;
    max-height: 135px
}

.weebly-upgrade-container .promo-wrapper,
.sitebuilder-upgrade-container .promo-wrapper {
    margin: 0;
    padding: 40px;
    background-color: #f6f6f6;
    min-height: 400px
}

.weebly-upgrade-container .promo-wrapper .logincontainer,
.sitebuilder-upgrade-container .promo-wrapper .logincontainer {
    margin: 30px auto 50px
}

.weebly-upgrade-container .promo-wrapper h3,
.sitebuilder-upgrade-container .promo-wrapper h3 {
    margin: 20px 0
}

.weebly-upgrade-container .promo-wrapper ul,
.sitebuilder-upgrade-container .promo-wrapper ul {
    margin: 30px 0
}

.weebly-upgrade-container .promo-wrapper .btn-success,
.sitebuilder-upgrade-container .promo-wrapper .btn-success {
    margin-bottom: 20px;
    padding: 15px 15px;
    font-size: 1.1em;
    font-weight: 300
}

.weebly-upgrade-container .weebly-service-select,
.sitebuilder-upgrade-container .weebly-service-select,
.weebly-upgrade-container .sitebuilder-service-select,
.sitebuilder-upgrade-container .sitebuilder-service-select {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .landing-page.codeguard .overview-features li {
        float: left;
        margin: 0;
        width: 20%;
        text-align: center;
        border-right: 1px solid #ddd
    }

    .landing-page.codeguard .overview-features li:last-child {
        border-right: 0
    }

    .landing-page.codeguard .overview-features img {
        display: block;
        margin: 0 auto;
        padding: 20px
    }

    .landing-page.codeguard .overview-features span {
        display: block;
        padding: 0 30px 20px;
        font-size: medium;
        color: #888
    }
}

@media (min-width:992px) {
    .landing-page .navbar .navbar-nav {
        width: 100% !important
    }

    .landing-page .navbar .navbar-nav li {
        width: 25%
    }

    .landing-page .navbar .navbar-nav li a {
        font-size: 15px;
        padding: .75rem 1rem;
        position: relative;
        text-align: center;
        border-left: 1px solid #D5DCE5
    }

    .landing-page .navbar .navbar-nav li.active a:before {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        height: 3px;
        background: #0273d4
    }

    .landing-page .navbar .navbar-nav li:last-child a {
        border-right: 1px solid #D5DCE5
    }

    .landing-page.sitelock .plans .plan ul {
        height: 480px
    }
}

@media (max-width:767px) {
    .landing-page .standout-features p {
        margin: 0 20px 50px
    }

    .landing-page.ssl .logos img {
        margin-bottom: 20px;
        max-height: 50px
    }

    .landing-page.ssl .row-pricing-table .header {
        margin-top: 40px
    }
}

@media (max-width:1199px) {
    .landing-page.ssl .browser-msg span {
        padding: 25px 30px
    }
}

@media (max-width:991px) {
    .landing-page.ssl .browser-msg span {
        padding: 15px 30px
    }
}

@media (max-width:700px) {
    .landing-page.ssl .standout-1 h3 {
        padding: 0 0 20px 0;
        font-size: 1.6em
    }

    .landing-page.ssl .browser-notice .wrapper {
        font-size: 1em
    }

    .landing-page.ssl .browser-notice .wrapper img {
        max-width: 80px
    }

    .landing-page.ssl .browser-msg span {
        font-size: 1.4em
    }
}

.wp-toolkit .hero-cta {
    padding: 30px 0;
    text-align: center
}

.wp-toolkit .hero-cta h1 {
    font-weight: bold;
    font-size: 2.5em
}

.wp-toolkit .hero-cta h2 {
    font-size: 1.2em
}

.wp-toolkit .hero-cta .logo {
    max-width: 229px;
    vertical-align: baseline;
    margin-bottom: -2px
}

.wp-toolkit .hero-cta .logo-plesk {
    margin-left: 10px;
    max-height: 45px;
    vertical-align: middle;
    margin-bottom: -2px
}

.wp-toolkit .btn-cta {
    margin-top: 25px;
    padding: 15px 75px
}

.wp-toolkit .hero-image {
    margin-top: 100px;
    text-align: center
}

.wp-toolkit .hero-image img {
    margin-top: -100px;
    padding: 0 0 50px 0;
    max-width: 100%
}

.wp-toolkit .body-intro {
    margin: 0;
    padding: 0 0 35px
}

@media (min-width:992px) {
    .wp-toolkit .body-intro {
        height: 450px
    }
}

.wp-toolkit .body-intro img {
    float: left;
    max-width: 100%
}

.wp-toolkit .features {
    margin: 25px 0 0;
    padding: 25px 0
}

.wp-toolkit .features .smart-updates {
    margin: 25px 0 50px
}

.wp-toolkit .features h3 {
    font-size: 1.6em;
    font-weight: bold;
    text-align: center
}

.wp-toolkit .feature-block {
    padding: 20px;
    text-align: center
}

.wp-toolkit .feature-block img {
    max-width: 100px
}

.wp-toolkit .feature-block .title {
    padding: 30px 0;
    font-size: 1.3em
}

.wp-toolkit .lightbox-modal .close {
    position: absolute;
    right: 0px;
    bottom: -30px;
    z-index: 999;
    font-size: 2em;
    font-weight: normal;
    color: #FFFFFF;
    opacity: 1
}

.wp-toolkit .lightbox-modal .lightbox-image {
    min-height: 200px;
    max-width: 100%;
    height: auto
}

.wp-toolkit .lightbox-modal .modal-body {
    position: relative;
    padding: 0px;
    background: #ccc
}

.wp-toolkit .lightbox-modal .modal-dialog {
    margin: 30px auto
}

.wp-toolkit .pre-screenshots {
    margin: 0;
    padding: 50px 0 150px;
    text-align: center
}

.wp-toolkit .pre-screenshots .title {
    padding-bottom: 30px;
    font-size: 1.5em
}

.wp-toolkit .screenshots-row {
    margin-top: -100px
}

.wp-toolkit .screenshots .screenshot-thumb {
    display: block;
    position: relative;
    margin-bottom: 25px
}

.wp-toolkit .screenshots .screenshot-thumb .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: background-color .3s ease;
    background-color: rgba(0, 0, 0, 0)
}

.wp-toolkit .screenshots .screenshot-thumb .overlay img {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 60px
}

.wp-toolkit .screenshots .screenshot-thumb:hover .overlay,
.wp-toolkit .screenshots .screenshot-thumb:focus .overlay {
    background-color: rgba(0, 0, 0, 0.5)
}

.wp-toolkit .screenshots .screenshot-thumb:hover .overlay img,
.wp-toolkit .screenshots .screenshot-thumb:focus .overlay img {
    display: block
}

.wp-toolkit .screenshots img {
    width: 100%;
    height: auto
}

.wp-toolkit .pricing {
    margin: 0;
    padding: 25px 0;
    text-align: center
}

.wp-toolkit .pricing:after {
    content: "";
    clear: both;
    display: table
}

.wp-toolkit .pricing .starting-from {
    margin-bottom: 40px;
    font-size: 1.6em;
    font-weight: bold
}

.wp-toolkit .pricing .subtitle {
    margin-bottom: 20px;
    font-size: 1.2em
}

.wp-toolkit .pricing .action-btns .btn {
    margin-bottom: 5px;
    padding: 10px 50px
}

.wp-toolkit .cart {
    display: none;
    padding-top: 40px;
    text-align: left
}

.wp-toolkit .cart-items {
    border-bottom: 1px solid #dce8f2
}

.wp-toolkit .cart-items .item {
    padding: 10px 30px
}

.wp-toolkit .cart-items .item:after {
    content: "";
    clear: both;
    display: table
}

.wp-toolkit .cart-items .item:nth-child(odd) {
    background-color: #f3f7fa
}

.wp-toolkit .cart-items .item.template {
    display: none
}

.wp-toolkit .cart-items .product-info {
    display: inline-block;
    min-width: 450px;
    margin-right: 30px
}

.wp-toolkit .cart-items .domain-name,
.wp-toolkit .cart-items .price {
    font-weight: bold
}

.wp-toolkit .cart-totals {
    padding: 30px;
    font-size: 1.15em;
    color: #043855
}

.wp-toolkit .cart-totals .cart-total-amount {
    font-weight: bold
}

.wp-toolkit .cart-totals .btn-checkout {
    margin: 10px 0 0 0;
    padding: 10px 30px;
    width: 100%
}

.wp-toolkit .service-selector {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 25px;
    border-bottom: 1px solid #dce8f2
}

.wp-toolkit .service-selector .service {
    position: relative;
    flex: 0 0 80%;
    max-width: 80%;
    margin-bottom: 30px
}

.wp-toolkit .service-selector .service .inner-content {
    padding: 10px
}

.wp-toolkit .service-selector .service .in-cart-indicator {
    display: none;
    text-align: center
}

.wp-toolkit .service-selector .service .in-cart-indicator img {
    max-width: 40px
}

.wp-toolkit .service-selector .service .btn {
    width: 95%
}

.wp-toolkit .service-selector .service .btn.disabled {
    background-color: #e7e7e7;
    border-color: #e7e7e7;
    color: #999
}

.wp-toolkit .service-selector .service.in-cart .btn {
    display: none
}

.wp-toolkit .service-selector .service.in-cart .in-cart-indicator {
    display: block
}

.wp-toolkit .service-selector .product-name {
    font-weight: 900;
    padding: 10px;
    text-transform: uppercase
}

.wp-toolkit .service-selector .divider {
    margin: 0 auto;
    background-color: #d5d5d5;
    height: 1px;
    width: 100px
}

.wp-toolkit .service-selector .domain-name {
    padding: 15px;
    font-size: 1.1em;
    font-weight: bold;
    color: #0273d4
}

.wp-toolkit .service-selector .description {
    max-height: 48px;
    overflow: hidden
}

.wp-toolkit .service-selector .price {
    font-weight: bold
}

.wp-toolkit .faqs {
    margin: 0;
    padding: 0 0 100px 0
}

.wp-toolkit .faqs .border-line {
    margin-top: 30px;
    width: 115px;
    height: 3px;
    background-color: #dce8f2
}

.wp-toolkit .faqs .faq-title {
    padding: 20px 0;
    font-size: 1.1em;
    font-weight: 500
}

.wp-toolkit .addon-na {
    padding-top: 5px
}

@media (min-width:768px) {
    .wp-toolkit .hero-cta {
        padding: 75px 0
    }

    .wp-toolkit .hero-cta h1 {
        font-size: 3.4em
    }

    .wp-toolkit .hero-cta h2 {
        font-size: 2em
    }

    .wp-toolkit .hero-cta .logo-plesk {
        max-height: 65px
    }

    .wp-toolkit .body-intro {
        padding: 50px 0 75px
    }

    .wp-toolkit .features {
        margin: 50px 0;
        padding: 50px 0
    }

    .wp-toolkit .features .smart-updates {
        margin: 50px 0 100px
    }

    .wp-toolkit .features h3 {
        font-size: 2.4em;
        text-align: left
    }

    .wp-toolkit .pre-screenshots {
        margin: 50px 0 0;
        padding: 75px 0 150px
    }

    .wp-toolkit .pre-screenshots .title {
        font-size: 2em
    }

    .wp-toolkit .pricing {
        margin: 50px 0;
        padding: 50px 0
    }

    .wp-toolkit .pricing .subtitle {
        margin-bottom: 40px
    }

    .wp-toolkit .cart-items .item {
        line-height: 40px
    }

    .wp-toolkit .service-selector {
        padding-bottom: 75px
    }

    .wp-toolkit .service-selector .service {
        flex: 0 0 250px;
        max-width: 250px
    }

    .wp-toolkit .service-selector .service .inner-content {
        min-height: 195px
    }

    .wp-toolkit .cart-totals .btn-checkout {
        margin: 0;
        width: auto
    }
}

table.ox-table-accounts td {
    padding-top: .5rem;
    padding-bottom: .5rem
}

table.ox-table-accounts .dropdown-hamburger::after {
    display: none
}

table.ox-table-accounts ul.dropdown-menu button.btn-sm,
table.ox-table-accounts ul.dropdown-menu .btn-group-sm>button.btn,
table.ox-table-accounts ul.dropdown-menu button.btn-group-sm>.btn {
    border-radius: 0
}

table.ox-table-accounts tbody.account-entry>tr:hover {
    background-color: rgba(0, 0, 0, 0.05)
}

table.ox-table-accounts tbody.account-entry {
    cursor: pointer
}

table.ox-table-accounts tbody.aliases-body {
    border-top: 0
}

table.ox-table-accounts tbody.aliases-body>tr>td {
    border-top: 0
}

table.ox-table-accounts tr.alias-entry td:first-child {
    font-size: .9em
}

table.ox-table-accounts tr.create-alias td:first-child {
    font-size: .9em
}

table.ox-table-accounts span.email-aliases {
    font-size: .9em;
    font-weight: bold
}

table.ox-table-accounts .input-group {
    width: 65%
}

ul.ssl-certs-all .action-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

@media (min-width:992px) {
    ul.ssl-certs-all .action-btn {
        justify-content: flex-end
    }
}

.landing-page.xovinow .content-block {
    margin: 20px 0;
    padding: 20px 0
}

.landing-page.xovinow .header {
    margin: 0;
    padding: 50px 0;
    background-color: #10069F;
    color: #fff
}

.landing-page.xovinow .header-img {
    float: right;
    max-width: 55% !important;
    margin-top: 0px
}

@media (min-width:1200px) {
    .landing-page.xovinow .header-img {
        max-width: 60% !important;
        margin-top: -60px
    }
}

.landing-page.xovinow .header h1 {
    display: block;
    margin: 20px 0;
    color: #fff
}

.landing-page.xovinow .header .btn {
    margin: 20px 0
}

.landing-page.xovinow .btn-stretched {
    padding: 8px 30px
}

.landing-page.xovinow .btn-xovinow {
    color: #10069F;
    background-color: #fff;
    border-color: #fff
}

.landing-page.xovinow .carousel-container {
    margin: 0 20px;
    max-width: 950px;
    text-align: center
}

.landing-page.xovinow .feature-carousel .carousel-inner {
    border-radius: 6px;
    box-shadow: 0 0 20px #ccc
}

.landing-page.xovinow .feature-carousel img {
    max-width: 100%
}

.landing-page.xovinow .feature-carousel .carousel-control {
    display: inline-block;
    margin: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #10069F;
    color: #fff;
    font-size: 20px;
    text-align: center
}

.landing-page.xovinow .feature-carousel .carousel-control.right {
    left: auto;
    right: -70px
}

@media (min-width:768px) {
    .landing-page.xovinow .carousel-container {
        margin: 0 100px;
        max-width: 950px
    }

    .landing-page.xovinow .feature-carousel .carousel-control {
        position: absolute;
        margin: 0;
        top: 50%;
        left: -70px;
        width: 40px;
        height: 40px;
        font-size: 25px
    }

    .landing-page.xovinow .feature-carousel .carousel-control.right {
        left: auto;
        right: -70px
    }
}

@media (min-width:1150px) {
    .landing-page.xovinow .carousel-container {
        margin: 0 auto
    }
}

.landing-page.xovinow .feature-tabs .nav-tabs li {
    margin: 0;
    padding: 3px;
    width: 50%
}

@media (min-width:576px) {
    .landing-page.xovinow .feature-tabs .nav-tabs li {
        width: 33.3%
    }
}

@media (min-width:991px) {
    .landing-page.xovinow .feature-tabs .nav-tabs li {
        width: 16.6%
    }
}

.landing-page.xovinow .feature-tabs .nav-tabs>li>a,
.landing-page.xovinow .feature-tabs .nav-tabs>li>a:focus,
.landing-page.xovinow .feature-tabs .nav-tabs>li>a:hover {
    margin: 4px;
    padding: 10px;
    display: block;
    background-color: #eef4f8;
    color: #555;
    border-radius: 4px;
    border: 0;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.landing-page.xovinow .feature-tabs .nav-tabs>li>a.active,
.landing-page.xovinow .feature-tabs .nav-tabs>li>a.active:focus,
.landing-page.xovinow .feature-tabs .nav-tabs>li>a.active:hover {
    background-color: #10069F;
    color: #fff;
    border: 0
}

.landing-page.xovinow .feature-tabs .tab-content img {
    max-width: 300px
}

.landing-page.xovinow .audience i {
    margin-bottom: 15px;
    font-size: 2em
}

.landing-page.xovinow .pricing .money-back {
    font-size: 1.6em;
    line-height: 1.2em;
    color: #043855
}

.landing-page.xovinow .pricing .money-back span {
    font-weight: bold;
    color: #10069F
}

.landing-page.xovinow .pricing .plan-features {
    font-weight: bold;
    color: #043855
}

.landing-page.xovinow .pricing .plan {
    margin: 0 0 50px 0;
    padding: 0;
    text-align: center
}

.landing-page.xovinow .pricing .plan-header {
    padding: 0 10px;
    height: 120px
}

.landing-page.xovinow .pricing .plan-header img {
    max-width: 90%
}

.landing-page.xovinow .pricing .plan .plan-name {
    padding: 5px;
    font-size: 1.1em;
    font-weight: bold;
    color: #043855;
    border-bottom: 4px solid #737373;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.landing-page.xovinow .pricing .plan.featured .plan-name {
    border-color: #10069F
}

.landing-page.xovinow .pricing .plan .plan-price {
    margin-top: 8px;
    padding: 5px;
    font-size: .95em;
    font-weight: bold;
    color: #043855;
    border-bottom: 2px solid #f4f5f7
}

.landing-page.xovinow .pricing .plan-feature {
    padding: 6px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.landing-page.xovinow .pricing .plan-feature.row-highlight {
    background-color: #f8f9fa
}

.landing-page.xovinow .pricing .plan-feature i {
    color: #10069F
}

.landing-page.xovinow .pricing .buy-btn {
    padding-top: 30px
}

.landing-page.xovinow .pricing .plan.featured .buy-btn .btn {
    color: #fff;
    background-color: #10069F;
    border-color: #10069F
}

.landing-page.xovinow .pricing .plan.featured .buy-btn .btn:hover {
    background-color: #10069F;
    border-color: #10069F
}

.landing-page.xovinow .faq .accordion>.card {
    border: 0;
    border-radius: 5px
}

.landing-page.xovinow .faq .accordion>.card>.card-header {
    border: 0;
    border-radius: 5px
}

.landing-page.xovinow .faq img {
    display: block;
    margin: 0 auto 20px
}

.landing-page img {
    max-width: 100%
}

.landing-page.nordvpn p {
    font-size: 1.1rem;
    font-weight: lighter
}

.landing-page.nordvpn h1 {
    font-size: 2rem;
    font-weight: bold
}

.landing-page.nordvpn h3 {
    font-size: 1.4rem;
    font-weight: bold
}

.landing-page.nordvpn strong {
    font-weight: bold
}

.landing-page.nordvpn .blue {
    color: #4580ff
}

.landing-page.nordvpn .line-break {
    border-bottom: 1px #dce8f2 solid;
    padding-top: 20px
}

.landing-page.nordvpn .btn-get-nord,
.landing-page.nordvpn .btn-get-monthly,
.landing-page.nordvpn .btn-get-annually {
    font-weight: 500;
    font-size: 1.4rem;
    padding: .8rem 4rem;
    background: #4580ff;
    color: white;
    border: 0
}

.landing-page.nordvpn .btn-get-deal {
    padding: .8rem 1.5rem;
    background: #f55368
}

.landing-page.nordvpn .btn-get-monthly {
    background: #1b325a;
    margin-bottom: 2.5rem
}

.landing-page.nordvpn .btn-get-annually {
    background: #4580ff
}

.landing-page.nordvpn .hero {
    font-size: 1.25rem
}

.landing-page.nordvpn .hero .hero-bg {
    margin: 1.25rem 0
}

.landing-page.nordvpn .hero h1 {
    font-size: 2.125rem;
    font-weight: bold
}

.landing-page.nordvpn .hero h2 {
    font-size: 1.75rem
}

.landing-page.nordvpn .hero .guarantee {
    margin: 1rem 0;
    font-weight: bold;
    font-size: 1.7rem;
    color: #4580ff;
    text-transform: uppercase;
    padding-bottom: 25px
}

.landing-page.nordvpn .hero,
.landing-page.nordvpn .feature.world {
    background: #0e1b33;
    color: white
}

.landing-page.nordvpn .feature {
    padding: 60px 0;
    text-align: center
}

.landing-page.nordvpn .feature.icon img,
.landing-page.nordvpn .feature.threat img {
    margin: 2rem 0
}

.landing-page.nordvpn .feature.icon h1,
.landing-page.nordvpn .feature.comparison h1,
.landing-page.nordvpn .feature.threat h1,
.landing-page.nordvpn .feature.use h1 {
    margin: 2.5rem 0
}

.landing-page.nordvpn .feature.pricing h1 {
    margin: 4rem 0
}

.landing-page.nordvpn .feature.icon h3,
.landing-page.nordvpn .feature.use h3 {
    margin-bottom: 1.4rem
}

.landing-page.nordvpn .feature.icon .col-3 {
    padding: 0 3rem
}

.landing-page.nordvpn .feature.device p,
.landing-page.nordvpn .feature.security p,
.landing-page.nordvpn .feature.use p {
    margin-bottom: 2.5rem
}

.landing-page.nordvpn .feature.device,
.landing-page.nordvpn .feature.security,
.landing-page.nordvpn .feature.faq {
    text-align: left
}

.landing-page.nordvpn .feature.comparison th,
.landing-page.nordvpn .feature.comparison td {
    padding: 1rem 0;
    font-weight: lighter;
    font-size: 1.1rem
}

.landing-page.nordvpn .feature.comparison .comparison-note {
    font-size: .75rem;
    text-align: center
}

.landing-page.nordvpn .feature.comparison .comparison-note a {
    text-decoration: underline
}

.landing-page.nordvpn .feature.world {
    text-align: center
}

.landing-page.nordvpn .feature.world h1 {
    margin: 0 0 2.5rem
}

.landing-page.nordvpn .feature.world .world-image {
    max-width: initial;
    margin: auto;
    opacity: 33%
}

.landing-page.nordvpn .feature.world .world-desc {
    position: absolute;
    top: 0;
    width: 100%
}

.landing-page.nordvpn .feature.world .world-image,
.landing-page.nordvpn .feature.world .world-tagline,
.landing-page.nordvpn .feature.world .world-data .col-6 {
    margin-bottom: 2rem
}

.landing-page.nordvpn .feature.world .world-data p:first-of-type {
    margin-bottom: .5rem
}

.landing-page.nordvpn .feature.world .world-data p:nth-of-type(2) {
    font-size: 3.25rem;
    line-height: 3.25rem;
    font-weight: bold;
    margin-bottom: 0
}

.landing-page.nordvpn .feature.world>p {
    margin-bottom: 2.5rem
}

.landing-page.nordvpn .feature.logo {
    background: #f2f2f2
}

.landing-page.nordvpn .feature.logo img {
    margin: .75rem 0
}

.landing-page.nordvpn .feature.security .row.h-100 {
    margin: 4rem 0 8rem
}

.landing-page.nordvpn .feature.security .row.h-100 p {
    font-size: 1.4rem
}

.landing-page.nordvpn .feature.use .row div {
    padding-top: 0
}

.landing-page.nordvpn .feature.use .row.headers div {
    padding-top: 1.6rem;
    padding-bottom: 0
}

.landing-page.nordvpn .feature.use .col-4 p {
    text-align: left
}

.landing-page.nordvpn .feature.threat .col-4,
.landing-page.nordvpn .feature.use .col-4 {
    padding: 1.6rem 2rem
}

.landing-page.nordvpn .feature.threat .col-4 {
    padding: 0 2rem
}

.landing-page.nordvpn .feature.pricing .billing-cycle {
    font-size: 2.5rem;
    font-weight: lighter
}

.landing-page.nordvpn .feature.pricing .billing-price {
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: bold
}

.landing-page.nordvpn .feature.pricing .billing-save,
.landing-page.nordvpn .feature.faq h1 {
    margin-bottom: 2.5rem
}

.landing-page.nordvpn .feature.faq .card-header .btn i {
    align-self: center
}

.landing-page.nordvpn .comparison {
    text-align: center
}

.landing-page.nordvpn .comparison .col-2:first-of-type {
    text-align: left
}

.landing-page.nordvpn .comparison .col-2 {
    min-height: 4rem;
    padding: 0 1rem;
    border: 1px solid #e7e7e8;
    border-bottom: none
}

.landing-page.nordvpn .comparison .col-12:first-of-type .col-2 {
    min-height: 1.5rem
}

.landing-page.nordvpn .comparison .col-12:nth-of-type(7) .col-2:not(:nth-of-type(2)),
.landing-page.nordvpn .comparison .col-12:last-of-type .col-2:nth-of-type(2) {
    border-bottom: 1px solid #e7e7e8
}

.landing-page.nordvpn .comparison .col-12:first-of-type .col-2:not(:nth-of-type(2)),
.landing-page.nordvpn .comparison .col-12:last-of-type .col-2:not(:nth-of-type(2)) {
    border: none
}

.landing-page.nordvpn .comparison .col-12:nth-of-type(2) .col-2:nth-of-type(2),
.landing-page.nordvpn .comparison .col-12:last-of-type .col-2:nth-of-type(2) {
    border-top: none
}

.landing-page.nordvpn .comparison .col-2:first-of-type {
    border-right: none
}

.landing-page.nordvpn .comparison .col-2:not(:first-of-type):not(:nth-of-type(2)) {
    border-left: none
}

.landing-page.nordvpn .comparison .col-12:nth-of-type(2) .col-2:first-of-type {
    border-top-left-radius: 4px
}

.landing-page.nordvpn .comparison .col-12:nth-of-type(7) .col-2:first-of-type {
    border-bottom-left-radius: 4px
}

.landing-page.nordvpn .comparison .col-12:nth-of-type(2) .col-2:last-of-type {
    border-top-right-radius: 4px
}

.landing-page.nordvpn .comparison .col-12:nth-of-type(7) .col-2:last-of-type {
    border-bottom-right-radius: 4px
}

.landing-page.nordvpn .comparison .col-12:first-of-type .col-2:nth-of-type(2) {
    border-radius: 4px 4px 0 0
}

.landing-page.nordvpn .comparison .col-12:last-of-type .col-2:nth-of-type(2) {
    border-radius: 0 0 4px 4px
}

.landing-page.nordvpn .comparison .col-2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.landing-page.nordvpn .comparison .col-12 .col-2:nth-of-type(2) {
    border-left-color: #bed4fe;
    border-right-color: #bed4fe;
    background: #ecf3ff
}

.landing-page.nordvpn .comparison .col-12:first-of-type .col-2:nth-of-type(2) {
    border-top-color: #bed4fe
}

.landing-page.nordvpn .comparison .col-12:last-of-type .col-2:nth-of-type(2) {
    border-bottom-color: #bed4fe
}

.landing-page.nordvpn .comparison .col-2 span {
    width: 100%
}

.landing-page.nordvpn .comparison .btn-get-deal {
    font-size: 1rem;
    padding: .5rem 1.5rem
}

.landing-page.nordvpn .comparison-container {
    overflow-x: auto;
    margin-bottom: 2.5rem
}

.landing-page.nordvpn .comparison-container>.row {
    min-width: 1110px
}

@media (max-width:575px) {
    .landing-page.nordvpn .feature.pricing h1 {
        margin: 3.5rem 0
    }

    .landing-page.nordvpn .hero h2 {
        font-size: 1.5rem
    }

    .landing-page.nordvpn .hero .guarantee {
        font-size: 1.4rem
    }

    .landing-page.nordvpn p {
        font-size: 1rem
    }

    .landing-page.nordvpn .feature.world .world-data p:nth-of-type(2) {
        font-size: 3.75rem;
        line-height: 3rem
    }

    .landing-page.nordvpn .feature.security .row.h-100 p {
        font-size: 1.25rem
    }

    .landing-page.nordvpn .feature.security .row.h-100 {
        margin-bottom: 2.5rem
    }

    .landing-page.nordvpn .feature {
        padding: 35px 0
    }

    .landing-page.nordvpn .br-xs-space {
        content: ""
    }

    .landing-page.nordvpn .br-xs-space:after {
        content: " "
    }
}

@media (min-width:576px) {
    .landing-page.nordvpn .br-sm-reg {
        content: initial
    }

    .landing-page.nordvpn .br-sm-space {
        content: ""
    }

    .landing-page.nordvpn .br-sm-space:after {
        content: " "
    }
}

@media (min-width:768px) {
    .landing-page.nordvpn .br-md-reg {
        content: initial
    }

    .landing-page.nordvpn .br-md-space {
        content: ""
    }

    .landing-page.nordvpn .br-md-space:after {
        content: " "
    }
}

@media (min-width:992px) {

    .landing-page.nordvpn .feature.logo img,
    .landing-page.nordvpn .feature.world .world-image {
        margin: 0
    }

    .landing-page.nordvpn .br-lg-reg {
        content: initial
    }

    .landing-page.nordvpn .br-lg-space {
        content: ""
    }

    .landing-page.nordvpn .br-lg-space:after {
        content: " "
    }
}

@media (min-width:1200px) {
    .landing-page.nordvpn .feature.world {
        text-align: left
    }

    .landing-page.nordvpn .feature.world .world-desc {
        position: initial
    }

    .landing-page.nordvpn .feature.world .world-image {
        position: absolute;
        top: 0;
        right: 2rem;
        opacity: 100%
    }

    .landing-page.nordvpn .br-xl-reg {
        content: initial
    }

    .landing-page.nordvpn .br-xl-space {
        content: ""
    }

    .landing-page.nordvpn .br-xl-space:after {
        content: " "
    }
}

.landing-page.threesixtymonitoring {
    font-family: "Open Sans", sans-serif;
    font-size: .875rem;
    color: #42535e
}

.landing-page.threesixtymonitoring h1,
.landing-page.threesixtymonitoring h2,
.landing-page.threesixtymonitoring h3,
.landing-page.threesixtymonitoring .row-revenue {
    font-weight: 600 !important;
    color: #222
}

.landing-page.threesixtymonitoring h1 {
    font-size: 2.5rem;
    margin-bottom: 2rem
}

.landing-page.threesixtymonitoring h2 {
    font-size: 2.125rem;
    margin-bottom: 2rem
}

.landing-page.threesixtymonitoring h3 {
    font-size: 1.75rem
}

.landing-page.threesixtymonitoring .p-tagline {
    font-size: 1rem;
    margin-bottom: 2rem
}

.landing-page.threesixtymonitoring .section-header .tab-server .p-tagline {
    font-size: 2.125rem;
    font-weight: 600
}

.landing-page.threesixtymonitoring section {
    padding: 5rem 0;
    text-align: center
}

.landing-page.threesixtymonitoring .section-discover,
.landing-page.threesixtymonitoring .section-features {
    padding: 7.5rem 0
}

.landing-page.threesixtymonitoring .section-features .tab-content {
    padding-bottom: 1rem
}

.landing-page.threesixtymonitoring .section-notifications,
.landing-page.threesixtymonitoring .section-monitoring,
.landing-page.threesixtymonitoring .section-features .row-features {
    padding: 3rem 0
}

.landing-page.threesixtymonitoring .nav-secondary {
    padding-top: 5.5rem
}

.landing-page.threesixtymonitoring .section-discover .row-features {
    margin: 5rem 0
}

.landing-page.threesixtymonitoring .section-header .tab-server h2 {
    margin-bottom: 1rem
}

.landing-page.threesixtymonitoring .modal-results .modal-body,
.landing-page.threesixtymonitoring .section-header,
.landing-page.threesixtymonitoring .tab-website .section-monitoring {
    background-color: #b8d2ff;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover
}

.landing-page.threesixtymonitoring .btn-primary {
    background-color: #8952cb !important;
    border-color: #8952cb !important;
    border-radius: 2.5rem;
    color: #fff !important;
    font-weight: 600;
    padding: 1.125rem;
    text-transform: uppercase;
    width: 100%;
    max-width: 25rem
}

.landing-page.threesixtymonitoring .btn:disabled {
    opacity: initial
}

.landing-page.threesixtymonitoring .btn-search {
    background-color: #000;
    border-radius: .25rem;
    color: #fff;
    width: 100%
}

.landing-page.threesixtymonitoring .section-pricing .btn-primary {
    width: 100%
}

.landing-page.threesixtymonitoring .section-header {
    color: #222
}

.landing-page.threesixtymonitoring .section-header .form-control {
    font-weight: 600;
    color: #222
}

.landing-page.threesixtymonitoring .img-logo,
.landing-page.threesixtymonitoring .img-full,
.landing-page.threesixtymonitoring .tab-website h1 {
    margin-bottom: 2rem
}

.landing-page.threesixtymonitoring .modal-results .modal-header {
    background: linear-gradient(to right, #902a6d, #ce3b56);
    color: #fff
}

.landing-page.threesixtymonitoring .modal-results .modal-dialog {
    max-width: 970px
}

.landing-page.threesixtymonitoring .modal-results .modal-body>div {
    margin: 0 1rem
}

.landing-page.threesixtymonitoring .modal-results .modal-body p {
    text-transform: uppercase;
    font-size: 1.75rem;
    font-weight: 600;
    margin: 1.5rem 0
}

.landing-page.threesixtymonitoring .modal-results .modal-body .btn {
    margin: 1.5rem 0
}

.landing-page.threesixtymonitoring .modal-results .div-results {
    margin-bottom: 4rem
}

.landing-page.threesixtymonitoring .modal-results .div-results>div:first-child {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .25rem
}

.landing-page.threesixtymonitoring .modal-results .div-results>div:nth-child(2) {
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: .75rem
}

.landing-page.threesixtymonitoring .modal-results .div-results [data-metric="host_status"] {
    text-transform: uppercase
}

.landing-page.threesixtymonitoring .modal-results .row-legend i {
    margin: 0 1rem
}

.landing-page.threesixtymonitoring .modal-results .row-legend {
    font-size: .75rem;
    font-weight: 600
}

.landing-page.threesixtymonitoring .modal-results .result-positive {
    color: #00c74f
}

.landing-page.threesixtymonitoring .modal-results .result-concern {
    color: #ffcc1a
}

.landing-page.threesixtymonitoring .modal-results .result-negative {
    color: #f1526f
}

.landing-page.threesixtymonitoring .modal-results .div-modal-border {
    width: 100%;
    border-bottom: solid 1px #b8d2ff;
    margin: 2rem 0
}

.landing-page.threesixtymonitoring .nav-item {
    width: 50%
}

.landing-page.threesixtymonitoring .nav-item.nav-full-width {
    width: 100%
}

.landing-page.threesixtymonitoring .nav-link {
    color: #42535e;
    font-weight: 600;
    height: 100%
}

.landing-page.threesixtymonitoring .nav-primary .nav-link {
    background-color: #f1f7ff;
    border-radius: 0 0 .25rem .25rem;
    padding: 1.875rem;
    font-size: 1.25rem
}

.landing-page.threesixtymonitoring .modal-results .modal-header,
.landing-page.threesixtymonitoring .nav-primary .nav-link.active {
    background: linear-gradient(to right, #902a6d, #ce3b56);
    color: #fff
}

.landing-page.threesixtymonitoring .nav-secondary .nav-link {
    background-color: #d9e8ff;
    border-radius: .25rem .25rem 0 0;
    padding: 1.875rem
}

.landing-page.threesixtymonitoring .nav-secondary .nav-link.active {
    background-color: #fff;
    border-radius: 0;
    border-top: solid #9b65db 3px
}

.landing-page.threesixtymonitoring .tab-content {
    padding: initial
}

.landing-page.threesixtymonitoring .div-heading-text {
    margin-top: -7rem
}

.landing-page.threesixtymonitoring .section-features {
    background: linear-gradient(#dce9ff, #ffffff)
}

.landing-page.threesixtymonitoring .row-features {
    font-weight: 600
}

.landing-page.threesixtymonitoring .row-features span {
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 2rem
}

.landing-page.threesixtymonitoring .row-features img {
    margin: 2rem 0;
    width: 7.5rem
}

.landing-page.threesixtymonitoring .row-features p {
    margin-bottom: 2rem
}

.landing-page.threesixtymonitoring .row-notifications {
    font-size: .75rem
}

.landing-page.threesixtymonitoring .row-notifications>div {
    margin: 1rem 0
}

.landing-page.threesixtymonitoring .col-brand-img {
    height: 92px
}

.landing-page.threesixtymonitoring .section-monitoring {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}

.landing-page.threesixtymonitoring .tab-server .section-monitoring {
    margin-bottom: 5rem
}

.landing-page.threesixtymonitoring .section-monitoring .container>.row {
    align-items: center
}

.landing-page.threesixtymonitoring .row-revenue {
    color: #fff;
    font-size: 1.25rem;
    margin: 2.25rem 0
}

.landing-page.threesixtymonitoring .row-revenue .row div:first-child,
.landing-page.threesixtymonitoring .row-revenue .row div:nth-child(4) {
    font-size: 2.5rem
}

.landing-page.threesixtymonitoring .row-revenue>div {
    padding: 15px
}

.landing-page.threesixtymonitoring .row-revenue>div .row {
    border-radius: .5rem;
    margin: auto;
    padding: 1.875rem 0
}

.landing-page.threesixtymonitoring .row-revenue>div:first-child .row {
    background-color: #ac86da
}

.landing-page.threesixtymonitoring .row-revenue>div:nth-child(2) .row {
    background-color: #a175d5
}

.landing-page.threesixtymonitoring .row-revenue>div:nth-child(3) .row {
    background-color: #9563d0
}

.landing-page.threesixtymonitoring .row-revenue>div:last-child .row {
    background-color: #8952cb
}

.landing-page.threesixtymonitoring .div-pricing-container {
    margin-bottom: 3rem
}

.landing-page.threesixtymonitoring .div-pricing {
    min-width: 930px
}

.landing-page.threesixtymonitoring .div-pricing .col-4>div,
.landing-page.threesixtymonitoring .div-pricing .row:not(.row-order) .col-2>div {
    padding: .5rem
}

.landing-page.threesixtymonitoring .div-pricing .row-order {
    margin-bottom: 1rem
}

.landing-page.threesixtymonitoring .row-amount {
    margin-top: 2rem;
    margin-bottom: 1rem
}

.div-pricing>div:nth-child(2)>div {
    border-top: solid #f8fafc 3px
}

.landing-page.threesixtymonitoring .div-heading-border {
    border-bottom: solid #9b65db 3px;
    margin: .5rem
}

.landing-page.threesixtymonitoring .div-pricing-container ul {
    list-style: none;
    padding: 0
}

.landing-page.threesixtymonitoring .div-pricing-container li {
    height: 2.5rem;
    line-height: 2.5rem
}

.landing-page.threesixtymonitoring .div-pricing-container .div-feature-labels li,
.landing-page.threesixtymonitoring .div-pricing-container .div-feature-label-starting {
    padding-left: .5rem
}

.landing-page.threesixtymonitoring .header {
    height: 6.25rem
}

.landing-page.threesixtymonitoring .div-feature-price {
    margin: 0 1rem
}

.landing-page.threesixtymonitoring .div-feature-label-starting,
.landing-page.threesixtymonitoring .div-feature-price {
    margin-top: 2.5rem;
    line-height: 2.5rem
}

.landing-page.threesixtymonitoring .div-feature-order {
    margin: 1rem;
    margin-bottom: 3rem
}

.landing-page.threesixtymonitoring .div-feature-labels {
    text-align: left;
    width: 65%;
    float: left
}

.landing-page.threesixtymonitoring .div-feature-values {
    width: 35%;
    float: left
}

.landing-page.threesixtymonitoring .div-pricing-container .div-feature-labels ul li:nth-child(2n+2) {
    background-color: #f1f5f9
}

.landing-page.threesixtymonitoring .div-pricing-container .div-feature-values li {
    text-transform: lowercase
}

.landing-page.threesixtymonitoring .div-pricing-container .div-feature-values ul li:nth-child(2n+2) {
    background-color: #f8fafc
}

.landing-page.threesixtymonitoring .div-feature-price {
    background-color: #b8d2ff;
    color: #fff
}

.landing-page.threesixtymonitoring .div-feature-labels,
.landing-page.threesixtymonitoring .div-plan-name,
.landing-page.threesixtymonitoring .div-feature-price,
.landing-page.threesixtymonitoring .section-pricing strong {
    font-weight: 600
}

.landing-page.threesixtymonitoring .div-feature-label-starting {
    background-color: #8952cb;
    color: #fff
}

.landing-page.threesixtymonitoring .section-pricing .fa-times {
    color: #2ea2e2
}

.landing-page.threesixtymonitoring .div-sample-price {
    filter: blur(3px);
    -webkit-filter: blur(3px)
}

.landing-page.threesixtymonitoring .section-faq .btn-link {
    color: #42535e;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    font-size: .9rem
}

.landing-page.threesixtymonitoring .section-faq .card {
    border: 0;
    margin: 0
}

.landing-page.threesixtymonitoring .section-faq .card-header {
    background-color: #fff;
    border-bottom: solid #f6f9ff 3px;
    border-radius: 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.landing-page.threesixtymonitoring .section-faq .card-body {
    font-weight: 600;
    text-align: left
}

.landing-page.threesixtymonitoring .section-faq .fa-plus,
.landing-page.threesixtymonitoring .section-faq .fa-minus {
    color: #2ea2e2;
    cursor: pointer
}

@media (min-width:768px) {
    .landing-page.threesixtymonitoring .modal-results .row-legend i {
        margin: 0 .5rem
    }

    .landing-page.threesixtymonitoring .modal-results .div-results>div:nth-child(2) {
        font-size: 1.75rem
    }

    .landing-page.threesixtymonitoring .div-feature-labels,
    .landing-page.threesixtymonitoring .div-plan-name,
    .landing-page.threesixtymonitoring .div-feature-price {
        font-weight: 600;
        font-size: 1rem
    }

    .landing-page.threesixtymonitoring .div-feature-labels.feature-count-2 {
        width: 50%
    }

    .landing-page.threesixtymonitoring .div-feature-values.feature-count-2 {
        width: 25%
    }

    .landing-page.threesixtymonitoring .div-pricing-container>.div-feature-labels.feature-count-2:not(:first-child),
    .landing-page.threesixtymonitoring .div-pricing-container>.div-feature-labels.feature-count-3:not(:first-child),
    .landing-page.threesixtymonitoring .div-pricing-container>.div-feature-labels.feature-count-4:not(:first-child) {
        display: none
    }

    .landing-page.threesixtymonitoring .div-pricing-container>.div-feature-labels.feature-count-4:nth-child(5) {
        display: block
    }

    .landing-page.threesixtymonitoring .div-feature-labels.feature-count-3 {
        width: 40%
    }

    .landing-page.threesixtymonitoring .div-feature-values.feature-count-3 {
        width: 20%
    }

    .landing-page.threesixtymonitoring .div-feature-labels.feature-count-4 {
        width: 50%
    }

    .landing-page.threesixtymonitoring .div-feature-values.feature-count-4 {
        width: 25%
    }
}

@media (min-width:992px) {

    .landing-page.threesixtymonitoring .section-header,
    .landing-page.threesixtymonitoring .tab-website .section-monitoring,
    .landing-page.threesixtymonitoring .section-faq {
        text-align: left
    }

    .landing-page.threesixtymonitoring .section-faq h2 {
        text-align: center
    }

    .landing-page.threesixtymonitoring .div-feature-labels,
    .landing-page.threesixtymonitoring .div-plan-name,
    .landing-page.threesixtymonitoring .div-feature-price {
        font-weight: 600;
        font-size: 1.125rem
    }

    .landing-page.threesixtymonitoring .div-feature-labels.feature-count-4 {
        width: 40%
    }

    .landing-page.threesixtymonitoring .div-feature-values.feature-count-4 {
        width: 15%
    }

    .landing-page.threesixtymonitoring .div-pricing-container>.div-feature-labels.feature-count-4:not(:first-child) {
        display: none
    }
}

#order-standard_cart .header-lined h1 {
    font-weight: 900
}

#order-standard_cart .cart-sidebar {
    float: left;
    width: 25%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

#order-standard_cart .cart-sidebar h3 {
    margin: 0;
    font-size: 16px
}

#order-standard_cart .cart-sidebar .list-group-item {
    margin: 0;
    padding: 8px 15px;
    border-top: 0;
    border-left: 0;
    border-right: 0
}

#order-standard_cart .cart-sidebar .list-group-item:first-child {
    border-radius: 0
}

#order-standard_cart .cart-sidebar .list-group-item:last-child {
    border-bottom: 0
}

#order-standard_cart .cart-body {
    float: right;
    width: 75%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

#order-standard_cart .secondary-cart-body {
    float: left;
    width: 65%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

#order-standard_cart .secondary-cart-sidebar {
    float: right;
    width: 35%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

#order-standard_cart .field-container {
    margin: 0 0 30px 0
}

#order-standard_cart label.radio,
#order-standard_cart label.radio-inline {
    margin: 0;
    cursor: pointer
}

#order-standard_cart label .iradio_square-blue {
    margin-right: 2px
}

#order-standard_cart .domain-renewals .domain-renewal-form {
    display: flex
}

#order-standard_cart .domain-renewals .domain-renewal-form .domain-renewal-period {
    width: 100%;
    margin-right: .5rem
}

#order-standard_cart .domain-renewals .domain-renewal-form .domain-renewal-action .btn {
    font-size: 80%;
    min-width: 130px;
    padding: 0;
    height: 46px;
    min-height: 46px
}

#order-standard_cart .info-text-sm {
    font-size: .85em;
    text-align: center
}

#order-standard_cart .sidebar-collapsed {
    margin-top: 20px;
    padding: 4px;
    border-radius: 4px
}

#order-standard_cart .sidebar-collapsed::after {
    display: block;
    clear: both;
    content: ""
}

#order-standard_cart .sub-heading {
    margin-bottom: 2rem;
    margin-top: 3rem;
    border: 0 none;
    position: relative;
    z-index: 1;
    text-align: center
}

#order-standard_cart .sub-heading span {
    display: inline-block;
    background-color: #EDF0F5;
    border-radius: 4px;
    padding: 2px 8px;
    border: 1px solid #D5DCE5;
    font-weight: 500
}

#order-standard_cart .sub-heading span small {
    border: 0 none;
    opacity: .7
}

#order-standard_cart .sub-heading:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    right: 0;
    border: 0;
    height: 1px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0))
}

#order-standard_cart .sub-heading-borderless {
    height: 0;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px
}

#order-standard_cart .sub-heading-borderless span {
    display: inline-block;
    position: relative;
    padding: 0 17px;
    top: -11px;
    font-size: 16px;
    color: #058
}

#order-standard_cart .products {
    margin: 10px 0
}

#order-standard_cart .products .product {
    position: relative;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
    border-radius: 4px;
    border: 1px solid #D5DCE5
}

#order-standard_cart .products .product header {
    position: relative;
    padding: 10px 20px;
    margin: 0 1px;
    border-radius: 3px 3px 0 0
}

#order-standard_cart .products .product header span {
    margin: 0;
    color: #333;
    font-size: 1.2em
}

#order-standard_cart .products .product header .qty {
    float: right;
    font-size: .8em;
    font-style: italic;
    color: #888
}

#order-standard_cart .products .product h4 {
    margin-top: 0
}

#order-standard_cart .products .product .product-body {
    flex: 1 0 auto
}

#order-standard_cart .products .product .product-options {
    padding: 30px 0 0
}

#order-standard_cart .products .product .product-options select {
    padding: 0 15px
}

#order-standard_cart .products .product .product-addon-footer {
    display: flex;
    align-items: center;
    margin-top: auto;
    padding-top: 15px;
    border-top: 1px solid #D5DCE5
}

#order-standard_cart .products .product .product-addon-footer .product-pricing strong {
    font-size: 1.5rem
}

#order-standard_cart .products .product .product-addon-footer .product-actions {
    margin-top: auto;
    margin-left: auto
}

#order-standard_cart .products .product span.feature-value {
    font-weight: bold
}

@media (min-width:768px) {
    #order-standard_cart .addon-products {
        display: flex;
        flex-wrap: wrap
    }

    #order-standard_cart .addon-products div[class*=col-] {
        display: flex
    }
}

#order-standard_cart .panel-addon:hover {
    cursor: pointer
}

#order-standard_cart .panel-addon .panel-body label {
    cursor: pointer
}

#order-standard_cart .panel-addon .panel-body .panel-addon-name {
    font-weight: 500
}

#order-standard_cart .panel-addon .panel-body .panel-addon-price {
    display: block;
    margin-bottom: 10px;
    font-size: 85%
}

#order-standard_cart .panel-addon .panel-body p {
    font-size: 85%
}

#order-standard_cart .panel-addon.panel-addon-selected {
    border-color: #0273d4;
    background-color: #EDF0F5
}

#order-standard_cart .domain-selection-options {
    margin: 1rem 0
}

#order-standard_cart .domain-selection-options .option {
    padding: .5rem 1rem
}

#order-standard_cart .domain-selection-options .option label {
    cursor: pointer
}

#order-standard_cart .domain-selection-options .option:hover {
    cursor: pointer
}

#order-standard_cart .domain-selection-options .option .iradio_square-blue {
    margin-right: 10px
}

#order-standard_cart .domain-selection-options .option-selected {
    background-color: #EDF0F5;
    border: 1px solid #D5DCE5;
    border-radius: 4px
}

#order-standard_cart .domain-selection-options .option-selected label {
    font-weight: 500
}

#order-standard_cart .domain-suggestions {
    margin-bottom: 20px;
    font-size: .8em
}

#order-standard_cart .domain-suggestions .icheckbox_square-green {
    margin-right: 10px
}

#order-standard_cart .domain-input-group {
    display: none;
    margin: 10px 0
}

#order-standard_cart .domain-loading-spinner {
    display: none;
    padding: 30px;
    text-align: center
}

#order-standard_cart .domain-lookup-primary-loader {
    margin: 20px 0;
    text-align: center
}

#order-standard_cart .domain-lookup-primary-results {
    margin: 20px 0;
    text-align: center
}

#order-standard_cart .domain-lookup-primary-results .headline {
    font-size: 1.6em;
    word-wrap: break-word
}

#order-standard_cart .domain-checker-result-headline {
    margin: 1rem;
    text-align: center;
    word-wrap: break-word
}

#order-standard_cart .domain-checker-available {
    font-size: 1.5rem;
    color: #5cb85c
}

#order-standard_cart .domain-checker-unavailable {
    color: #d9534f
}

#order-standard_cart .domain-checker-invalid {
    color: #d9534f
}

#order-standard_cart .transfer-eligible {
    margin: 30px 0 15px;
    padding: 20px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

#order-standard_cart .transfer-not-eligible {
    margin: 30px 0 15px;
    padding: 20px;
    color: #666;
    background-color: #f6f6f6
}

#order-standard_cart .domain-add-domain {
    margin: 25px 0
}

#order-standard_cart .order-summary {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 0;
    font-size: 14px
}

#order-standard_cart .order-summary h2 {
    margin: 0;
    padding: 10px;
    font-size: 18px
}

#order-standard_cart .order-summary .product-name {
    display: block;
    font-weight: bold;
    font-size: 1.5em;
    margin: 0 0 15px 0
}

#order-standard_cart .order-summary .product-group {
    margin: 0;
    display: block
}

#order-standard_cart .order-summary .summary-totals {
    margin: 5px 0;
    padding: 5px 0;
    border-top: 1px solid #D5DCE5;
    border-bottom: 1px solid #D5DCE5
}

#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .order-summary .total-due-today-padded {
    padding: .5rem 0 0
}

#order-standard_cart .order-summary .total-due-today span,
#order-standard_cart .order-summary .total-due-today-padded span {
    display: block;
    font-size: 14px
}

#order-standard_cart .order-summary .total-due-today .amt,
#order-standard_cart .order-summary .total-due-today-padded .amt {
    font-size: 3em;
    font-weight: 500
}

#order-standard_cart .order-summary .loader {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center
}

#order-standard_cart .order-summary .subtotal {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 1.2em;
    border-bottom: 1px solid #ddd
}

#order-standard_cart .order-summary .bordered-totals {
    margin: 0 0 5px 0;
    padding: 5px 0;
    border-bottom: 1px solid #ddd
}

#order-standard_cart .order-summary .recurring-totals {
    margin: 5px 0 0 0;
    padding: 0
}

#order-standard_cart .order-summary .recurring-charges {
    color: #777;
    font-style: italic;
    text-align: right
}

#order-standard_cart .summary-container-outer {
    padding: 10px;
    border-radius: 4px;
    background-color: #EDF0F5;
    border: 1px solid #D5DCE5
}

#order-standard_cart .summary-container {
    margin-bottom: .5rem;
    min-height: 100px;
    font-size: .8em
}

#order-standard_cart .panel-taxes {
    font-size: .8em
}

#order-standard_cart .row-upgrade-credit {
    margin-top: 5px
}

#order-standard_cart .row-upgrade-credit .item-price {
    font-size: .9em
}

#order-standard_cart #btnAlreadyRegistered {
    margin: 0 0 0 10px
}

#order-standard_cart #btnNewUserSignup {
    margin: 0 0 0 10px
}

#order-standard_cart .checkout-error-feedback {
    margin: 15px 0
}

#order-standard_cart .apply-credit-container {
    margin: 15px 0;
    padding: 15px;
    background-color: #EDF0F5;
    border: 1px solid #D5DCE5;
    box-shadow: 0 4px 6px 0 rgba(0, 11, 40, 0.1);
    border-radius: 4px
}

#order-standard_cart .apply-credit-container span {
    font-weight: bold
}

#order-standard_cart .apply-credit-container .radio {
    padding-left: 20px;
    padding-right: 20px
}

#order-standard_cart .apply-credit-container .iradio_square-blue {
    margin-right: 6px
}

#order-standard_cart .checkout-security-msg {
    margin: 20px 0;
    padding-left: 75px;
    font-size: .8em
}

#order-standard_cart .checkout-security-msg i {
    float: left;
    margin-left: -48px;
    font-size: 2.8em
}

#order-standard_cart .prepend-icon {
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    font-weight: normal
}

#order-standard_cart .prepend-icon .field {
    -webkit-appearance: none;
    padding-left: 36px
}

#order-standard_cart .prepend-icon .field-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    top: 0;
    z-index: 4;
    width: 42px;
    height: 43px;
    color: inherit;
    line-height: 43px;
    position: absolute;
    text-align: center;
    transition: all .5s ease-out;
    pointer-events: none
}

#order-standard_cart .prepend-icon .field-icon i {
    position: relative;
    font-size: 14px
}

#order-standard_cart .field {
    position: relative;
    vertical-align: top;
    display: -moz-inline-stack;
    display: inline-block
}

#order-standard_cart .form-control {
    position: relative;
    vertical-align: top;
    display: -moz-inline-stack;
    display: inline-block
}

#order-standard_cart .form-control:focus {
    outline: 0;
    box-shadow: none
}

#order-standard_cart .input-group-lg>.form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px 0 0 6px
}

#order-standard_cart .form-control-qty {
    width: 70px;
    text-align: center
}

#order-standard_cart .form-control-static-inline {
    display: inline-block
}

#order-standard_cart textarea.field {
    height: auto
}

#order-standard_cart .field-icon i {
    color: #bbb
}

#order-standard_cart .field-help-text {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #888;
    font-size: 12px
}

#order-standard_cart .view-cart-items-header {
    margin: 0;
    padding: 8px 15px;
    background-color: #058;
    color: #fff;
    font-size: .9em;
    border-radius: 4px 4px 0 0
}

#order-standard_cart .view-cart-items {
    margin: 0 0 20px 0;
    border-bottom: 2px solid #058
}

#order-standard_cart .view-cart-items .item {
    margin: 0;
    padding: 10px;
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    font-size: .8em
}

#order-standard_cart .view-cart-items .item:nth-child(even) {
    background-color: #eee
}

#order-standard_cart .view-cart-items .item span:not(.caret):not(.renewal-price) {
    display: block
}

#order-standard_cart .view-cart-items .item-title {
    font-size: 1.6em
}

#order-standard_cart .view-cart-items .item-group {
    font-size: 1.2em
}

#order-standard_cart .view-cart-items .item-domain {
    color: #056
}

#order-standard_cart .view-cart-items .item-price {
    text-align: right
}

#order-standard_cart .view-cart-items .item-price span {
    font-size: 1.6em
}

#order-standard_cart .view-cart-items .item-price .cycle {
    font-size: .9em
}

#order-standard_cart .view-cart-items .item-qty {
    text-align: center
}

#order-standard_cart .view-cart-items .item-qty input {
    margin-bottom: 5px;
    padding: 4px;
    height: auto
}

#order-standard_cart .view-cart-items .item-qty button {
    font-size: .8em
}

#order-standard_cart .btn-remove-from-cart:hover {
    text-decoration: none
}

#order-standard_cart .btn-checkout {
    padding: 15px 34px
}

#order-standard_cart .view-cart-promotion-code {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px dashed #D5DCE5
}

#order-standard_cart .view-cart-promotion-code .code {
    margin: 0 1rem
}

#order-standard_cart .view-cart-gateway-checkout {
    margin: 0 0 20px 0;
    padding: 15px;
    background-color: #e8e8e8;
    border-radius: 4px;
    text-align: center
}

#order-standard_cart .express-checkout-buttons .separator {
    margin-left: 70px;
    padding: 5px;
    text-align: center;
    font-weight: bold
}

#order-standard_cart .order-confirmation {
    text-align: center
}

#order-standard_cart .order-confirmation span {
    font-size: 1.4em
}

#order-standard_cart .order-confirmation-addon-output {
    margin: 15px 0;
    text-align: center
}

#order-standard_cart .modal-title i {
    display: block;
    padding-top: 25px
}

#order-standard_cart .modal-body {
    text-align: center !important;
    border: 0
}

#order-standard_cart .modal-footer {
    text-align: center !important
}

#order-standard_cart .modal-remove-item .modal-footer {
    padding-bottom: 45px
}

#order-standard_cart .addon-promo-container {
    font-size: .9em
}

#order-standard_cart .addon-promo-container .logo {
    float: right;
    margin: 0 0 10px 20px;
    text-align: right;
    line-height: 100px
}

#order-standard_cart .addon-promo-container img {
    max-width: 120px
}

#order-standard_cart .addon-promo-container .description {
    margin: 10px 0
}

#order-standard_cart .addon-promo-container label {
    margin-bottom: .25rem;
    width: 98%
}

#order-standard_cart .addon-promo-container label:last-child {
    margin-bottom: 1rem
}

#order-standard_cart .addon-promo-container a {
    text-decoration: underline
}

#order-standard_cart .addon-promo-container,
#order-standard_cart .product-configurable-options {
    padding: 20px
}

#order-standard_cart .mc-promos {
    margin: 20px auto 30px
}

#order-standard_cart .mc-promo {
    margin: 0 0 10px 0
}

#order-standard_cart .mc-promo .cta {
    float: right;
    padding: 3px 10px;
    text-align: center
}

#order-standard_cart .mc-promo .headline {
    padding-top: 8px;
    font-size: 1.3em
}

#order-standard_cart .mc-promo .tagline {
    font-size: 1.2em;
    font-weight: 300
}

#order-standard_cart .mc-promo .header {
    border-bottom: 0;
    height: 70px;
    overflow: hidden;
    cursor: pointer
}

#order-standard_cart .mc-promo .icon {
    float: left;
    margin: 10px;
    width: 64px;
    height: 50px;
    line-height: 50px;
    text-align: center
}

#order-standard_cart .mc-promo .icon img {
    background-color: #FFFFFF;
    max-width: 100%;
    max-height: 100%
}

#order-standard_cart .mc-promo .body {
    padding: 10px 15px;
    border-top: 10px solid #D5DCE5;
    font-size: .85em;
    display: none
}

#order-standard_cart .mc-promo .body i {
    color: #0273d4;
    padding-right: 3px
}

#order-standard_cart .mc-promo .body ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#order-standard_cart .mc-promo .body li {
    width: 50%
}

#order-standard_cart .mc-promo .body li.left {
    float: left
}

#order-standard_cart .mc-promo .body li.right {
    float: right
}

#order-standard_cart .mc-promo .price {
    padding: 4px 0;
    font-size: 1.15em
}

#order-standard_cart .mc-promo .btn-add {
    padding: 0;
    font-size: 1em
}

#order-standard_cart .mc-promo .arrow {
    display: inline-block;
    padding: 2px 8px;
    background-color: #0273d4
}

#order-standard_cart .mc-promo .text {
    display: inline-block;
    padding: 2px 8px;
    font-size: .9em
}

#order-standard_cart .mc-promo .expander {
    float: left;
    width: 28px;
    font-size: 1.5em;
    text-align: right;
    line-height: 60px;
    transition: all 2s linear;
    opacity: .5
}

#order-standard_cart .mc-promo .rotate {
    transition: all .2s linear
}

#order-standard_cart .mc-promo .rotate.down {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#order-standard_cart .default-captcha {
    margin: 0 auto 6px auto;
    padding: 10px;
    max-width: 340px;
    background-color: #F9F9F9;
    border: 1px solid #d3d3d3;
    color: #888;
    border-radius: 3px;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08);
    text-align: center;
    font-size: .9em
}

#order-standard_cart .default-captcha-register-margin {
    margin: 18px auto -25px auto
}

#order-standard_cart .captcha-container p {
    margin-bottom: 5px
}

#order-standard_cart .captcha-container img {
    margin-top: 3px
}

#order-standard_cart .captcha-container .form-control {
    height: inherit;
    max-width: 90px;
    text-align: center
}

#order-standard_cart .captcha-container #google-recaptcha {
    width: 304px;
    height: 100px;
    margin-top: 15px;
    margin-bottom: -50px
}

#order-standard_cart .captcha-container #google-recaptcha.recaptcha-transfer {
    margin-bottom: -20px
}

#order-standard_cart .idn-language-selector {
    font-size: 14px
}

#order-standard_cart .account-select-container {
    margin: 0;
    border-right: 1px solid #D5DCE5
}

#order-standard_cart .account-select-container div {
    padding: 0
}

#order-standard_cart .account-select-container div.account {
    border: 1px solid #D5DCE5;
    border-right: 0;
    padding: 10px
}

#order-standard_cart .account-select-container div.account:not(.border-bottom) {
    border-bottom: 0
}

#order-standard_cart .account-select-container div.account.active {
    background: #EDF0F5
}

#order-standard_cart .recaptcha-container {
    display: inline-block
}

#order-standard_cart .font-size-36 {
    font-size: 36px
}

#order-standard_cart .font-size-30 {
    font-size: 30px
}

#order-standard_cart .font-size-24 {
    font-size: 24px
}

#order-standard_cart .font-size-22 {
    font-size: 22px
}

#order-standard_cart .font-size-18 {
    font-size: 18px
}

#order-standard_cart .font-size-14 {
    font-size: 14px
}

#order-standard_cart .font-size-12 {
    font-size: 12px
}

#order-standard_cart .section-billing-cycle label {
    width: 100%
}

#order-standard_cart #cros-payment-gateway.TM-card {
    background-color: #FFFFFF;
    padding: 0
}

#order-standard_cart #cros-payment-gateway label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    border-bottom: 1px solid #D5DCE5;
    cursor: pointer;
    margin: 0
}

#order-standard_cart #cros-payment-gateway label .check-label {
    color: #2a2e36;
    margin-left: 8px
}

#order-standard_cart #cros-payment-gateway label .check-icon img {
    height: 30px;
    max-height: 30px;
    padding: .25rem;
    border-radius: 4px;
    border: 1px solid #D5DCE5
}

#order-standard_cart #cros-payment-gateway label.is-selected .check-label {
    color: #0273d4
}

#order-standard_cart #cros-payment-gateway label:last-child {
    border-bottom: 0 none
}

#order-standard_cart .irs--big .irs-from,
#order-standard_cart .irs--big .irs-to,
#order-standard_cart .irs--big .irs-single {
    background: #0273d4;
    box-shadow: none
}

#order-standard_cart .irs--big .irs-bar {
    background: #0273d4;
    background: linear-gradient(to bottom, #0273d4 0%, #0273d4 100%);
    border: 0 none
}

#order-standard_cart .irs--big .irs-bar.irs-bar--single {
    border-radius: 0
}

#order-standard_cart .irs--big .irs-grid-pol {
    background-color: #2a2e36
}

#order-standard_cart .irs--big .irs-grid-text {
    color: #2a2e36
}

#order-standard_cart .irs--big .irs-min,
#order-standard_cart .irs--big .irs-max {
    background-color: #101010
}

#order-standard_cart .irs--big .irs-line {
    background: #FFFFFF;
    background-color: #FFFFFF;
    border-radius: 0;
    border-color: #D5DCE5
}

#order-standard_cart .irs--big .irs-handle {
    background: #0273d4;
    box-shadow: none;
    border: 1px solid #0273d4;
    border-radius: 0;
    width: 10px
}

#order-standard_cart .irs--big .irs-handle.state_hover,
#order-standard_cart .irs--big .irs-handle:hover {
    background: #0258a1;
    box-shadow: none;
    border: 1px solid #0258a1
}

#order-standard_cart .cartsummary_cont .summary_body .list-item {
    display: flex;
    justify-content: space-between;
    padding: 1px 0
}

#order-standard_cart .cartsummary_cont .summary_body .list-item.list-item-title {
    padding: .25rem 0
}

#order-standard_cart .cartsummary_cont .summary_body .list-item .item-name {
    overflow: hidden;
    text-overflow: ellipsis
}

#order-standard_cart .cartsummary_cont .summary_body .list-item .item-value {
    text-align: right;
    padding-left: .25rem
}

#order-standard_cart .cartsummary_cont .summary_body .list-item:last-child {
    padding-bottom: 0
}

#order-standard_cart .cart-summry-list {
    margin: 0;
    padding: .5rem 0
}

#order-standard_cart .cart-summry-list .list-item {
    display: flex;
    justify-content: space-between;
    padding: 1px 0
}

#order-standard_cart .cart-summry-list .list-item.list-item-title {
    padding: .25rem 0
}

#order-standard_cart .cart-summry-list .list-item .item-name {
    overflow: hidden;
    text-overflow: ellipsis
}

#order-standard_cart .cart-summry-list .list-item .item-value {
    text-align: right;
    padding-left: .25rem
}

#order-standard_cart .cart-summry-list .list-item:last-child {
    padding-bottom: 0
}

#order-standard_cart .cc-input-container {
    padding: 15px 15px 10px 15px;
    border: 1px solid #D5DCE5;
    border-radius: 4px;
    margin-bottom: 20px
}

#order-standard_cart .paypal_ppcpv-payment-form .selected {
    background-color: transparent !important
}

#order-standard_cart #frmCheckout.paypal_ppcpv-payment-form #creditCardInputFields ul,
#order-standard_cart #frmPayment.paypal_ppcpv-payment-form .paymethod-info:not([data-paymethod-id]) {
    border: 0 none !important;
    display: block !important;
    border-radius: 0 !important;
    padding: 0 !important;
    width: 100%
}

#order-standard_cart #paypal_ppcpv_input_container {
    margin-top: .75rem
}

.cc-input-container .form-group {
    margin-top: 10px;
    margin-bottom: 10px
}

.cc-input-container .radio-inline {
    padding-left: 0;
    margin-bottom: 10px
}

.cc-input-container .paymethod-info {
    cursor: pointer;
    padding-right: 10px;
    margin-bottom: 5px
}

.cc-input-container ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.cc-input-container ul li {
    padding: 2px 0
}

.cc-input-container i {
    padding: 0 6px;
    width: 28px;
    text-align: center
}

.cc-input-container .existing-cc-grid .card-list .paymethod-info {
    margin: 0;
    padding: 0
}

.cc-input-container .existing-cc-grid .card-list label {
    margin-right: 0 !important
}

.cc-input-container .existing-cc-grid .card-list .card-item {
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    cursor: pointer;
    transition: border .24s ease;
    margin-bottom: .5rem
}

.cc-input-container .existing-cc-grid .card-list .card-item .card-item-icon {
    display: flex;
    align-items: center;
    font-size: 130%;
    width: 50px;
    min-width: 50px
}

.cc-input-container .existing-cc-grid .card-list .card-item .card-item-icon i {
    padding: 0
}

.cc-input-container .existing-cc-grid .card-list .card-item .card-item-name {
    width: 60%;
    max-width: 60%;
    font-weight: 500;
    margin-right: auto
}

.cc-input-container .existing-cc-grid .card-list .card-item .card-item-status {
    display: flex
}

.cc-input-container .existing-cc-grid .card-list .card-item .card-item-status .label {
    line-height: 1
}

.cc-input-container .existing-cc-grid .card-list .card-item .card-item-actions {
    white-space: nowrap
}

.cc-input-container .existing-cc-grid .card-list .card-item [class*="card-item-"] {
    margin-left: .5rem
}

.cc-input-container .existing-cc-grid .card-list .card-item.active,
.cc-input-container .existing-cc-grid .card-list .card-item.selected,
.cc-input-container .existing-cc-grid .card-list .card-item:hover,
.cc-input-container .existing-cc-grid .card-list .card-item:focus {
    border-color: #0273d4 !important
}

.cc-input-container .existing-cc-grid .card-list .card-item.disabled {
    cursor: not-allowed;
    opacity: .8
}

@media (max-width:540px) {
    .cc-input-container .existing-cc-grid .card-list .card-item {
        flex-wrap: wrap
    }

    .cc-input-container .existing-cc-grid .card-list .card-item .card-item-icon {
        order: 0
    }

    .cc-input-container .existing-cc-grid .card-list .card-item .card-item-name {
        order: 1
    }

    .cc-input-container .existing-cc-grid .card-list .card-item .card-item-status {
        margin-left: auto;
        order: 2;
        text-align: right
    }

    .cc-input-container .existing-cc-grid .card-list .card-item .card-item-actions {
        display: flex;
        align-items: center;
        order: 3;
        margin-left: auto;
        justify-content: flex-end
    }
}

.cc-input-container .existing-cc-grid .card-list.bankAccount .card-item-icon {
    width: auto;
    min-width: auto
}

.error-heading {
    margin: 30px 0;
    font-size: 1.4em;
    text-align: center
}

div.domainresults div:not(.btn-group) {
    margin: 0;
    padding: 10px 25px;
    background-color: #ddd;
    color: #666;
    font-size: 1em;
    border-radius: 6px 6px 0 0
}

div.domainresults div:not(.btn-group) span {
    padding-left: 20px;
    font-size: 14px;
    color: #888
}

div.domainresults table tr td {
    padding: 5px 30px;
    line-height: 40px
}

div.domainresults div.domain-checkout-area {
    display: none;
    float: right;
    padding: 8px 40px 0
}

.domain-bulk-options-box {
    position: absolute;
    top: 18px;
    right: 134px;
    z-index: 100
}

.domain-check-availability {
    width: 100px;
    height: 46px
}

.domain-step-options {
    min-height: 300px
}

.domain-checker-result-headline {
    margin: 20px;
    text-align: center
}

.domain-checker-available {
    font-size: 1.5rem;
    color: #5cb85c
}

.domain-checker-unavailable {
    color: #d9534f
}

.domain-checker-invalid {
    color: #d9534f
}

.domain-disclaimer-area {
    margin: 0 0 25px 0;
    font-size: 12px
}

.domain-bulk-domain-well {
    width: 60%
}

.domain-searching {
    color: #ccc
}

.spotlight-tlds {
    margin: 15px 0;
    padding: 7px 14px
}

.spotlight-tlds-container {
    margin-left: -7px;
    margin-right: -7px
}

.spotlight-tld-container {
    float: left;
    padding: 7px 7px
}

.spotlight-tld-container-1 {
    width: 100%
}

.spotlight-tld-container-2 {
    width: 50%
}

.spotlight-tld-container-3 {
    width: 33.3%
}

.spotlight-tld-container-4 {
    width: 25%
}

.spotlight-tld-container-5 {
    width: 20%
}

.spotlight-tld-container-6 {
    width: 16.6%
}

.spotlight-tld-container-7 {
    width: 14.28%
}

.spotlight-tld-container-8 {
    width: 12.5%
}

.spotlight-tld {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 1rem 0;
    height: 112px;
    border-radius: 4px;
    text-align: center;
    font-weight: 900;
    border: 1px solid #D5DCE5;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1)
}

.spotlight-tld span {
    display: block;
    padding: 5px 0;
    font-weight: normal
}

.spotlight-tld .btn:not(.domain-contact-support) {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.5;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.spotlight-tld .btn span {
    padding: 0
}

.spotlight-tld .btn.domain-contact-support {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.5;
    min-width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.spotlight-tld .unavailable {
    margin: 32px 0
}

.spotlight-tld .invalid {
    margin: 32px 0
}

.spotlight-tld .domain-contact-support {
    margin: 19px 0
}

.spotlight-tld .domain-lookup-spotlight-loader {
    line-height: 47px;
    font-size: 1.4em
}

.spotlight-tld .results {
    display: none
}

.spotlight-tld-new,
.spotlight-tld-sale,
.spotlight-tld-hot {
    width: 60px;
    position: absolute;
    letter-spacing: 1px;
    padding: 3px;
    font-size: x-small;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    top: 3px;
    right: -18px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.spotlight-tld-new {
    background-color: #2ad588
}

.spotlight-tld-sale {
    background-color: #f7d458
}

.spotlight-tld-hot {
    background-color: #f9615a;
    color: #FFFFFF
}

.suggested-domains .panel-heading,
.suggested-domains .card-header {
    border-bottom: 2px solid #0273d4
}

.suggested-domains .domain-lookup-suggestions-loader {
    padding: 30px 20px;
    text-align: center;
    opacity: .7
}

.suggested-domains .list-group-item {
    font-size: 90%;
    word-wrap: break-word
}

.suggested-domains .extension {
    font-weight: 900
}

.suggested-domains .promo.hot,
.suggested-domains .promo.sale,
.suggested-domains .promo.new {
    padding: 2px 8px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000
}

.suggested-domains .promo.hot {
    background-color: #f9615a;
    color: #FFFFFF
}

.suggested-domains .promo.sale {
    background-color: #f7d458
}

.suggested-domains .promo.new {
    background-color: #2ad588
}

.suggested-domains .actions {
    float: right
}

.suggested-domains .price {
    font-size: 1rem;
    font-weight: 500;
    padding: 0 20px
}

.suggested-domains .btn:not(.domain-contact-support) {
    padding: 2px 10px;
    line-height: 1.4;
    font-size: 12px
}

.suggested-domains .btn.domain-contact-support {
    padding: 2px 10px;
    font-size: 11px;
    line-height: 1.4
}

.btn-transfer {
    min-width: 100px
}

.slim-alert {
    margin: 0 0 5px 0;
    padding: 5px;
    text-align: center
}

.domain-suggestions-warning {
    padding: 10px 0;
    font-size: .7em
}

.order-summary i.fa-trash {
    opacity: .5
}

.order-summary i.fa-trash:hover {
    opacity: 1
}

.mc-promo em {
    font-weight: bold;
    font-style: normal
}

@media only screen and (max-width:1199px) {
    #order-standard_cart .cart-sidebar {
        display: none
    }

    #order-standard_cart .cart-body {
        width: 100%;
        float: none
    }

    #order-standard_cart .secondary-cart-body {
        width: 69%
    }

    #order-standard_cart .secondary-cart-sidebar {
        width: 31%
    }
}

@media only screen and (max-width:991px) {
    #order-standard_cart .secondary-cart-body {
        width: 100%;
        float: none
    }

    #order-standard_cart .secondary-cart-sidebar {
        margin: 0 auto;
        width: 300px;
        float: none
    }
}

@media only screen and (max-width:575px) {
    #order-standard_cart .secondary-cart-sidebar {
        width: 100%
    }
}

@media only screen and (min-width:1200px) {
    #order-standard_cart .sidebar-collapsed {
        display: none
    }
}

@media (max-width:767px) {
    #order-standard_cart .domains-row {
        padding-bottom: 5px
    }

    .domain-checker-container .input-group-box .input-group-btn {
        display: block;
        width: 100%
    }

    .domain-checker-container .input-group-box .input-group-btn .btn {
        width: 100%;
        border-radius: 6px
    }

    .domain-checker-container .input-group-box .form-control {
        border-radius: 6px !important;
        margin-bottom: 5px;
        float: none
    }

    .suggested-domains .list-group-item {
        text-align: center
    }

    .suggested-domains .list-group-item .btn {
        float: none;
        width: 100%
    }

    .suggested-domains .actions {
        float: none
    }

    .suggested-domains .price {
        float: none;
        display: block;
        padding: 3px 0
    }
}

@media (max-width:992px) {
    .domain-checker-bg {
        padding: 40px 0
    }
}

@media screen and (max-width:991px) {
    .spotlight-tld-container-5 {
        width: 33.3%
    }

    .spotlight-tld-container-6 {
        width: 33.3%
    }

    .spotlight-tld-container-7 {
        width: 25%
    }

    .spotlight-tld-container-8 {
        width: 25%
    }
}

@media screen and (max-width:580px) {
    .spotlight-tld-container-3 {
        width: 50%
    }

    .spotlight-tld-container-4 {
        width: 50%
    }

    .spotlight-tld-container-5 {
        width: 50%
    }

    .spotlight-tld-container-6 {
        width: 50%
    }

    .spotlight-tld-container-7 {
        width: 50%
    }

    .spotlight-tld-container-8 {
        width: 50%
    }
}

@media (max-width:991px) {
    #order-standard_cart .captcha-container #google-recaptcha {
        padding-left: 2.5%;
        margin-bottom: -25px
    }
}

@media (max-width:736px) {
    #order-standard_cart .captcha-container #google-recaptcha {
        margin-bottom: -35px;
        transform: scale(.935);
        transform-origin: 0 0;
        -webkit-transform: scale(.935);
        -webkit-transform-origin: 0 0
    }
}

@media (max-width:384px) {
    #order-standard_cart .captcha-container #google-recaptcha {
        margin-bottom: -30px;
        -webkit-transform: scale(.96);
        transform: scale(.96);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@media (max-width:360px) {
    #order-standard_cart .captcha-container #google-recaptcha {
        margin-bottom: -35px;
        -webkit-transform: scale(.89);
        transform: scale(.89);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@media (max-width:320px) {
    #order-standard_cart .captcha-container #google-recaptcha {
        padding-left: 13.5%;
        margin-bottom: -45px;
        -webkit-transform: scale(.83);
        transform: scale(.83);
        transform-origin: 0 0;
        -webkit-transform: scale(.785);
        -webkit-transform-origin: 0 0
    }
}

@media only screen and (min-width:768px) {
    #orderSummary span.pull-right {
        display: block
    }
}

.cart-features {
    margin-top: 55px
}

.cart-features .head-area {
    margin-top: 4px;
    position: relative;
    z-index: 1;
    text-align: center
}

.cart-features .head-area :first-child {
    display: inline-block;
    background: #000;
    padding: 2px 8px;
    color: #eee
}

.cart-features .head-area:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    right: 0;
    border: 0;
    height: 1px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0))
}

.cart-features .includes-features {
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
    padding-bottom: 55px
}

.cart-features .includes-features ul.list-features {
    padding: 20px 0 0 0;
    margin: 0 0 0 0;
    list-style: none
}

.cart-features .includes-features ul.list-features li {
    padding: 0 0 0 22px;
    margin: 5px 0;
    width: 33%;
    display: inline-table
}

.cart-features .includes-features ul.list-features li:before {
    content: "\f00c";
    margin-right: 4px;
    font-family: "Font Awesome 5 Pro";
    color: #0273d4;
    font-weight: 900
}

@media (max-width:991px) {
    .cart-features .includes-features ul.list-features li {
        width: 48%
    }
}

@media (max-width:480px) {
    .cart-features .includes-features ul.list-features li {
        width: 100%
    }
}

#recommendationsModal .product-added-panel .panel-body {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

#recommendationsModal .product-added-panel .panel-body>span:first-child {
    flex-basis: 100%;
    margin-bottom: .5rem
}

#recommendationsModal .product-added-panel .panel-body>div {
    display: flex;
    flex-direction: column
}

#recommendationsModal .product-added-panel .product-name,
#recommendationsModal .product-added-panel .price {
    font-weight: bolder
}

#recommendationsModal .product-added-panel .product-price,
#recommendationsModal .product-added-panel .product-cycle {
    text-align: right
}

#recommendationsModal .modal-footer {
    justify-content: center
}

.product-recommendations-container {
    max-height: 600px;
    overflow-y: auto;
    margin-top: 20px;
    margin-bottom: 30px
}

.product-recommendations {
    margin: 20px auto 30px;
    max-width: 575px;
    border-color: #7b7b7b
}

.product-recommendations .product-recommendation {
    margin: 0 0 10px 0;
    background-color: transparent;
    border: 1px dashed #ccc;
    border-bottom: 4px solid #9abb3a
}

.product-recommendations .product-recommendation .cta {
    float: right;
    padding: 3px 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: end
}

.product-recommendations .product-recommendation .headline {
    padding-top: 8px;
    font-size: 1em
}

.product-recommendations .product-recommendation .tagline {
    font-size: .9em;
    font-weight: 300
}

.product-recommendations .product-recommendation .header {
    border-bottom: 0;
    overflow: hidden;
    cursor: pointer
}

.product-recommendations .product-recommendation .header.header-static {
    cursor: default
}

.product-recommendations .product-recommendation .body {
    padding: 10px 15px;
    border-top: 10px solid #eaeaea;
    background-color: #f8f8f8;
    font-size: .85em;
    display: none
}

.product-recommendations .product-recommendation .price {
    padding: 4px 0;
    font-size: 1em;
    color: #83a032;
    display: flex;
    flex-direction: column;
    align-items: end
}

.product-recommendations .product-recommendation .btn-add {
    padding: 0;
    background-color: #9abb3a;
    color: #fff;
    font-size: .9em
}

.product-recommendations .product-recommendation .arrow {
    display: inline-block;
    padding: 2px 8px;
    background-color: #83a032
}

.product-recommendations .product-recommendation .text {
    display: inline-block;
    padding: 2px 8px;
    font-size: .9em
}

.product-recommendations .product-recommendation .expander {
    float: left;
    width: 28px;
    font-size: 1.5em;
    color: #9abb3a;
    text-align: right;
    line-height: 60px;
    transition: all 2s linear;
    margin-right: 15px
}

.product-recommendations .product-recommendation .expander .fa-square {
    font-size: .7em
}

.product-recommendations .product-recommendation .rotate {
    transition: all .2s linear
}

.product-recommendations .product-recommendation .rotate.down {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

body.dark-mode {
    color: #e0e0e0;
    background-color: #1d1d1d
}

body.dark-mode.gray_logos .cros-partners .partners-slider .owl-item img {
    padding: 0 .5rem;
    background-color: #e0e0e0;
    border-radius: 4px
}

body.dark-mode .hero.spc .logo-section .logo span {
    color: #e0e0e0
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode .h1,
body.dark-mode .h2,
body.dark-mode .h3,
body.dark-mode .h4,
body.dark-mode .panel-sidebar .panel-title,
body.dark-mode p,
body.dark-mode span:not(.counter span) {
    color: #e0e0e0
}

body.dark-mode .text-muted {
    color: #dbdbdb !important
}

body.dark-mode .text-dark {
    color: #FFFFFF !important
}

body.dark-mode .back-to-top .btn,
body.dark-mode .text-base {
    color: #e0e0e0
}

body.dark-mode .dropdown-menu {
    background-color: #373737;
    border: 1px solid #333333
}

body.dark-mode .dropdown-menu>li>a {
    color: #e0e0e0
}

body.dark-mode .dropdown-menu>li>a:hover,
body.dark-mode .dropdown-menu>li>a:focus {
    color: #e0e0e0;
    background-color: #1d1d1d
}

body.dark-mode .dropdown-menu .dropdown-header {
    color: #e0e0e0
}

body.dark-mode .dropdown-menu>.active>a,
body.dark-mode .dropdown-menu>.active>a:hover,
body.dark-mode .dropdown-menu>.active>a:focus {
    color: #e0e0e0;
    background-color: #373737
}

body.dark-mode .list-group-item {
    background-color: #1d1d1d;
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode .list-group-item.list-group-item-action:hover,
body.dark-mode .list-group-item.list-group-item-action:focus {
    background-color: rgba(0, 0, 0, 0.1)
}

body.dark-mode .list-info.list-info-bordered li:not(:last-of-type) {
    border-color: #333333
}

body.dark-mode code {
    background-color: #000;
    color: #ffff00
}

body.dark-mode .card {
    border-color: #333333
}

body.dark-mode .card .card-header,
body.dark-mode .card .card-footer {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: #333333
}

body.dark-mode .sidebar .card-sidebar .list-group .list-group-item.active,
body.dark-mode .sidebar .card-sidebar .list-group .list-group-item.active:hover,
body.dark-mode .sidebar .card-sidebar .list-group .list-group-item.active:focus,
body.dark-mode .sidebar .card-sidebar .list-group .list-group-item:hover,
body.dark-mode .sidebar .card-sidebar .list-group .list-group-item:focus {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode .cros-navbar {
    background: #1d1d1d;
    border-color: #333333
}

body.dark-mode .cros-navbar .navbar-nav li a,
body.dark-mode .cros-navbar .navbar-nav>.open>a,
body.dark-mode .cros-navbar .navbar-nav>.open>a:hover,
body.dark-mode .cros-navbar .navbar-nav>.open>a:focus,
body.dark-mode .cros-navbar .navbar-header .secondary-menu-mobile.nav .dropdown-toggle,
body.dark-mode .cros-navbar .navbar-header .secondary-menu-mobile.nav li a,
body.dark-mode .cros-navbar .lang-btn .btn {
    color: #e0e0e0
}

body.dark-mode .cros-navbar .navbar-header .logo-section .logo {
    color: #FFFFFF
}

body.dark-mode .cros-navbar .navbar-header .logo-section .navbar-toggler span {
    color: #FFFFFF
}

body.dark-mode .cros-navbar .nav .open>a,
body.dark-mode .cros-navbar .nav .open>a:hover,
body.dark-mode .cros-navbar .nav .open>a:focus {
    background-color: transparent;
    border-color: transparent
}

body.dark-mode .cros-navbar .navbar-header .secondary-menu-mobile.nav li.user_icon .nav-link img,
body.dark-mode .cros-navbar .navbar-header .secondary-menu-mobile.nav li.user_icon .nav-link [class*="fa-"],
body.dark-mode .cros-navbar .navbar-right li.user_icon .nav-link img,
body.dark-mode .cros-navbar .navbar-right li.user_icon .nav-link [class*="fa-"] {
    border-color: #333333
}

@media (max-width:633px) {

    body.dark-mode .cros-navbar .navbar-header .top,
    body.dark-mode .cros-navbar .navbar-header .top .secondary-menu-mobile.nav li .dropdown-toggle,
    body.dark-mode .cros-navbar .navbar-header .top .secondary-menu-mobile.nav li#Secondary_Navbar-Account {
        background-color: rgba(0, 0, 0, 0.1);
        border-color: #333333
    }

    body.dark-mode .cros-navbar.primary .navbar-header .top,
    body.dark-mode .cros-navbar.dark .navbar-header .top,
    body.dark-mode .cros-navbar.primary .navbar-header .top .secondary-menu-mobile.nav li .dropdown-toggle,
    body.dark-mode .cros-navbar.dark .navbar-header .top .secondary-menu-mobile.nav li .dropdown-toggle,
    body.dark-mode .cros-navbar.primary .navbar-header .top .secondary-menu-mobile.nav li#Secondary_Navbar-Account,
    body.dark-mode .cros-navbar.dark .navbar-header .top .secondary-menu-mobile.nav li#Secondary_Navbar-Account {
        background-color: #1d1d1d;
        border-color: #333333
    }

    body.dark-mode .cros-navbar.primary .navbar-header .top .secondary-menu-mobile.nav .tswicther[type=checkbox]+span,
    body.dark-mode .cros-navbar.dark .navbar-header .top .secondary-menu-mobile.nav .tswicther[type=checkbox]+span,
    body.dark-mode .cros-navbar.primary .navbar-header .top .secondary-menu-mobile.nav .lang-btn .btn,
    body.dark-mode .cros-navbar.dark .navbar-header .top .secondary-menu-mobile.nav .lang-btn .btn {
        color: #e0e0e0
    }
}

body.dark-mode .cros-navbar .navbar-nav li ul.dropdown-menu {
    background-color: #373737;
    border-color: #333333
}

body.dark-mode .cros-navbar .navbar-nav li ul.dropdown-menu li a {
    color: #e0e0e0
}

body.dark-mode .cros-navbar .dropdown-scroll li {
    background: #373737;
    border-color: #454545
}

body.dark-mode .cros-navbar .dropdown-scroll li a {
    color: #e0e0e0 !important
}

body.dark-mode .cros-navbar .dropdown-scroll li a:hover,
body.dark-mode .cros-navbar .dropdown-scroll li a:focus {
    background: #0273d4 !important
}

body.dark-mode .cros-navbar .dropdown-scroll li.dropdown-header,
body.dark-mode .cros-navbar .dropdown-scroll li.dropdown-header:hover,
body.dark-mode .cros-navbar .dropdown-scroll li.dropdown-header:focus {
    border-color: #454545;
    color: #e0e0e0
}

body.dark-mode .cros-navbar .lang-btn .btn:hover,
body.dark-mode .cros-navbar .lang-btn .btn:focus {
    color: #FFFFFF
}

body.dark-mode .cros-navbar.submenu2 .navbar-nav li ul.dropdown-menu {
    border-color: #1a1a1a
}

body.dark-mode .cros-navbar.primary,
body.dark-mode .cros-navbar.dark {
    background-color: #0273d4;
    border-color: #333333 !important
}

body.dark-mode .cros-navbar.primary .navbar-nav li a,
body.dark-mode .cros-navbar.dark .navbar-nav li a,
body.dark-mode .cros-navbar.primary .navbar-nav>.open>a,
body.dark-mode .cros-navbar.dark .navbar-nav>.open>a,
body.dark-mode .cros-navbar.primary .navbar-nav>.open>a:hover,
body.dark-mode .cros-navbar.dark .navbar-nav>.open>a:hover,
body.dark-mode .cros-navbar.primary .navbar-nav>.open>a:focus,
body.dark-mode .cros-navbar.dark .navbar-nav>.open>a:focus,
body.dark-mode .cros-navbar.primary .navbar-header .secondary-menu-mobile.nav .dropdown-toggle,
body.dark-mode .cros-navbar.dark .navbar-header .secondary-menu-mobile.nav .dropdown-toggle {
    color: #FFFFFF
}

body.dark-mode .cros-navbar.primary .navbar-nav li#Secondary_Navbar-Account.user_icon .nav-link img,
body.dark-mode .cros-navbar.dark .navbar-nav li#Secondary_Navbar-Account.user_icon .nav-link img,
body.dark-mode .cros-navbar.primary .navbar-nav li#Secondary_Navbar-Account.user_icon .nav-link [class*="fa-"],
body.dark-mode .cros-navbar.dark .navbar-nav li#Secondary_Navbar-Account.user_icon .nav-link [class*="fa-"] {
    border-color: rgba(255, 255, 255, 0.2)
}

body.dark-mode .cros-navbar .navbar-nav li#Secondary_Navbar-Account.user_icon .nav-link img,
body.dark-mode .cros-navbar .navbar-nav li#Secondary_Navbar-Account.user_icon .nav-link [class*="fa-"] {
    border-color: #333333
}

body.dark-mode .cros-navbar.dark .mega-menu p,
body.dark-mode .cros-navbar.dark .mega-menu h1,
body.dark-mode .cros-navbar.dark .mega-menu h2,
body.dark-mode .cros-navbar.dark .mega-menu h3,
body.dark-mode .cros-navbar.dark .mega-menu h4,
body.dark-mode .cros-navbar.dark .mega-menu h5,
body.dark-mode .cros-navbar.dark .mega-menu h6,
body.dark-mode .cros-navbar.dark .mega-menu .h1,
body.dark-mode .cros-navbar.dark .mega-menu .h2,
body.dark-mode .cros-navbar.dark .mega-menu .h3,
body.dark-mode .cros-navbar.dark .mega-menu .h4,
body.dark-mode .cros-navbar.dark .mega-menu .h5,
body.dark-mode .cros-navbar.dark .mega-menu .h6 {
    color: #e0e0e0
}

@media (max-width:633px) {

    body.dark-mode.pre-header-enabled .cros-navbar.primary .navbar-header .top,
    body.dark-mode.pre-header-enabled .cros-navbar.dark .navbar-header .top,
    body.dark-mode.pre-header-enabled .cros-navbar.primary .navbar-header .top .secondary-menu-mobile.nav li .dropdown-toggle,
    body.dark-mode.pre-header-enabled .cros-navbar.dark .navbar-header .top .secondary-menu-mobile.nav li .dropdown-toggle,
    body.dark-mode.pre-header-enabled .cros-navbar.primary .navbar-header .top .secondary-menu-mobile.nav li#Secondary_Navbar-Account,
    body.dark-mode.pre-header-enabled .cros-navbar.dark .navbar-header .top .secondary-menu-mobile.nav li#Secondary_Navbar-Account {
        background-color: transparent;
        border-color: rgba(255, 255, 255, 0.2)
    }
}

body.dark-mode #order-standard_cart.modern #DomainSearchResults {
    background-color: #2f2f2f
}

body.dark-mode .navbar-side {
    background-color: #0b0b0b
}

body.dark-mode .navbar-side .logo {
    color: #e0e0e0
}

body.dark-mode .navbar-side .media-search {
    border-color: #333333
}

body.dark-mode .navbar-side .side-nav li>a {
    background-color: #0b0b0b;
    color: #e0e0e0
}

body.dark-mode .navbar-side .side-nav li>a:hover .mtext,
body.dark-mode .navbar-side .side-nav li>a:focus .mtext {
    color: #e0e0e0
}

body.dark-mode .navbar-side .user-profile {
    border-color: #333333
}

body.dark-mode .navbar-side .media-search .input-icon .fas,
body.dark-mode .navbar-side .media-search .input-icon .fal,
body.dark-mode .navbar-side .media-search .input-icon .far {
    color: #e0e0e0
}

body.dark-mode .navbar-side .media-search .input-menu {
    color: #e0e0e0;
    background-color: #2f2f2f !important;
    border-color: #2f2f2f
}

body.dark-mode .navbar-side.primary {
    background-color: #0273d4
}

body.dark-mode .navbar-side.primary .media-search .input-menu {
    color: #e0e0e0;
    background-color: rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(0, 0, 0, 0.1)
}

body.dark-mode .navbar-side.primary .side-nav li>a {
    background-color: #0273d4;
    color: #e0e0e0
}

body.dark-mode .navbar-side.primary .side-nav li>a:hover .mtext,
body.dark-mode .navbar-side.primary .side-nav li>a:focus .mtext {
    color: #e0e0e0
}

body.dark-mode .navbar-side.dark {
    background-color: #101010
}

body.dark-mode .navbar-side.dark .side-nav li>a {
    background-color: #101010
}

body.dark-mode .header-lined h1 {
    color: #e0e0e0
}

body.dark-mode .pre-header.light li a {
    color: #e0e0e0
}

body.dark-mode .panel.panel-default.cart-item {
    background-color: transparent
}

body.dark-mode .panel.panel-default.cart-item .panel-heading {
    color: #e0e0e0
}

body.dark-mode .panel.panel-default.cart-item .item-addons .prod-addons-container {
    border-color: #333333
}

body.dark-mode .panel.panel-default.cart-item .panel-body,
body.dark-mode .panel.panel-default.cart-item .panel-footer {
    border-color: #333333
}

body.dark-mode .panel.panel-default.cart-item .item-price:after,
body.dark-mode .panel.panel-default.cart-item .item-qty:after {
    background-color: #333333
}

body.dark-mode .panel-footer {
    background-color: #373737;
    border-color: #333333
}

body.dark-mode .client-home-panels .panel .panel-body img {
    padding: 1rem;
    border: 1px solid #333333;
    background-color: #FFFFFF;
    border-radius: 4px
}

body.dark-mode .promo-banner .icon-left img {
    padding: 1rem;
    border: 1px solid #333333;
    background-color: #FFFFFF;
    border-radius: 4px
}

body.dark-mode .TM-card,
body.dark-mode .panel,
body.dark-mode .panel.panel-default,
body.dark-mode .invoice-summary,
body.dark-mode .card {
    background-color: #2a2a2a;
    border-color: #333333
}

body.dark-mode .TM-card .panel-heading,
body.dark-mode .panel .panel-heading,
body.dark-mode .panel.panel-default .panel-heading,
body.dark-mode .invoice-summary .panel-heading,
body.dark-mode .card .panel-heading {
    background: transparent;
    border-color: #333333
}

body.dark-mode .TM-card .panel-heading#ticketReply .fas,
body.dark-mode .panel .panel-heading#ticketReply .fas,
body.dark-mode .panel.panel-default .panel-heading#ticketReply .fas,
body.dark-mode .invoice-summary .panel-heading#ticketReply .fas,
body.dark-mode .card .panel-heading#ticketReply .fas,
body.dark-mode .TM-card .panel-heading#ticketReply .fla,
body.dark-mode .panel .panel-heading#ticketReply .fla,
body.dark-mode .panel.panel-default .panel-heading#ticketReply .fla,
body.dark-mode .invoice-summary .panel-heading#ticketReply .fla,
body.dark-mode .card .panel-heading#ticketReply .fla,
body.dark-mode .TM-card .panel-heading#ticketReply .far,
body.dark-mode .panel .panel-heading#ticketReply .far,
body.dark-mode .panel.panel-default .panel-heading#ticketReply .far,
body.dark-mode .invoice-summary .panel-heading#ticketReply .far,
body.dark-mode .card .panel-heading#ticketReply .far,
body.dark-mode .TM-card .panel-heading#ticketReply .fad,
body.dark-mode .panel .panel-heading#ticketReply .fad,
body.dark-mode .panel.panel-default .panel-heading#ticketReply .fad,
body.dark-mode .invoice-summary .panel-heading#ticketReply .fad,
body.dark-mode .card .panel-heading#ticketReply .fad {
    color: #e0e0e0
}

body.dark-mode .TM-card.white,
body.dark-mode .panel.white,
body.dark-mode .panel.panel-default.white,
body.dark-mode .invoice-summary.white,
body.dark-mode .card.white {
    background-color: #2a2a2a !important;
    border-color: #333333
}

body.dark-mode .TM-card .list-group,
body.dark-mode .panel .list-group,
body.dark-mode .panel.panel-default .list-group,
body.dark-mode .invoice-summary .list-group,
body.dark-mode .card .list-group {
    border-color: #333333 !important
}

body.dark-mode .TM-card a.list-group-item,
body.dark-mode .panel a.list-group-item,
body.dark-mode .panel.panel-default a.list-group-item,
body.dark-mode .invoice-summary a.list-group-item,
body.dark-mode .card a.list-group-item,
body.dark-mode .TM-card button.list-group-item,
body.dark-mode .panel button.list-group-item,
body.dark-mode .panel.panel-default button.list-group-item,
body.dark-mode .invoice-summary button.list-group-item,
body.dark-mode .card button.list-group-item,
body.dark-mode .TM-card .list-group-item,
body.dark-mode .panel .list-group-item,
body.dark-mode .panel.panel-default .list-group-item,
body.dark-mode .invoice-summary .list-group-item,
body.dark-mode .card .list-group-item {
    background: transparent;
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode .TM-card a.list-group-item:hover,
body.dark-mode .panel a.list-group-item:hover,
body.dark-mode .panel.panel-default a.list-group-item:hover,
body.dark-mode .invoice-summary a.list-group-item:hover,
body.dark-mode .card a.list-group-item:hover,
body.dark-mode .TM-card button.list-group-item:hover,
body.dark-mode .panel button.list-group-item:hover,
body.dark-mode .panel.panel-default button.list-group-item:hover,
body.dark-mode .invoice-summary button.list-group-item:hover,
body.dark-mode .card button.list-group-item:hover,
body.dark-mode .TM-card .list-group-item:hover,
body.dark-mode .panel .list-group-item:hover,
body.dark-mode .panel.panel-default .list-group-item:hover,
body.dark-mode .invoice-summary .list-group-item:hover,
body.dark-mode .card .list-group-item:hover,
body.dark-mode .TM-card a.list-group-item:focus,
body.dark-mode .panel a.list-group-item:focus,
body.dark-mode .panel.panel-default a.list-group-item:focus,
body.dark-mode .invoice-summary a.list-group-item:focus,
body.dark-mode .card a.list-group-item:focus,
body.dark-mode .TM-card button.list-group-item:focus,
body.dark-mode .panel button.list-group-item:focus,
body.dark-mode .panel.panel-default button.list-group-item:focus,
body.dark-mode .invoice-summary button.list-group-item:focus,
body.dark-mode .card button.list-group-item:focus,
body.dark-mode .TM-card .list-group-item:focus,
body.dark-mode .panel .list-group-item:focus,
body.dark-mode .panel.panel-default .list-group-item:focus,
body.dark-mode .invoice-summary .list-group-item:focus,
body.dark-mode .card .list-group-item:focus {
    background: rgba(0, 0, 0, 0.1)
}

body.dark-mode .TM-card.panel-sidebar,
body.dark-mode .panel.panel-sidebar,
body.dark-mode .panel.panel-default.panel-sidebar,
body.dark-mode .invoice-summary.panel-sidebar,
body.dark-mode .card.panel-sidebar {
    background-color: transparent;
    border-color: #333333
}

body.dark-mode .TM-card.panel-sidebar a.list-group-item:hover,
body.dark-mode .panel.panel-sidebar a.list-group-item:hover,
body.dark-mode .panel.panel-default.panel-sidebar a.list-group-item:hover,
body.dark-mode .invoice-summary.panel-sidebar a.list-group-item:hover,
body.dark-mode .card.panel-sidebar a.list-group-item:hover,
body.dark-mode .TM-card.panel-sidebar button.list-group-item:hover,
body.dark-mode .panel.panel-sidebar button.list-group-item:hover,
body.dark-mode .panel.panel-default.panel-sidebar button.list-group-item:hover,
body.dark-mode .invoice-summary.panel-sidebar button.list-group-item:hover,
body.dark-mode .card.panel-sidebar button.list-group-item:hover,
body.dark-mode .TM-card.panel-sidebar a.list-group-item:focus,
body.dark-mode .panel.panel-sidebar a.list-group-item:focus,
body.dark-mode .panel.panel-default.panel-sidebar a.list-group-item:focus,
body.dark-mode .invoice-summary.panel-sidebar a.list-group-item:focus,
body.dark-mode .card.panel-sidebar a.list-group-item:focus,
body.dark-mode .TM-card.panel-sidebar button.list-group-item:focus,
body.dark-mode .panel.panel-sidebar button.list-group-item:focus,
body.dark-mode .panel.panel-default.panel-sidebar button.list-group-item:focus,
body.dark-mode .invoice-summary.panel-sidebar button.list-group-item:focus,
body.dark-mode .card.panel-sidebar button.list-group-item:focus {
    background: transparent
}

body.dark-mode .TM-card.panel-sidebar.panel-invoice-info,
body.dark-mode .panel.panel-sidebar.panel-invoice-info,
body.dark-mode .panel.panel-default.panel-sidebar.panel-invoice-info,
body.dark-mode .invoice-summary.panel-sidebar.panel-invoice-info,
body.dark-mode .card.panel-sidebar.panel-invoice-info,
body.dark-mode .TM-card.panel-sidebar.mc-panel-promo,
body.dark-mode .panel.panel-sidebar.mc-panel-promo,
body.dark-mode .panel.panel-default.panel-sidebar.mc-panel-promo,
body.dark-mode .invoice-summary.panel-sidebar.mc-panel-promo,
body.dark-mode .card.panel-sidebar.mc-panel-promo,
body.dark-mode .TM-card.panel-sidebar.panel-funds,
body.dark-mode .panel.panel-sidebar.panel-funds,
body.dark-mode .panel.panel-default.panel-sidebar.panel-funds,
body.dark-mode .invoice-summary.panel-sidebar.panel-funds,
body.dark-mode .card.panel-sidebar.panel-funds {
    background-color: #2a2a2a
}

body.dark-mode .TM-card.panel-sidebar.panel-invoice-info .list-info,
body.dark-mode .panel.panel-sidebar.panel-invoice-info .list-info,
body.dark-mode .panel.panel-default.panel-sidebar.panel-invoice-info .list-info,
body.dark-mode .invoice-summary.panel-sidebar.panel-invoice-info .list-info,
body.dark-mode .card.panel-sidebar.panel-invoice-info .list-info,
body.dark-mode .TM-card.panel-sidebar.mc-panel-promo .list-info,
body.dark-mode .panel.panel-sidebar.mc-panel-promo .list-info,
body.dark-mode .panel.panel-default.panel-sidebar.mc-panel-promo .list-info,
body.dark-mode .invoice-summary.panel-sidebar.mc-panel-promo .list-info,
body.dark-mode .card.panel-sidebar.mc-panel-promo .list-info,
body.dark-mode .TM-card.panel-sidebar.panel-funds .list-info,
body.dark-mode .panel.panel-sidebar.panel-funds .list-info,
body.dark-mode .panel.panel-default.panel-sidebar.panel-funds .list-info,
body.dark-mode .invoice-summary.panel-sidebar.panel-funds .list-info,
body.dark-mode .card.panel-sidebar.panel-funds .list-info {
    border-color: #333333
}

body.dark-mode .TM-card.panel-sidebar.mc-panel-promo img,
body.dark-mode .panel.panel-sidebar.mc-panel-promo img,
body.dark-mode .panel.panel-default.panel-sidebar.mc-panel-promo img,
body.dark-mode .invoice-summary.panel-sidebar.mc-panel-promo img,
body.dark-mode .card.panel-sidebar.mc-panel-promo img {
    padding: .5rem;
    border: 1px solid #333333;
    background-color: #FFFFFF;
    border-radius: 4px
}

body.dark-mode .TM-card.panel-sidebar.mc-panel-promo a,
body.dark-mode .panel.panel-sidebar.mc-panel-promo a,
body.dark-mode .panel.panel-default.panel-sidebar.mc-panel-promo a,
body.dark-mode .invoice-summary.panel-sidebar.mc-panel-promo a,
body.dark-mode .card.panel-sidebar.mc-panel-promo a {
    color: #e0e0e0
}

body.dark-mode .TM-card.panel-sidebar.panel-ticket-info .list-group,
body.dark-mode .panel.panel-sidebar.panel-ticket-info .list-group,
body.dark-mode .panel.panel-default.panel-sidebar.panel-ticket-info .list-group,
body.dark-mode .invoice-summary.panel-sidebar.panel-ticket-info .list-group,
body.dark-mode .card.panel-sidebar.panel-ticket-info .list-group {
    border-color: #333333
}

body.dark-mode .TM-card.panel-sidebar.panel-ticket-info .list-group .list-group-item:not(list-of-type),
body.dark-mode .panel.panel-sidebar.panel-ticket-info .list-group .list-group-item:not(list-of-type),
body.dark-mode .panel.panel-default.panel-sidebar.panel-ticket-info .list-group .list-group-item:not(list-of-type),
body.dark-mode .invoice-summary.panel-sidebar.panel-ticket-info .list-group .list-group-item:not(list-of-type),
body.dark-mode .card.panel-sidebar.panel-ticket-info .list-group .list-group-item:not(list-of-type) {
    border-color: #333333 !important
}

body.dark-mode .TM-card.panel-sidebar .panel-heading,
body.dark-mode .panel.panel-sidebar .panel-heading,
body.dark-mode .panel.panel-default.panel-sidebar .panel-heading,
body.dark-mode .invoice-summary.panel-sidebar .panel-heading,
body.dark-mode .card.panel-sidebar .panel-heading,
body.dark-mode .TM-card.panel-sidebar .panel-footer,
body.dark-mode .panel.panel-sidebar .panel-footer,
body.dark-mode .panel.panel-default.panel-sidebar .panel-footer,
body.dark-mode .invoice-summary.panel-sidebar .panel-footer,
body.dark-mode .card.panel-sidebar .panel-footer {
    background-color: transparent
}

body.dark-mode .pagination {
    border-top: 1px solid #333333
}

body.dark-mode .pagination .page-item .page-link {
    background-color: #2a2a2a;
    border-color: #333333
}

body.dark-mode .pagination .page-item .disabled span {
    color: #999
}

body.dark-mode .pagination .page-item.active .page-link {
    background-color: #0273d4;
    border-color: #0273d4
}

body.dark-mode .TM-card.annoucements {
    background-color: transparent
}

body.dark-mode .TM-card.annoucements .annuncement-item {
    border: 1px solid transparent
}

body.dark-mode .TM-card.annoucements .annuncement-item .annuncement-footer .btn-link {
    background-color: #373737 !important;
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode .TM-card.annoucements .annuncement-item .annuncement-footer .announcement-details .announcement-date {
    color: #999
}

body.dark-mode .TM-card.annoucements .annuncement-item:hover,
body.dark-mode .TM-card.annoucements .annuncement-item:focus {
    background-color: rgba(0, 0, 0, 0.1)
}

body.dark-mode .TM-card.annoucements .annuncement-item:not(:last-of-type) {
    border-bottom: 1px solid #333333
}

body.dark-mode .TM-card.annoucements .annuncement-item.last {
    background-color: rgba(0, 0, 0, 0.1)
}

body.dark-mode .TM-card.annoucements .annuncement-item.latest {
    border-bottom: 1px solid transparent;
    border: 1px dotted transparent
}

body.dark-mode .TM-card.annoucements .annuncement-item.latest:hover,
body.dark-mode .TM-card.annoucements .annuncement-item.latest:focus {
    border: 1px dotted #0273d4
}

body.dark-mode .kbsuggestions a:hover,
body.dark-mode .kbarticles a:hover,
body.dark-mode .kbcat a:hover,
body.dark-mode .kbsuggestions .kb-article:hover,
body.dark-mode .kbarticles .kb-article:hover,
body.dark-mode .kbcat .kb-article:hover,
body.dark-mode .kbsuggestions a:focus,
body.dark-mode .kbarticles a:focus,
body.dark-mode .kbcat a:focus,
body.dark-mode .kbsuggestions .kb-article:focus,
body.dark-mode .kbarticles .kb-article:focus,
body.dark-mode .kbcat .kb-article:focus {
    background-color: rgba(0, 0, 0, 0.1)
}

body.dark-mode .kbcat .kb-article,
body.dark-mode .kbarticles,
body.dark-mode .kbsuggestions a:not(:last-of-type),
body.dark-mode .kbarticles a:not(:last-of-type),
body.dark-mode .kbcat a:not(:last-of-type),
body.dark-mode .kbsuggestions .kb-article:not(:last-of-type),
body.dark-mode .kbarticles .kb-article:not(:last-of-type),
body.dark-mode .kbcat .kb-article:not(:last-of-type) {
    border-color: #333333
}

body.dark-mode .kbsuggestions a p,
body.dark-mode .kbarticles a p,
body.dark-mode .kbcat a p,
body.dark-mode .kbsuggestions .kb-article p,
body.dark-mode .kbarticles .kb-article p,
body.dark-mode .kbcat .kb-article p {
    color: #e0e0e0
}

body.dark-mode .kbsuggestions,
body.dark-mode .kbarticles,
body.dark-mode .kbcat {
    border-color: #333333
}

body.dark-mode .ticket-departments {
    border-color: #333333
}

body.dark-mode .ticket-departments a {
    color: #e0e0e0;
    border-color: #333333
}

body.dark-mode .ticket-departments a p,
body.dark-mode .ticket-departments a .desc {
    color: #e0e0e0
}

body.dark-mode .ticket-departments a:hover,
body.dark-mode .ticket-departments a:focus {
    background-color: rgba(0, 0, 0, 0.1)
}

body.dark-mode .ticket-departments.list a:not(:last-of-type) {
    border-color: #333333
}

body.dark-mode .view-ticket .ticket-reply.staff .posted-by {
    background-color: #202020
}

body.dark-mode .view-ticket .ticket-reply.staff .message,
body.dark-mode .view-ticket .ticket-reply.staff .attachments {
    background-color: #1d1d1d
}

body.dark-mode .view-ticket .posted-by {
    border-color: #333333
}

body.dark-mode .view-ticket .posted-by .user .user-avatar img,
body.dark-mode .view-ticket .posted-by .user .user-avatar [class*="fa-"] {
    border-color: #4d4d4d
}

body.dark-mode .view-ticket .attachments {
    border-color: #373737
}

body.dark-mode .view-ticket .attachments .attachment-list li a {
    border-color: #373737
}

body.dark-mode .view-ticket .attachments .attachment-list li a figure {
    background-color: #373737
}

body.dark-mode .view-ticket .attachments .attachment-list li span {
    border-color: #4d4d4d
}

body.dark-mode .panel-sidebar.panel-client-details .user-profile .user-avatar img {
    border-color: #4d4d4d
}

body.dark-mode .md-editor {
    border-color: #333333
}

body.dark-mode .md-editor.active {
    border-color: #333333
}

body.dark-mode .md-editor .md-header,
body.dark-mode .md-editor .md-footer {
    background: #373737 !important
}

body.dark-mode .md-editor .md-header .btn-sm,
body.dark-mode .md-editor .md-footer .btn-sm,
body.dark-mode .md-editor .md-header .btn-group-sm>.btn,
body.dark-mode .md-editor .md-footer .btn-group-sm>.btn {
    border-color: rgba(0, 0, 0, 0.3) !important
}

body.dark-mode .md-editor textarea.markdown-editor,
body.dark-mode .md-editor .md-preview {
    background-color: rgba(0, 0, 0, 0.3) !important;
    border-color: #333333 !important
}

body.dark-mode .section .panel.panel-switch,
body.dark-mode .TM-card .panel.panel-switch {
    background-color: #373737;
    border-color: #333333
}

body.dark-mode .section .panel.panel-switch.checked,
body.dark-mode .TM-card .panel.panel-switch.checked {
    border-color: #0273d4
}

body.dark-mode .tiles .tile .stats,
body.dark-mode .tiles .tile .no-link,
body.dark-mode .promo-banner,
body.dark-mode .home-kb-search .form-control,
body.dark-mode .table-container {
    background-color: #2a2a2a;
    border-color: #333333
}

body.dark-mode .tiles .tile .stats .icon,
body.dark-mode .tiles .tile .no-link .icon,
body.dark-mode .promo-banner .icon,
body.dark-mode .home-kb-search .form-control .icon,
body.dark-mode .table-container .icon,
body.dark-mode .tiles .tile .stats .stat,
body.dark-mode .tiles .tile .no-link .stat,
body.dark-mode .promo-banner .stat,
body.dark-mode .home-kb-search .form-control .stat,
body.dark-mode .table-container .stat {
    color: #e0e0e0
}

body.dark-mode .tiles .tile .desc {
    border-color: #404040
}

body.dark-mode .table {
    color: #e0e0e0
}

body.dark-mode .table.table-hover tbody tr:hover,
body.dark-mode .table.table-hover tbody tr:focus {
    color: #e0e0e0;
    background-color: rgba(0, 0, 0, 0.1)
}

body.dark-mode .table.table-hover tbody tr.active {
    border-color: #333333
}

body.dark-mode .table.table-hover tbody tr.active.total-row,
body.dark-mode .table.table-hover tbody tr.active .total-row {
    background-color: #373737
}

body.dark-mode .table.table-hover tbody tr.active td {
    background-color: #373737
}

body.dark-mode .table-container .listtable .table thead th[class*=sorting_] {
    background: #2a2a2a
}

body.dark-mode .table-container .listtable .table tbody tr:hover,
body.dark-mode .table-container .listtable .table tbody tr:focus {
    background: rgba(0, 0, 0, 0.1)
}

body.dark-mode .table-container.domain-pricing-table {
    background-color: transparent !important
}

body.dark-mode .table-container.domain-pricing-table table {
    border-color: #333333
}

body.dark-mode .table-container .listtable .table.datatable.has-columns-hidden tbody tr td span.responsiveExpander {
    background: #2a2a2a
}

body.dark-mode .footable .pagination>li>a,
body.dark-mode .footable .pagination>li>span {
    border-color: #454545
}

body.dark-mode .footable .pagination>.disabled>span,
body.dark-mode .footable .pagination>.disabled>span:hover,
body.dark-mode .footable .pagination>.disabled>span:focus,
body.dark-mode .footable .pagination>.disabled>a,
body.dark-mode .footable .pagination>.disabled>a:hover,
body.dark-mode .footable .pagination>.disabled>a:focus {
    color: #e0e0e0
}

body.dark-mode .cros-domain-page .domain-pricing .table-tlds.table>tbody>tr.even,
body.dark-mode .onepage_cart .ajaxcart_cont .domain-pricing .table-tlds.table>tbody>tr.even {
    background: rgba(0, 0, 0, 0.1)
}

@media (max-width:767.98px) {

    body.dark-mode .cros-domain-page .domain-pricing .table-tlds.table>tbody>tr:not(:last-child),
    body.dark-mode .onepage_cart .ajaxcart_cont .domain-pricing .table-tlds.table>tbody>tr:not(:last-child) {
        border-color: #333333
    }
}

body.dark-mode .product-details .product-holder,
body.dark-mode .product-details .product-info {
    background-color: #373737;
    border-color: #333333
}

body.dark-mode .product-details .product-holder .product-content a,
body.dark-mode .product-details .product-info .product-content a {
    color: #e0e0e0
}

body.dark-mode .product-details .product-footer {
    border-color: #333333;
    background-color: rgba(0, 0, 0, 0.3)
}

body.dark-mode .product-details .product-footer a {
    color: #e0e0e0
}

body.dark-mode .product-details .product-info .cPanelExtrasPurchasePanel {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: #333333
}

body.dark-mode .section .panel.panel-tabs .nav-pills li a {
    color: #e0e0e0
}

body.dark-mode .section .panel.panel-tabs .nav-pills li.active a {
    background-color: #373737;
    border-color: transparent;
    color: #e0e0e0
}

body.dark-mode .section .panel.panel-tabs .panel-nav {
    background-color: #373737;
    border-color: #333333
}

@media (max-width:767px) {
    body.dark-mode .section .panel.panel-affiliate-referral-link .panel-body .input-group .input-group-addon:first-child {
        border-right: 1px solid #333333
    }
}

body.dark-mode .section .panel.panel-affiliate-referral-link .panel-body .input-group .form-control {
    background-color: #373737
}

body.dark-mode .TM-card.invoice .invoice-info,
body.dark-mode .TM-card.quote .invoice-info,
body.dark-mode .TM-card.invoice .quote-info,
body.dark-mode .TM-card.quote .quote-info {
    border-color: #333333
}

body.dark-mode .table-container .table-header .btn,
body.dark-mode .network-status .network-status-top .view-filter-btns .btn {
    background-color: #1d1d1d !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important
}

body.dark-mode .table>thead>tr>th,
body.dark-mode .table>tbody>tr>th,
body.dark-mode .table>tfoot>tr>th,
body.dark-mode .table>thead>tr>td,
body.dark-mode .table>tbody>tr>td,
body.dark-mode .table>tfoot>tr>td,
body.dark-mode .table-container .table-header,
body.dark-mode .table-container .dataTables_length,
body.dark-mode .table-container .dataTables_paginate {
    border-color: #333333
}

body.dark-mode .dataTable th[class*=sorting_] {
    background-color: transparent
}

body.dark-mode .dropdown-item {
    color: #e0e0e0
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
    background-color: #1d1d1d
}

@media (max-width:991px) {
    body.dark-mode .cros-navbar .navbar-header .logo-section .navbar-toggle span {
        color: #e0e0e0
    }
}

body.dark-mode .border,
body.dark-mode .border-top,
body.dark-mode .border-right,
body.dark-mode .border-left,
body.dark-mode .border-bottom,
body.dark-mode .border-top-bottom {
    border-color: #333333 !important
}

body.dark-mode .bg-checkered {
    background-repeat: no-repeat, repeat, repeat;
    background-image: radial-gradient(transparent, transparent 50%, #1d1d1d), linear-gradient(to right, transparent, transparent 32px, #333333 32px, #333333), linear-gradient(to bottom, transparent, transparent 32px, #333333 32px, #333333);
    background-size: 100% 100%, calc(32px + 1px) calc(32px + 1px), calc(32px + 1px) calc(32px + 1px)
}

body.dark-mode .block-footer .footer-widgets ul.list-unstyled li a,
body.dark-mode .block-footer .footer-last .footer-copyright,
body.dark-mode .block-footer .footer-last li a {
    color: #e0e0e0
}

body.dark-mode .block-footer .footer-widgets,
body.dark-mode .block-footer .sfooter,
body.dark-mode .block-footer .footer-widgets h4,
body.dark-mode .block-footer .footer-widgets .h4,
body.dark-mode .domains-section .domain-hero.in-inner-block .domain-pricing .featured-tlds div {
    border-color: #333333
}

body.dark-mode .block-footer .footer-widgets.bg-primary h4,
body.dark-mode .block-footer .footer-widgets.bg-primary .h4 {
    border-color: #FFFFFF
}

body.dark-mode .network-status.panel .panel-body {
    border-color: #333333
}

body.dark-mode .domains-section .domain-hero .domain-pricing .featured-tlds div {
    border-color: #333333
}

body.dark-mode .domains-section .domain-hero .domain-pricing .featured-tlds div .tld {
    color: #e0e0e0
}

body.dark-mode .domains-section .domain-hero .domain-pricing .featured-tlds div.tld-img .tld img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

body.dark-mode .domains-section .tld-content.tld-img .tld img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

body.dark-mode .domains-section .tld-content+.tld-content:before {
    background: #333333 !important
}

body.dark-mode .form-control,
body.dark-mode #registration .field,
body.dark-mode #registration .form-control,
body.dark-mode .form-control,
body.dark-mode #order-standard_cart .field,
body.dark-mode #order-standard_cart .form-control {
    color: #e0e0e0;
    background-color: #434343;
    border-color: #333333
}

body.dark-mode .form-control::-webkit-input-placeholder,
body.dark-mode #registration .field::-webkit-input-placeholder,
body.dark-mode #registration .form-control::-webkit-input-placeholder,
body.dark-mode .form-control::-webkit-input-placeholder,
body.dark-mode #order-standard_cart .field::-webkit-input-placeholder,
body.dark-mode #order-standard_cart .form-control::-webkit-input-placeholder {
    color: #939393
}

body.dark-mode .form-control::-ms-input-placeholder,
body.dark-mode #registration .field::-ms-input-placeholder,
body.dark-mode #registration .form-control::-ms-input-placeholder,
body.dark-mode .form-control::-ms-input-placeholder,
body.dark-mode #order-standard_cart .field::-ms-input-placeholder,
body.dark-mode #order-standard_cart .form-control::-ms-input-placeholder {
    color: #939393
}

body.dark-mode .form-control::placeholder,
body.dark-mode #registration .field::placeholder,
body.dark-mode #registration .form-control::placeholder,
body.dark-mode .form-control::placeholder,
body.dark-mode #order-standard_cart .field::placeholder,
body.dark-mode #order-standard_cart .form-control::placeholder {
    color: #939393
}

body.dark-mode .input-group-append .btn.btn-default {
    border-color: #333333 !important
}

body.dark-mode .form-control.disabled,
body.dark-mode .form-control.readonly,
body.dark-mode .form-controldisabled,
body.dark-mode .form-controlreadonly,
body.dark-mode .form-control:disabled,
body.dark-mode .form-control[readonly] {
    background-color: rgba(0, 0, 0, 0.3);
    color: #939393
}

body.dark-mode input:-webkit-autofill,
body.dark-mode input:-webkit-autofill:focus,
body.dark-mode input:-webkit-autofill:focus:hover,
body.dark-mode input:-webkit-autofill:hover {
    border: 1px solid #434343 !important;
    -webkit-text-fill-color: #e0e0e0;
    -webkit-box-shadow: 0 0 0 1000px #333333 inset !important;
    transition: background-color 5000s ease-in-out 0s;
    background-color: #434343 !important
}

body.dark-mode .input-group-addon,
body.dark-mode .input-group-text {
    background-color: #434343;
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode .form-actions {
    border-color: #333333
}

body.dark-mode .custom-file-label {
    background-color: #434343;
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode .custom-file-label:after {
    background-color: #434343;
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode .domains-section .domain-hero .serach-form,
body.dark-mode .site-banner-domain .domain-hero .input-group {
    background-color: #434343 !important;
    border-color: #434343 !important
}

@media (max-width:586px) {

    body.dark-mode .domains-section .domain-hero .serach-form .form-control,
    body.dark-mode .site-banner-domain .domain-hero .input-group .form-control {
        border-color: #333333 !important
    }
}

body.dark-mode .light,
body.dark-mode .well,
body.dark-mode .light-grey-bg {
    background: #252525;
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode .bg-light {
    background-color: #252525 !important
}

body.dark-mode .text-light {
    color: #e0e0e0 !important
}

body.dark-mode .white,
body.dark-mode .bg-white {
    background: #373737 !important;
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode .white h1,
body.dark-mode .light h1,
body.dark-mode .white h2,
body.dark-mode .light h2,
body.dark-mode .white h3,
body.dark-mode .light h3,
body.dark-mode .white h4,
body.dark-mode .light h4,
body.dark-mode .white .h1,
body.dark-mode .light .h1,
body.dark-mode .white .h2,
body.dark-mode .light .h2,
body.dark-mode .white .h3,
body.dark-mode .light .h3,
body.dark-mode .white .h4,
body.dark-mode .light .h4 {
    color: #e0e0e0
}

body.dark-mode .white.cros-box.s4:hover,
body.dark-mode .light.cros-box.s4:hover,
body.dark-mode .white.cros-box.s4:focus,
body.dark-mode .light.cros-box.s4:focus {
    color: #e0e0e0
}

body.dark-mode .cros-pricing-container .cros-pricing-table .table tbody tr {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: #373737
}

body.dark-mode .cros-pricing-container .cros-pricing-table .table tbody td .server-info {
    background-color: rgba(0, 0, 0, 0.9)
}

body.dark-mode .cros-pricing-container .cros-pricing-table .table tbody td {
    border-color: #333333
}

body.dark-mode .section__plan_comparison .plan .plan__column .plan__body .plan__cell,
body.dark-mode .section__plan_comparison .plan .plan__column .plan__header {
    border-color: #5e5e5e
}

body.dark-mode .cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .btn,
body.dark-mode .cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu,
body.dark-mode .cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li {
    border-color: #5e5e5e !important
}

body.dark-mode .cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li {
    color: #e0e0e0
}

body.dark-mode .cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li:hover,
body.dark-mode .cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li:focus {
    background-color: #1d1d1d
}

body.dark-mode .cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .dropdown-menu li .current_prcing {
    color: #e0e0e0
}

body.dark-mode .cros-pricing-container .cros-pricing-table .billing-cycle-pricing .btn-group .discounted_options {
    color: #e0e0e0
}

body.dark-mode .cros-tabsbar .nav-tabs {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: #333333
}

body.dark-mode .cros-tabsbar .nav-tabs li {
    border-color: #333333 !important
}

body.dark-mode .cros-tabsbar .nav-tabs li a {
    color: #e0e0e0
}

body.dark-mode .cros-tabsbar .nav-tabs li a.active {
    background: #0273d4;
    border-color: #0273d4
}

body.dark-mode .tab-pane .plan-specs [class*='col-'] {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: #333333
}

body.dark-mode .tab-pane .plan-specs [class*='col-'] .description h2 {
    color: #e0e0e0
}

body.dark-mode .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-color: #333333
}

@media (min-width:992px) {

    body.dark-mode .testimonials-carousel .owl-item .slide-item .testimonial-item p,
    body.dark-mode .testimonials-carousel .owl-item .slide-item .testimonial-item .name {
        color: #2a2e36
    }

    body.dark-mode .testimonials-carousel .owl-item.center .slide-item .testimonial-item p,
    body.dark-mode .testimonials-carousel .owl-item.center .slide-item .testimonial-item .name {
        color: #e0e0e0
    }
}

body.dark-mode .btn.btn-default,
body.dark-mode .btn.btn-dark,
body.dark-mode .btn.btn-add-to-cart:not(.btn-primary),
body.dark-mode .btn.btn-add {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: #808080 !important;
    color: #e0e0e0 !important
}

body.dark-mode .btn.btn-default:hover,
body.dark-mode .btn.btn-dark:hover,
body.dark-mode .btn.btn-add-to-cart:not(.btn-primary):hover,
body.dark-mode .btn.btn-add:hover,
body.dark-mode .btn.btn-default:focus,
body.dark-mode .btn.btn-dark:focus,
body.dark-mode .btn.btn-add-to-cart:not(.btn-primary):focus,
body.dark-mode .btn.btn-add:focus {
    background-color: rgba(255, 255, 255, 0.3) !important
}

body.dark-mode .btn.btn-icon {
    color: #e0e0e0
}

body.dark-mode .btn.btn-icon:hover,
body.dark-mode .btn.btn-icon:focus,
body.dark-mode .btn.btn-icon:active,
body.dark-mode .btn.btn-icon.active {
    color: #f2f2f2
}

body.dark-mode .btn.dropdown-toggle {
    color: #e0e0e0 !important
}

body.dark-mode .modal-content {
    background-color: #2a2a2a
}

body.dark-mode .modal-content .modal-header {
    background-color: #222
}

body.dark-mode .modal-content .modal-header,
body.dark-mode .modal-content .modal-footer {
    border-color: #333333
}

body.dark-mode .modal-localisation .item-selector .item.active span,
body.dark-mode .modal-localisation .item-selector .item:hover span,
body.dark-mode .modal-localisation .item-selector .item:focus span {
    color: #000 !important
}

body.dark-mode .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.1)
}

body.dark-mode tr.masspay-total td {
    background-color: #252525
}

body.dark-mode .close {
    color: #e0e0e0;
    text-shadow: none
}

body.dark-mode hr {
    border-color: #333333 !important
}

body.dark-mode .theme-colors {
    background-color: #1d1d1d;
    border-color: #333333
}

body.dark-mode.login:before {
    background-color: #000000
}

body.dark-mode.login .login-container .login-header a span {
    color: #e0e0e0
}

body.dark-mode.login .login-container .social-or-login span {
    background-color: #1d1d1d
}

body.dark-mode.login .login-container .social-or-login:before {
    border-color: #333333
}

body.dark-mode.login .login-box {
    background: #252525 !important
}

body.dark-mode.login .login-box .footer-warp a {
    color: #e0e0e0 !important
}

body.dark-mode hr.separator {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0.25))
}

body.dark-mode #order-standard_cart .domain-selection-options .option {
    background-color: transparent
}

body.dark-mode #order-standard_cart .domain-selection-options .option.option-selected {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: #333333
}

body.dark-mode #order-standard_cart label {
    color: #e0e0e0
}

body.dark-mode #order-standard_cart .input-group-addon,
body.dark-mode #order-standard_cart .field[disabled],
body.dark-mode #order-standard_cart .field[readonly],
body.dark-mode #order-standard_cart .form-control[disabled],
body.dark-mode #order-standard_cart .form-control[readonly] {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode #order-standard_cart .suggested-domains .domain-lookup-suggestions-loader,
body.dark-mode #order-standard_cart .products .product,
body.dark-mode #order-standard_cart .domain-renewals {
    background-color: #2a2a2a;
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode #order-standard_cart .spotlight-tld {
    background-color: #1d1d1d;
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode #order-standard_cart .cc-input-container,
body.dark-mode #order-standard_cart .apply-credit-container {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: #333333
}

body.dark-mode #order-standard_cart .suggested-domains .list-group-item,
body.dark-mode #order-standard_cart .suggested-domains .list-group+.panel-footer {
    border-color: #333333
}

body.dark-mode #order-standard_cart .addon-promo-container {
    background-color: transparent !important
}

body.dark-mode #order-standard_cart .cros-domain-checker-container {
    background-image: none;
    background: linear-gradient(90deg, #1d1d1d, #252525);
    border-radius: 100px
}

body.dark-mode #order-standard_cart .cros-domain-checker-container:before {
    display: none
}

body.dark-mode #order-standard_cart .cros-domain-checker-container .input-group-box {
    background-color: rgba(0, 0, 0, 0.1)
}

body.dark-mode #order-standard_cart.cros-domain-page .domain-pricing .TM-card {
    background: #2a2a2a
}

body.dark-mode #order-standard_cart.cros-domain-page .domain-pricing .tld-row.highlighted {
    background: rgba(0, 0, 0, 0.1)
}

body.dark-mode #order-standard_cart.cros-domain-page .domain-pricing .tld-pricing-header {
    color: #e0e0e0
}

body.dark-mode #order-standard_cart.cros-domain-page .domain-pricing .tld-pricing-header .col-xs-2,
body.dark-mode #order-standard_cart.cros-domain-page .domain-pricing .tld-pricing-header .col-sm-2,
body.dark-mode #order-standard_cart.cros-domain-page .domain-pricing .tld-pricing-header .col-md-2,
body.dark-mode #order-standard_cart.cros-domain-page .domain-pricing .tld-pricing-header .col-xs-4,
body.dark-mode #order-standard_cart.cros-domain-page .domain-pricing .tld-pricing-header .col-sm-4,
body.dark-mode #order-standard_cart.cros-domain-page .domain-pricing .tld-pricing-header .col-md-4,
body.dark-mode #order-standard_cart.cros-domain-page .domain-pricing .two-row-center,
body.dark-mode #order-standard_cart.cros-domain-page .domain-pricing .tld-row {
    border-color: #333333
}

body.dark-mode #order-standard_cart .featured-tlds-container .featured-tld {
    background-color: #2f2f2f;
    border-color: #333333
}

body.dark-mode #order-standard_cart .featured-tlds-container .featured-tld .img-container img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

body.dark-mode #order-standard_cart .featured-tlds-container .featured-tld .price {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: #333333
}

body.dark-mode #order-standard_cart .domain-renewals .domain-renewal {
    border-color: #333333 !important
}

body.dark-mode #order-standard_cart .products .product .product-addon-footer {
    border-color: #454545
}

body.dark-mode #order-standard_cart .summary-container,
body.dark-mode #order-standard_cart .secondary-cart-body .product-info,
body.dark-mode #order-standard_cart .marketing-email-optin {
    background-color: #373737
}

body.dark-mode #order-standard_cart .summary-container .btn-continue-shopping,
body.dark-mode #order-standard_cart .secondary-cart-body .product-info .btn-continue-shopping,
body.dark-mode #order-standard_cart .marketing-email-optin .btn-continue-shopping {
    color: #e0e0e0
}

body.dark-mode #order-standard_cart .spotlight-tlds,
body.dark-mode #order-standard_cart .domain-promo-box {
    background-color: transparent
}

body.dark-mode #order-standard_cart .domain-pricing .tld-pricing-header div:nth-child(odd),
body.dark-mode #order-standard_cart .domain-pricing .tld-row.highlighted {
    background-color: rgba(0, 0, 0, 0.5)
}

body.dark-mode #order-standard_cart .domain-pricing .two-row-center,
body.dark-mode #order-standard_cart .domain-pricing .tld-pricing-header .col-sm-2,
body.dark-mode #order-standard_cart .domain-pricing .tld-pricing-header .col-sm-4,
body.dark-mode #order-standard_cart .domain-pricing .tld-pricing-header .col-xs-2,
body.dark-mode #order-standard_cart .domain-pricing .tld-pricing-header .col-xs-4 {
    background-color: transparent
}

body.dark-mode #order-standard_cart .panel-addon .panel-body label {
    color: #e0e0e0
}

body.dark-mode #order-standard_cart .panel-addon .panel-price {
    background-color: transparent
}

body.dark-mode #order-standard_cart .view-cart-tabs {
    border: 1px solid #333333
}

body.dark-mode #order-standard_cart .view-cart-tabs .nav-tabs {
    border-color: #333333
}

body.dark-mode #order-standard_cart .view-cart-tabs .nav-tabs .nav-link {
    background-color: transparent !important
}

body.dark-mode #order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active,
body.dark-mode #order-standard_cart .view-cart-tabs .nav-tabs .nav-item.show .nav-link,
body.dark-mode #order-standard_cart .view-cart-tabs .nav-tabs .nav-link:hover,
body.dark-mode #order-standard_cart .view-cart-tabs .nav-tabs .nav-link:focus {
    color: #e0e0e0;
    border-color: transparent
}

body.dark-mode #order-standard_cart .view-cart-tabs .tab-content {
    background-color: transparent
}

body.dark-mode #order-standard_cart .order-summary {
    background-color: #1d1d1d
}

body.dark-mode #order-standard_cart .order-summary .subtotal,
body.dark-mode #order-standard_cart .order-summary .bordered-totals {
    border-color: #454545
}

body.dark-mode #order-standard_cart .order-summary .summary-container-outer {
    background-color: #373737;
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode #order-standard_cart .order-summary .summary-container-outer .btn-continue-shopping {
    color: #e0e0e0
}

body.dark-mode #order-standard_cart .panel-addon {
    border: 1px solid #333333
}

body.dark-mode #order-standard_cart .panel-addon.panel-addon-selected {
    background-color: #1d1d1d;
    border-color: #0273d4
}

body.dark-mode #order-standard_cart .view-cart-items {
    border-color: #333333
}

body.dark-mode #order-standard_cart .view-cart-items .item {
    background-color: rgba(0, 0, 0, 0.1)
}

body.dark-mode #order-standard_cart .view-cart-items .item:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.2)
}

body.dark-mode #order-standard_cart .mc-promo {
    background-color: #2a2a2a !important
}

body.dark-mode #order-standard_cart .mc-promo .body {
    background-color: #2a2a2a !important;
    border-color: #333333
}

body.dark-mode #order-standard_cart .account-select-container {
    border-color: transparent
}

body.dark-mode #order-standard_cart .account-select-container div.account {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: #333333
}

body.dark-mode #order-standard_cart .account-select-container div.account.active {
    background-color: transparent
}

body.dark-mode #order-standard_cart .sub-heading span {
    background-color: #1d1d1d;
    border-color: #333333
}

body.dark-mode #order-standard_cart .sub-heading:before {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0.25))
}

body.dark-mode #order-standard_cart #cros-payment-gateway {
    border-color: #333333;
    background-color: #2f2f2f
}

body.dark-mode #order-standard_cart #cros-payment-gateway label {
    border-color: #454545
}

body.dark-mode #order-standard_cart #cros-payment-gateway label .check-label {
    color: #e0e0e0
}

body.dark-mode #order-standard_cart #cros-payment-gateway label .check-icon img {
    background-color: #FFFFFF;
    border-color: #333333
}

body.dark-mode #order-standard_cart #cros-payment-gateway label.is-selected {
    color: #0273d4
}

body.dark-mode #order-standard_cart .irs--big .irs-grid-pol {
    background-color: #e0e0e0
}

body.dark-mode #order-standard_cart .irs--big .irs-grid-text {
    color: #e0e0e0
}

body.dark-mode #order-standard_cart .irs--big .irs-min,
body.dark-mode #order-standard_cart .irs--big .irs-max {
    background-color: rgba(255, 255, 255, 0.3)
}

body.dark-mode #order-standard_cart .irs--big .irs-line {
    background: #e0e0e0;
    background-color: #e0e0e0;
    border-radius: 0;
    border-color: #333333
}

body.dark-mode .landing-page .navbar {
    border-color: #333333
}

body.dark-mode .landing-page .navbar .navbar-toggler {
    color: #e0e0e0;
    border-color: #e0e0e0
}

body.dark-mode .landing-page .navbar .navbar-toggler .navbar-toggler-icon {
    background-color: #e0e0e0
}

body.dark-mode .landing-page .navbar li a {
    color: #e0e0e0;
    border-color: #333333
}

body.dark-mode .landing-page .navbar li:last-child a {
    border-color: #333333
}

body.dark-mode .landing-page .detailed-info,
body.dark-mode .landing-page .features,
body.dark-mode .landing-page .faqs,
body.dark-mode .landing-page .faq,
body.dark-mode .landing-page .pricing-item {
    background: #373737;
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode .landing-page .pricing-item .feature-heading {
    background-color: rgba(0, 0, 0, 0.1)
}

body.dark-mode .landing-page .pricing-item ul li,
body.dark-mode .landing-page .pricing-item form {
    border-color: #454545
}

body.dark-mode .landing-page.ssl .row-pricing-table .pricing-table {
    background: #373737;
    border-color: #333333
}

body.dark-mode .landing-page.ssl .row-pricing-table .pricing-table ul li {
    border-color: #333333
}

body.dark-mode .landing-page.ssl .validation-levels .item {
    background: #373737
}

body.dark-mode .landing-page.ssl ul.ssl-certs-all .padded-cell.price {
    color: #e0e0e0
}

body.dark-mode .landing-page.ssl ul.ssl-certs-all li {
    border-color: #333333
}

body.dark-mode .landing-page.ssl .detailed-info .panel .panel-heading {
    background-color: transparent
}

body.dark-mode .landing-page.ssl .detailed-info .panel .panel-heading h4 a {
    color: #e0e0e0
}

body.dark-mode .landing-page.ssl .detailed-info .panel .panel-body {
    background-color: transparent
}

body.dark-mode .landing-page.sitelock .plans .plan {
    background: #373737
}

body.dark-mode .landing-page.sitelock .plans .plan h4 {
    color: #e0e0e0
}

body.dark-mode .landing-page.sitelock .plans .plan ul li {
    border-color: #454545
}

body.dark-mode .landing-page.sitelock .emergency {
    background-color: transparent
}

body.dark-mode .landing-page.sitelock .emergency-buy-banner {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: #333333
}

body.dark-mode .landing-page.weebly .weebly-lite-plan {
    background: #373737
}

body.dark-mode .landing-page.mail-services .product-options .price {
    color: #e0e0e0
}

body.dark-mode .landing-page.mail-services .product-options .item {
    background: #373737;
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode .landing-page.mail-services .benefits {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: #333333
}

@media (min-width:768px) {
    body.dark-mode .landing-page.codeguard .overview-features li {
        border-color: #333333
    }
}

body.dark-mode .landing-page.codeguard .pricing .pricing-slider-actions .slider-actions-list .slider-actions-btn {
    border-color: #333333
}

body.dark-mode .landing-page.sitelockvpn .feature.pricing ul li {
    border-color: #454545
}

body.dark-mode .landing-page.sitelockvpn .feature.pricing .pricing-box {
    background: #373737
}

body.dark-mode .landing-page.sitelockvpn .feature.pricing .pricing-box .cycle {
    background: rgba(0, 0, 0, 0.1);
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode .landing-page.sitelockvpn .feature.pricing .pricing-box .price {
    color: #e0e0e0
}

body.dark-mode .landing-page.sitelockvpn .feature.pricing .pricing-box .btn-signup {
    border-color: transparent
}

body.dark-mode .landing-page.sitelockvpn .feature.alternate-bg {
    background: #2f2f2f
}

body.dark-mode .landing-page.marketgoo .feature-wrapper {
    border-color: #333333
}

body.dark-mode .landing-page.marketgoo .feature-blocks img {
    border-color: #333333
}

body.dark-mode .landing-page.marketgoo .plan ul {
    border-top: 1px solid #333333
}

body.dark-mode .landing-page.marketgoo .plan ul li {
    border-bottom: 1px solid #333333
}

body.dark-mode .landing-page.marketgoo .plan.labels ul li {
    border-right: 1px solid #333333
}

body.dark-mode .landing-page.marketgoo .plan.marketgoo_pro ul {
    background-color: rgba(0, 0, 0, 0.3)
}

body.dark-mode .landing-page.ox .header {
    background-color: #1a1a1a
}

body.dark-mode .landing-page.ox .header h1 {
    color: #FFFFFF
}

body.dark-mode .landing-page.ox .stand-out {
    background-color: #1d1d1d
}

body.dark-mode .landing-page.ox .features .title {
    color: #e0e0e0
}

body.dark-mode .landing-page.ox .pricing {
    background-color: #1d1d1d
}

body.dark-mode .landing-page.ox .pricing table tr:nth-child(even) td:first-child {
    background-color: rgba(0, 0, 0, 0.3)
}

body.dark-mode .landing-page.ox .pricing td:not(.no-border) {
    border: 1px solid #333333
}

body.dark-mode .landing-page.ox .pricing th {
    border: 1px solid #333333;
    background-color: rgba(0, 0, 0, 0.3)
}

body.dark-mode .landing-page.ox .pricing th.feature {
    background-color: #0273d4;
    color: #FFFFFF
}

body.dark-mode .landing-page.ox .pricing td.no-bg {
    background-color: transparent !important
}

body.dark-mode .landing-page.ox .faqs {
    background-color: transparent
}

body.dark-mode .landing-page.sitebuilder .logo-container img,
body.dark-mode .landing-page.sitebuilder .feature-block img {
    border: 1px solid #333333;
    border-radius: 4px;
    background-color: #FFFFFF
}

body.dark-mode .landing-page.sitebuilder .logo-container img {
    padding: 1rem
}

body.dark-mode .landing-page.sitebuilder .feature-block img {
    margin-bottom: .5rem
}

body.dark-mode .landing-page .content-block.secondary .btn-group .btn-default {
    background-color: #373737;
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode .landing-page .content-block.secondary .btn-group .btn-default:hover,
body.dark-mode .landing-page .content-block.secondary .btn-group .btn-default:focus,
body.dark-mode .landing-page .content-block.secondary .btn-group .btn-default.active {
    background-color: rgba(0, 0, 0, 0.1)
}

body.dark-mode .landing-page .content-block.border-bottom {
    border-color: #333333
}

body.dark-mode .landing-page .get-started .pricing-tables {
    color: #e0e0e0
}

body.dark-mode .landing-page .nav-tabs li a {
    color: #e0e0e0;
    border-color: #333333
}

body.dark-mode .landing-page .nav-tabs li a.active {
    background-color: #373737;
    color: #e0e0e0
}

body.dark-mode .landing-page .nav-tabs li a:hover,
body.dark-mode .landing-page .nav-tabs li a:focus {
    background-color: #373737;
    color: #e0e0e0
}

body.dark-mode .landing-page .tab-content {
    background-color: #373737;
    border-color: #333333
}

body.dark-mode .landing-page .faq .panel-group .panel.panel-default,
body.dark-mode .landing-page .faqs .panel-group .panel.panel-default {
    border-color: #333333
}

body.dark-mode .landing-page .faq .panel-group .panel.panel-default .panel-heading,
body.dark-mode .landing-page .faqs .panel-group .panel.panel-default .panel-heading {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: #333333
}

body.dark-mode .landing-page .faq .panel-group .panel.panel-default .panel-heading .panel-title,
body.dark-mode .landing-page .faqs .panel-group .panel.panel-default .panel-heading .panel-title {
    color: #e0e0e0
}

body.dark-mode .mc-promo-manage .logo,
body.dark-mode .mc-promo-login .logo {
    border-right-color: #333333
}

body.dark-mode .store-promoted-product {
    background-color: #373737;
    border-color: #333333
}

body.dark-mode .store-order-container .store-domain-tabs {
    border-color: #333333
}

body.dark-mode .store-order-container .store-domain-tabs li a {
    background-color: transparent;
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode .store-order-container .store-domain-tabs li.active a {
    background-color: #252525;
    border-color: #333333;
    border-bottom-color: transparent
}

body.dark-mode .store-order-container .store-domain-tabs li.active a:hover,
body.dark-mode .store-order-container .store-domain-tabs li.active a:focus {
    background-color: #252525
}

body.dark-mode .store-order-container .store-domain-tab-content {
    background-color: #252525;
    border-color: #333333
}

body.dark-mode .alert-lg {
    border-color: #333333
}

body.dark-mode .alert {
    background-color: #2a2a2a;
    border-color: transparent;
    color: #e0e0e0
}

body.dark-mode .alert .close {
    text-shadow: 0 1px 0 #e0e0e0
}

body.dark-mode .alert .btn {
    border-color: #FFFFFF !important
}

body.dark-mode .alert .alert-link,
body.dark-mode .alert a,
body.dark-mode .alert a:hover,
body.dark-mode .alert a:focus {
    color: #FFFFFF
}

body.dark-mode .alert.alert-info {
    border-left: 3px solid #0273d4 !important
}

body.dark-mode .alert.alert-success {
    border-left: 3px solid #3c763d !important
}

body.dark-mode .alert.alert-danger {
    border-left: 3px solid #d9534f !important
}

body.dark-mode .alert.alert-warning {
    border-left: 3px solid #f0ad4e !important
}

body.dark-mode .intl-tel-input .country-list {
    color: #e0e0e0;
    background-color: #434343;
    border-color: #333333
}

body.dark-mode .intl-tel-input.separate-dial-code .selected-flag {
    border-color: #333333
}

body.dark-mode .intl-tel-input .country-list .country.highlight {
    background-color: rgba(0, 0, 0, 0.5)
}

body.dark-mode .select2-container--default .select2-selection--single {
    background-color: #434343
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #e0e0e0
}

body.dark-mode .select2-container .select2-container--default,
body.dark-mode .select2-container .select2-selection--single {
    border-color: #333333
}

body.dark-mode .select2-container .select2-search--dropdown .select2-search__field {
    background-color: #434343;
    border-color: #333333;
    color: #e0e0e0
}

body.dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #2a2a2a
}

body.dark-mode .select2-dropdown {
    background-color: #373737;
    border-color: #333333
}

body.dark-mode #frmCheckout.paypal_ppcpv-payment-form #creditCardInputFields {
    background-color: transparent !important
}

body.dark-mode .paypal_ppcpv-payment-form .selected {
    background-color: transparent !important
}

body.dark-mode #frmPayment.paypal_ppcpv-payment-form .paymethod-info:not([data-paymethod-id]),
body.dark-mode #frmCheckout.paypal_ppcpv-payment-form #creditCardInputFields ul {
    border: 1px solid transparent !important
}