:root {
    --font-family-sans-serif: "Mulish", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html,
body {
    height: 100%
}

body {
    font-family: "Roboto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.cs-page-wrapper {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
@media (max-width: 550px) {
    .cs-page-wrapper {
        overflow-x: hidden;
    }
}

.cs-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

a {
    transition: color 0.2s ease-in-out
}

a:focus {
    outline: none
}

img,
figure {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

svg {
    max-width: 100%
}

iframe {
    width: 100%;
    border: 0
}

hr {
    margin: 0;
    border: 0;
    border-top: 1px solid #e9e9f2
}

hr.hr-light {
    border-color: rgba(255, 255, 255, 0.14)
}

::-moz-selection {
    background: rgba(118, 109, 244, 0.22)
}

::selection {
    background: rgba(118, 109, 244, 0.22)
}

::-moz-selection {
    background: rgba(118, 109, 244, 0.22)
}

@media (min-width: 1280px) {

    .container-fluid,
    .container-xl {
        padding-right: 30px;
        padding-left: 30px
    }
}

b,
strong {
    font-weight: 700
}

small {
    font-weight: inherit
}

button:focus {
    outline: none
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: "Mulish", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

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

h2,
.h2 {
    line-height: 1.25
}

h3,
.h3 {
    line-height: 1.3
}

h4,
.h4 {
    line-height: 1.35
}

h5,
.h5 {
    line-height: 1.4
}

h6,
.h6 {
    line-height: 1.4
}

ul li,
ol li {
    margin-bottom: .3333333333rem
}

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

dt {
    color: #4a4b65;
    margin-bottom: .25rem;
    font-weight: 600
}

dd {
    font-size: .875rem;
    margin-bottom: 1rem
}

.blockquote {
    position: relative;
    padding-left: 5.875rem
}

.blockquote::before {
    display: block;
    position: absolute;
    top: -.75rem;
    left: 0;
    color: rgba(118, 109, 244, 0.5);
    font-family: 'feather';
    font-size: 4rem;
    font-weight: normal;
    line-height: 1;
    content: '\ea27'
}

.blockquote.text-center,
.text-center .blockquote {
    padding-top: 5rem;
    padding-left: 0
}

.blockquote.text-center::before,
.text-center .blockquote::before {
    top: 0;
    left: 50%;
    margin-left: -2rem
}

.blockquote.text-right,
.text-right .blockquote {
    padding-right: 5.875rem;
    padding-left: 0
}

.blockquote.text-right::before,
.text-right .blockquote::before {
    right: 0;
    left: auto
}

.blockquote-footer {
    font-weight: 500
}

.cs-callout {
    padding-left: 1.5rem;
    border-left: 0.25rem solid #766df4
}

:not(pre)>code[class*='language-'],
pre[class*='language-'],
pre {
    margin: 0;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: #f7f7fc;
    font-size: 87.5%
}

pre {
    padding-right: 1rem;
    padding-left: 1rem
}

.code-toolbar :not(pre)>code[class*='language-'],
.code-toolbar pre[class*='language-'] {
    padding-top: 2rem
}

code[class*="language-"],
pre[class*="language-"],
pre {
    color: #4f5067
}

.line-numbers .line-numbers-rows {
    border-right: 1px solid #dfdfec
}

.line-numbers .line-numbers-rows>span::before {
    color: #9e9fb4
}

div.code-toolbar>.toolbar {
    opacity: 1
}

div.code-toolbar>.toolbar button {
    display: inline-block;
    margin: .375rem .5rem;
    padding: .25rem .75rem;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
    border-radius: .5rem;
    border: 1px solid rgba(118, 109, 244, 0.35);
    background-color: transparent;
    color: #766df4 !important;
    box-shadow: none
}

div.code-toolbar>.toolbar button:focus {
    outline: none;
    box-shadow: none
}

div.code-toolbar>.toolbar button:hover {
    background-color: #766df4;
    color: #fff !important
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: #4e54c8
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: #9596ad
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector {
    color: #4091e3
}

.token.atrule,
.token.attr-value,
.token.keyword,
.token.string {
    color: #e3116c
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
    color: #36acaa
}

.token.class-name,
.token.function {
    color: #36acaa
}

.cs-masonry-grid[data-columns] {
    margin-right: -15px;
    margin-left: -15px
}

.cs-masonry-grid[data-columns]:not(.overflow-hidden) {
    overflow: visible !important
}

.cs-masonry-grid[data-columns]::after {
    display: block;
    clear: both;
    content: ""
}

.cs-masonry-grid[data-columns] .cs-grid-item {
    width: 100%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 30px
}

.cs-masonry-grid[data-columns='1'] .cs-grid-item {
    width: 100%
}

@media (min-width: 480px) {

    .cs-masonry-grid[data-columns='2'] .cs-grid-item,
    .cs-masonry-grid[data-columns='3'] .cs-grid-item,
    .cs-masonry-grid[data-columns='4'] .cs-grid-item,
    .cs-masonry-grid[data-columns='5'] .cs-grid-item,
    .cs-masonry-grid[data-columns='6'] .cs-grid-item {
        width: 50%
    }
}

@media (min-width: 768px) {

    .cs-masonry-grid[data-columns='3'] .cs-grid-item,
    .cs-masonry-grid[data-columns='4'] .cs-grid-item,
    .cs-masonry-grid[data-columns='5'] .cs-grid-item,
    .cs-masonry-grid[data-columns='6'] .cs-grid-item {
        width: 33.3333333333%
    }
}

@media (min-width: 992px) {

    .cs-masonry-grid[data-columns='4'] .cs-grid-item,
    .cs-masonry-grid[data-columns='5'] .cs-grid-item,
    .cs-masonry-grid[data-columns='6'] .cs-grid-item {
        width: 25%
    }
}

@media (min-width: 1280px) {
    .cs-masonry-grid[data-columns='5'] .cs-grid-item {
        width: 20%
    }

    .cs-masonry-grid[data-columns='6'] .cs-grid-item {
        width: 16.6666666667%
    }
}

.table:not(.table-dark) thead:not(.thead-dark) th {
    color: #4a4b65
}

thead th,
th {
    font-weight: 600
}

.table-dark td {
    color: rgba(255, 255, 255, 0.75)
}

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

label {
    padding-top: .0625rem;
    font-size: .875rem
}

label:not(.form-check-label):not(.custom-control-label):not(.custom-file-label):not(.cs-custom-option-label):not(.btn) {
    color: #4a4b65;
    font-weight: 500
}

.col-form-label {
    font-size: .875rem
}

.form-label-sm {
    padding-left: 1rem
}

.form-label {
    padding-left: 1.125rem
}

.form-label-lg {
    padding-left: 1.25rem
}

.cs-password-toggle {
    position: relative
}

.cs-password-toggle .form-control {
    padding-right: 3rem
}

.cs-password-toggle-btn {
    position: absolute;
    top: 50%;
    right: .625rem;
    margin-bottom: 0;
    padding: .5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.125rem;
    line-height: 1;
    cursor: pointer
}

.cs-password-toggle-btn .cs-password-toggle-indicator {
    color: #737491
}

.cs-password-toggle-btn .cs-password-toggle-indicator::before {
    font-family: 'feather';
    content: '\e961'
}

.cs-password-toggle-btn .cs-password-toggle-indicator:hover {
    color: #766df4
}

.cs-password-toggle-btn .custom-control-input:checked~.cs-password-toggle-indicator::before {
    content: '\e960'
}

.was-validated .cs-password-toggle .form-control:invalid,
.was-validated .cs-password-toggle .form-control.is-invalid,
.was-validated .cs-password-toggle .form-control:valid,
.was-validated .cs-password-toggle .form-control.is-valid {
    padding-right: 4rem
}

.was-validated .cs-password-toggle .form-control:invalid+.cs-password-toggle-btn,
.was-validated .cs-password-toggle .form-control.is-invalid+.cs-password-toggle-btn,
.was-validated .cs-password-toggle .form-control:valid+.cs-password-toggle-btn,
.was-validated .cs-password-toggle .form-control.is-valid+.cs-password-toggle-btn {
    right: 2.1rem
}

.custom-select-sm {
    border-radius: .5rem
}

.custom-control:focus,
.custom-control-label:focus {
    outline: none
}

.custom-control {
    padding-left: 1.6666666667rem
}

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

.custom-switch .custom-control-label::before {
    height: 1rem;
    border: 0;
    background-color: #e3e3ee
}

.custom-switch .custom-control-label::after {
    top: 0;
    border: 1px solid #e9e9f2;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0.1875rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.15)
}

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

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

.custom-switch .custom-control-input:disabled~.custom-control-label::after {
    box-shadow: none;
    opacity: .9
}

.input-group-text .custom-control {
    margin-right: -.625rem
}

.was-validated .form-control:valid,
.was-validated .form-control:valid:focus,
.was-validated .form-control.is-valid,
.was-validated .form-control.is-valid:focus,
.form-control.is-valid,
.form-control.is-valid:focus,
.was-validated .custom-file-input:valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label:focus {
    border-color: #dfdfeb
}

.valid-tooltip,
.invalid-tooltip {
    position: static;
    margin-top: .25rem;
    padding: .15rem .5rem;
    font-size: 80%
}

.valid-tooltip {
    color: #16c995
}

.invalid-tooltip {
    color: #f74f78
}

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

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

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

.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.was-validated .custom-control-input.is-valid:checked~.custom-control-label::before {
    border-color: #766df4 !important;
    background-color: #766df4
}

.was-validated .custom-control-input:valid~.custom-control-label::before,
.was-validated .custom-control-input.is-valid~.custom-control-label::before {
    border-color: #9e9fb4 !important
}

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

.form-text {
    padding-top: .125rem;
    font-size: .75rem
}

.cs-subscribe-status {
    display: table;
    border-radius: .5rem;
    font-size: .8125rem
}

.cs-subscribe-status.cs-status-success,
.cs-subscribe-status.cs-status-error {
    margin-top: .5rem;
    padding: .5rem .75rem
}

.cs-subscribe-status.cs-status-success {
    background-color: rgba(22, 201, 149, 0.08);
    color: #13b284
}

.cs-subscribe-status.cs-status-error {
    background-color: rgba(247, 79, 120, 0.08);
    color: #f63765
}

.cs-custom-size-option,
.cs-custom-color-option {
    padding-left: 0
}

.cs-custom-size-option.custom-control-inline,
.cs-custom-color-option.custom-control-inline {
    margin-right: .25rem
}

.cs-custom-option-label {
    position: relative;
    margin-bottom: 0;
    transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

.cs-custom-size-option .cs-custom-option-label {
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid #dfdfeb;
    border-radius: .75rem;
    background-color: transparent;
    color: #5a5b75;
    font-size: .9375rem;
    text-align: center;
    line-height: 2.5rem;
    cursor: pointer
}

.cs-custom-size-option .cs-custom-option-label:hover {
    border-color: #c0c0d7;
    color: #4a4b65
}

.cs-custom-size-option .custom-control-input:checked~.cs-custom-option-label {
    border-color: rgba(118, 109, 244, 0.35);
    background-color: #fff;
    color: #766df4;
    box-shadow: 0.1875rem 0.1875rem 0.625rem -0.125rem rgba(0, 0, 0, 0.09);
    cursor: default
}

.cs-custom-size-option .custom-control-input:disabled~.cs-custom-option-label {
    border-color: #e9e9f2 !important;
    background-color: #f3f3f9 !important;
    color: #9e9fb4 !important;
    cursor: not-allowed
}

.cs-custom-color-option .cs-custom-option-label {
    position: relative;
    width: 1.625rem;
    height: 1.625rem;
    border: 1px solid transparent;
    border-radius: 50%;
    cursor: pointer
}

.cs-custom-color-option .cs-color-swatch {
    display: block;
    position: absolute;
    top: .25rem;
    left: .25rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%
}

.cs-custom-color-option .custom-control-input:checked~.cs-custom-option-label {
    border-color: #d6d6e5;
    cursor: default
}

.cs-file-drop-area {
    position: relative;
    padding: 2.5rem 1rem;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    border: 2px dashed #dfdfeb;
    border-radius: 1rem;
    background-color: #fff;
    text-align: center;
    cursor: pointer
}

.cs-file-drop-area .cs-file-drop-input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: 0;
    outline: none;
    cursor: pointer;
    z-index: 2
}

.cs-file-drop-area .cs-file-drop-icon {
    display: block;
    margin-bottom: 1rem;
    color: #9e9fb4;
    font-size: 1.625rem
}

.cs-file-drop-area .cs-file-drop-preview {
    display: block;
    max-width: 16rem;
    margin-right: auto;
    margin-bottom: .75rem;
    margin-left: auto
}

.cs-file-drop-area .cs-file-drop-message {
    display: block;
    font-size: .875rem;
    margin-bottom: 1.25rem
}

.cs-file-drop-area .btn {
    position: relative;
    z-index: 3
}

.cs-file-drop-area:hover {
    border-color: #c9c9dd
}

.cs-date-picker[readonly] {
    background-color: #fff
}

.cs-signin-form {
    position: relative;
    width: 652px;
    min-height: 556px !important;
    padding-bottom: 40px;
    overflow: hidden
}

.cs-signin-form::before,
.cs-signin-form::after {
    position: absolute;
    content: ''
}

.cs-signin-form::before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 556px;
    background-image: url(../img/account/signin-illustration.png);
    background-repeat: no-repeat;
    background-size: cover
}

.cs-signin-form::after {
    left: 122px;
    bottom: 556px;
    width: 412px;
    height: 100%;
    background-color: #fff
}

.cs-signin-form .cs-signin-form-inner {
    position: relative;
    max-width: 390px;
    margin: 0 auto;
    padding: 32px 30px 0 30px;
    background-color: #fff;
    z-index: 5
}

@media (max-width: 767.98px) {
    .cs-signin-form {
        padding-bottom: 0;
        overflow: visible
    }

    .cs-signin-form::before,
    .cs-signin-form::after {
        display: none
    }

    .cs-signin-form .cs-signin-form-inner {
        padding: 40px 20px;
        border-radius: 1rem;
        box-shadow: 0 0 0.625rem -0.1875rem rgba(0, 0, 0, 0.13)
    }
}

/* Custom Buttons*/
.btn {
    white-space: nowrap
}

.btn>i {
    margin-top: -.125rem;
    vertical-align: middle
}

.btn.active {
    cursor: default
}

.btn.disabled,
.btn:disabled {
    cursor: not-allowed
}

.btn-primary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-dark,
.btn-outline-success:hover,
.btn-outline-success:active,
.btn-outline-info:hover,
.btn-outline-info:active,
.btn-outline-warning:hover,
.btn-outline-warning:active {
    color: #fff !important
}

.btn-secondary,
.btn-secondary:hover,
.btn-outline-secondary,
.btn-outline-secondary:hover,
.btn-light,
.btn-light:hover {
    color: #5a5b75 !important;
    border-color: transparent
}

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

.btn-light:focus,
.btn-light.focus {
    border-color: #fff;
    background-color: #fff
}

.btn-gradient {
    color: #fff !important;
    background: #766df4 !important;
    background: linear-gradient(to right, #766df4 0%, #766df4 30%, #6a9bf4 100%) !important
}

.btn-outline-primary {
    border-color: rgba(118, 109, 244, 0.35)
}

.btn-outline-secondary {
    border-color: rgba(247, 247, 252, 0.35)
}

.btn-outline-success {
    border-color: rgba(22, 201, 149, 0.35)
}

.btn-outline-info {
    border-color: rgba(106, 155, 244, 0.35)
}

.btn-outline-warning {
    border-color: rgba(255, 177, 92, 0.35)
}

.btn-outline-danger {
    border-color: rgba(247, 79, 120, 0.35)
}

.btn-outline-light {
    border-color: rgba(255, 255, 255, 0.35)
}

.btn-outline-dark {
    border-color: rgba(55, 56, 78, 0.35)
}

.btn-outline-secondary {
    border-color: #dfdfeb
}

.btn-outline-secondary:hover {
    border-color: #9e9fb4;
    background-color: transparent;
    color: #4a4b65 !important
}

[class*=' btn-translucent']:hover {
    color: #fff !important
}

.btn-translucent-primary {
    background-color: rgba(118, 109, 244, 0.08);
    color: #766df4
}

.btn-translucent-primary:hover {
    background-color: #766df4
}

.btn-translucent-secondary {
    background-color: rgba(247, 247, 252, 0.08);
    color: #f7f7fc
}

.btn-translucent-secondary:hover {
    background-color: #f7f7fc
}

.btn-translucent-success {
    background-color: rgba(22, 201, 149, 0.08);
    color: #16c995
}

.btn-translucent-success:hover {
    background-color: #16c995
}

.btn-translucent-info {
    background-color: rgba(106, 155, 244, 0.08);
    color: #6a9bf4
}

.btn-translucent-info:hover {
    background-color: #6a9bf4
}

.btn-translucent-warning {
    background-color: rgba(255, 177, 92, 0.08);
    color: #ffb15c
}

.btn-translucent-warning:hover {
    background-color: #ffb15c
}

.btn-translucent-danger {
    background-color: rgba(247, 79, 120, 0.08);
    color: #f74f78
}

.btn-translucent-danger:hover {
    background-color: #f74f78
}

.btn-translucent-light {
    background-color: rgba(255, 255, 255, 0.08);
    color: #fff
}

.btn-translucent-light:hover {
    background-color: #fff
}

.btn-translucent-dark {
    background-color: rgba(55, 56, 78, 0.08);
    color: #37384e
}

.btn-translucent-dark:hover {
    background-color: #37384e
}

.btn-outline-light:hover,
.btn-translucent-light:hover {
    color: #5a5b75 !important
}

.btn-pill {
    border-radius: 2.75rem !important
}

.btn-pill.btn-sm,
.btn-group-sm>.btn-pill.btn {
    border-radius: 2.2875rem !important
}

.btn-pill.btn-lg,
.btn-group-lg>.btn-pill.btn {
    border-radius: 3.3125rem !important
}

.btn-square {
    border-radius: 0 !important
}

.btn-icon {
    padding: .5625rem .7875rem
}

.btn-market {
    display: inline-block;
    padding: .375rem 1rem;
    padding-left: 3rem;
    border-radius: 1rem;
    background-position: center left .75rem;
    background-color: #000000;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    text-decoration: none;
    white-space: nowrap
}

.btn-market .btn-market-title {
    display: block;
    color: #fff;
    font-size: 1.125rem
}

.btn-market .btn-market-subtitle {
    display: block;
    margin-bottom: -.125rem;
    color: rgba(255, 255, 255, 0.6);
    font-size: .75rem
}

.btn-market:hover {
    text-decoration: none
}

.btn-market.btn-outline {
    transition: background-color 0.25s ease-in-out;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background-color: transparent
}

.btn-market.btn-outline:hover {
    background-color: rgba(255, 255, 255, 0.08)
}

.btn-apple {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
}

.btn-google {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}

.btn-windows {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ4MCA0ODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4MCA0ODA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMC4xNzYsMjI0TDAuMDAxLDY3Ljk2M2wxOTItMjYuMDcyVjIyNEgwLjE3NnogTTIyNC4wMDEsMzcuMjQxTDQ3OS45MzcsMHYyMjRIMjI0LjAwMVYzNy4yNDF6IE00NzkuOTk5LDI1NmwtMC4wNjIsMjI0ICAgbC0yNTUuOTM2LTM2LjAwOFYyNTZINDc5Ljk5OXogTTE5Mi4wMDEsNDM5LjkxOEwwLjE1Nyw0MTMuNjIxTDAuMTQ3LDI1NmgxOTEuODU0VjQzOS45MTh6IiBmaWxsPSIjMDBiY2YyIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}

.btn-amazon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDo1RDIwODkyNDkzQkZEQjExOTE0QTg1OTBEMzE1MDhDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjFCQzQ2QjRGNkQxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjFCQzQ2QTRGNkQxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QUM1ODJFMkIxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QUM1ODJFM0IxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk2CzRIAAAcFSURBVHja5FxpbBZVFH2ULlhQCq2oiBWLWqCI0AoqKILgGo2KEqlGjSKKIuJaC9EgRKNYURL9YQ2KawKICO5RqZYYsKDFtS1VsSpaU2ypgQYo0HpP5lTGz2/pvNnrTU7yLXNn3px5775777tvurW3tysf5DDBEMEAwUmCEwX9+TsalCRoEfwuqBF8KagTVAt2e9nQZA+vdYRgimCi4GJBd41z7BK8LlgjeMOTVqMHuYxcwRrBgXZnZYegyO32d3NxiGG4LBVMdvkZN7JnfuzGyZNcavQkwXYPyIFkCsoED4SFoDsFHwpSPTb8CwQPO31Sp4fYbMFi5a9MEzwfRILGu2UHNORYwS9BGmIpgldVcGR+0GzQI3T0giKY1XoHZYjBAazHuTT1ywUrOOvtFfQQDBPMEmTYaNd0wZIgOIrzNB29zYKcBOcuseFIljjhKDoxxC7U0FkuGCnYmuC4ewVzNNt1ahCGGILNXy3qIOAcalEHAWuuRZ0/BUcKDvhppM/X0HlQQ+dtDZ0setm+zmKtFo9HCuM9jeuUabYv3e90x0uCfvReewoOZZAai3g4kjs1rlNnwz8LVKjRgwT1EeQIjicGCdoEM5gEsyonCGo19PIEVUFKmO0hGgRbnIwZ/fI4k1TXFtvEJgf8BtNo13R9mv1dgSDYpwJlJO6zaL/6MiLPofHXlX1hI+gYwVjBZYLBDHCz/u9DbKCgkK7AoLAZMTcJwpBZJLgozFbeLYKeFNzRFaZBpwk6TvCpClbyLDAEnS5Y39UcKacIynWInEbGa0i471DGUnMD7dk8XzxNB2IxrH/9wClcR5BmxVLRa4KvYjh3urEY4sAf/e5BT9sg5ynB7UGOxewSNFwZyXEduVIZyfpAi91g9SZNvVkWyWkPI0FYd7peQ289h2UoYkY7BI1SeinNpRo6PcJGEBzBMZq672u6EaEiCOSM09BrVsYKqlXJ12xnml8EwS/J0dDbRb/HK4LS/SIoW3CUhp5O4SbW/s+yERv6QlCa0qsgy1DWqy6m2ZjFJvtFEIZJq4beIcqoj7bSe4pt3N9UwdF+EIT1+D80dWdYOPYZZSTt7cg9fhD0vUpcmRFLrhOM7sRxJYJLHZipkbgr8JogeMPrbDT6E8EZMf7rJXjL7pOPkBf9SHecI/jAZsNB1HPKyP1gSp5CuCHIHCwU/OYVQZiN6ml4wyJPCO72Khb7S/CCCpfs93KIQVAp9p2HN7iKQbJOgu5spVHHbTcfhNKSxz0i5zHB5Zz6rQiKtvKUbpG7Q9uGNrS7K3Mjrrexk3pVgsygbIfaJDjF4V6DoqtL1H9rFDHEahPkiZBWucB2CxzegLbSwV5TnuDpF8TRfdape3Jjl94EQY0NYioFkzp5rdFR9Oe4suNwb2m2Xlh/c8xNNUiooarjZCJabgYBL2oWsWl3C92GGotNQBnNMga2M+U+VnVCBxnRkRyqiPX2MLbcKPjZfF/mNAKWjlNshhBmWccLjqJt6kuSujMbgOKmnWzQF8pY4GuznFYoza6Rm7lVGYVX7yY4fASzoWMYn/Wno4sHhcLzCkYH2DDc9C8/SC60gm4+DriaCl1FzhU8xIfVGVkopBdH9qBr6GkW8mnODqGnHE3OUwcXChoJ5MWbOQvmRMk8/lP2lxyRBLuKYxJFT1ieuZb5m9oQE/Q1CdhOpzGa5HF49TSFUTE9aWz6f5OfJ9B4olLs8JAShIC6Lg45iuHSN6bvdYlCDThnq03f72IWsUj5uIjnkCCffh97ViF/w8TRUT/ZZA5L4sViqERdEnFi5FO2KWMLZu+QEZPOdqP9jyrjnSG38L8BphHymTKVzCQKVlG5EVm4hC1GxUw8IdmVH3BiYF9K6W+h3Vkmg91RfDHRdPxiq9H8AhrtliiW/gb6MNUchsMCQgqcx9sEmwXfkghzj0ebc01OacdCwk/KeCmCijaLxZN3eFFUgZ0Wo0GLTA4ifKpKwQYPSYG3ji0LVzAdHEvgupirUvqYguwbIw+2siC3jd72XBX/FRDj1MF1+zo+xWoavgqlt18sUlI4tDHLDmfYMDiBzj72+FcifkeFGyrY8NqdspgZRYuxWD7H6pkWb6yVSbZ6+iVNNIgN/NzCYd/Ghwd7gf1nKOLsR0OKmGuIxUliJR3fyL1qvUzhzsBoMabukm4le8lUJsI7u06fynhohEfDDj0X1WxrY/yfyZl6plsp12UM+LCGtVUFRz5nFDA0DjmKPWe6irOM7tSGukV0tIrYOL9kLXs1gtKXnTih0zsOS9i48cpI5jd7QEoVPWMYa7zYabmTJ3erOLKcuJ+GfCx9qcE0jHakgQm21bSFFW6y73b1KDIEHxHzmZzKpt+RzxkpgxmEVHWwZA56uznDNNFd2ESXod7LMfu3AAMA3eQjZHI91/8AAAAASUVORK5CYII=)
}

.btn-scroll-top {
    display: block;
    position: fixed;
    right: -4.125rem;
    bottom: 1.25rem;
    width: 2.75rem;
    height: 2.75rem;
    transition: right 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s, background-color 0.25s ease-in-out;
    border-radius: .75rem;
    background-color: rgba(55, 56, 78, 0.25);
    color: #fff;
    text-align: center;
    opacity: 0;
    z-index: 1025
}

.btn-scroll-top>.btn-scroll-top-icon {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 2.625rem
}

.btn-scroll-top .btn-scroll-top-tooltip {
    position: absolute;
    top: 50%;
    right: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
    visibility: hidden;
    opacity: 0
}

.btn-scroll-top:hover {
    background-color: rgba(55, 56, 78, 0.5);
    color: #fff
}

.btn-scroll-top:hover .btn-scroll-top-tooltip {
    visibility: visible;
    opacity: 1
}

.btn-scroll-top.show {
    right: 1.25rem;
    opacity: 1
}

@media (max-width: 767.98px) {
    .btn-scroll-top {
        width: 2.2916666667rem;
        height: 2.2916666667rem;
        bottom: 1rem
    }

    .btn-scroll-top>.btn-scroll-top-icon {
        line-height: 2.2916666667rem
    }

    .btn-scroll-top.show {
        right: 1rem
    }
}

/*Social buttons*/
.social-btn {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 1px solid transparent;
    transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    border-radius: .5rem;
    background-color: #f3f3f9;
    color: #6c6d89;
    font-size: .9375rem;
    text-align: center;
    text-decoration: none !important
}

.social-btn>i {
    line-height: 2.125rem
}

.social-btn:hover {
    color: #fff
}

.social-btn:focus {
    outline: none
}

.social-btn:active {
    transition: none;
    box-shadow: none !important
}

.social-btn.sb-light {
    background-color: rgba(255, 255, 255, 0.08);
    color: #fff
}

.social-btn.sb-light:hover {
    background-color: #fff !important;
    box-shadow: none !important
}

.sb-lg {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .75rem;
    font-size: 1rem
}

.sb-lg>i {
    line-height: 2.625rem
}

.sb-sm {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .5rem;
    font-size: .8125rem
}

.sb-sm>i {
    line-height: 1.625rem
}

.sb-outline {
    border-color: #e5e5ef;
    background-color: transparent
}

.sb-outline.sb-light {
    border-color: rgba(255, 255, 255, 0.14);
    background-color: transparent
}

.sb-outline:hover {
    border-color: transparent
}

.sb-round {
    border-radius: 50% !important
}

.sb-facebook:hover {
    background-color: #3b5998
}

.sb-facebook:hover.sb-light {
    color: #3b5998
}

.sb-twitter:hover {
    background-color: #1da1f2
}

.sb-twitter:hover.sb-light {
    color: #1da1f2
}

.sb-instagram:hover {
    background-color: #5851db
}

.sb-instagram:hover.sb-light {
    color: #5851db
}

.sb-google:hover {
    background-color: #ea4335
}

.sb-google:hover.sb-light {
    color: #ea4335
}

.sb-linkedin:hover {
    background-color: #0077b5
}

.sb-linkedin:hover.sb-light {
    color: #0077b5
}

.sb-pinterest:hover {
    background-color: #bd081c
}

.sb-pinterest:hover.sb-light {
    color: #bd081c
}

.sb-tumblr:hover {
    background-color: #35465c
}

.sb-tumblr:hover.sb-light {
    color: #35465c
}

.sb-behance:hover {
    background-color: #1769ff
}

.sb-behance:hover.sb-light {
    color: #1769ff
}

.sb-dribbble:hover {
    background-color: #ea4c89
}

.sb-dribbble:hover.sb-light {
    color: #ea4c89
}

.sb-vk:hover {
    background-color: #45668e
}

.sb-vk:hover.sb-light {
    color: #45668e
}

.sb-odnoklassniki:hover {
    background-color: #ed812b
}

.sb-odnoklassniki:hover.sb-light {
    color: #ed812b
}

.sb-skype:hover {
    background-color: #00aff0
}

.sb-skype:hover.sb-light {
    color: #00aff0
}

.sb-hangouts:hover {
    background-color: #0f9d58
}

.sb-hangouts:hover.sb-light {
    color: #0f9d58
}

.sb-messenger:hover {
    background-color: #0084ff
}

.sb-messenger:hover.sb-light {
    color: #0084ff
}

.sb-viber:hover {
    background-color: #59267c
}

.sb-viber:hover.sb-light {
    color: #59267c
}

.sb-telegram:hover {
    background-color: #0088cc
}

.sb-telegram:hover.sb-light {
    color: #0088cc
}

.sb-youtube:hover {
    background-color: #ff0000
}

.sb-youtube:hover.sb-light {
    color: #ff0000
}

.sb-figma:hover {
    background-color: #a259ff
}

.sb-figma:hover.sb-light {
    color: #a259ff
}

.sb-vimeo:hover {
    background-color: #1ab7ea
}

.sb-vimeo:hover.sb-light {
    color: #1ab7ea
}

.sb-wechat:hover {
    background-color: #7bb32e
}

.sb-wechat:hover.sb-light {
    color: #7bb32e
}

.sb-github:hover {
    background-color: #4078c0
}

.sb-github:hover.sb-light {
    color: #4078c0
}

.sb-gitlab:hover {
    background-color: #fc6d26
}

.sb-gitlab:hover.sb-light {
    color: #fc6d26
}

.sb-paypal:hover {
    background-color: #003087
}

.sb-paypal:hover.sb-light {
    color: #003087
}

.sb-slack:hover {
    background-color: #3eb991
}

.sb-slack:hover.sb-light {
    color: #3eb991
}

.sb-trello:hover {
    background-color: #0079bf
}

.sb-trello:hover.sb-light {
    color: #0079bf
}

.sb-twitch:hover {
    background-color: #6441a5
}

.sb-twitch:hover.sb-light {
    color: #6441a5
}

.sb-rss:hover {
    background-color: #f26522
}

.sb-rss:hover.sb-light {
    color: #f26522
}

.sb-email:hover {
    background-color: #766df4
}

.sb-email:hover.sb-light {
    color: #766df4
}

/* Custom Dropdowns */
.dropdown-toggle::after,
.dropdown-toggle::before {
    display: inline-block;
    font-family: 'feather';
    font-weight: normal;
    vertical-align: middle
}

.dropdown-toggle::after {
    margin-left: .25rem;
    content: '\e92f'
}

.dropdown-toggle::before {
    margin-right: .25rem
}

.dropdown-toggle:not(.dropdown-toggle-split)::before {
    margin-left: -.25rem
}

.dropdown-toggle:not(.dropdown-toggle-split)::after {
    margin-right: -.25rem
}

.dropdown .dropdown-toggle::before,
.dropup .dropdown-toggle::before,
.dropright .dropdown-toggle::before {
    display: none
}

.dropup .dropdown-toggle::after {
    content: '\e932'
}

.dropright .dropdown-toggle::after {
    content: '\e931';
    vertical-align: bottom
}

.dropleft .dropdown-toggle::before {
    content: '\e930';
    vertical-align: bottom
}

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

.dropdown-menu {
    box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, 0.07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04);
    border: 0
}

.dropdown-menu li {
    margin-bottom: 0
}

.dropdown-menu li:hover>.dropdown-item {
    color: #766df4
}

.dropdown-menu .active>.dropdown-item {
    color: #766df4
}

.dropdown-header {
    margin-bottom: .25rem;
    padding-top: .425rem;
    padding-bottom: .85rem;
    border-bottom: 1px solid #e9e9f2;
    font-size: 1rem;
    font-weight: 600
}

.dropdown-divider {
    margin: .25rem 0
}

.dropdown-item {
    position: relative;
    width: 100%;
    transition: all 0.25s ease-in-out;
    font-size: .875rem;
    font-weight: 500
}

.dropdown-item.active {
    pointer-events: none;
    cursor: default
}

.dropdown-item>i,
.dropdown-item .badge {
    vertical-align: middle
}

.dropdown-menu.show {
    -webkit-animation: fade-in .25s ease-in-out;
    animation: fade-in .25s ease-in-out
}

.dropdown-toggle-split::after {
    margin-left: -.0625rem !important
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes zoom-in {
    from {
        -webkit-transform: scale(0.85rem);
        transform: scale(0.85rem);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes zoom-in {
    from {
        -webkit-transform: scale(0.85rem);
        transform: scale(0.85rem);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.btn-group .btn-outline-secondary:hover,
.btn-group .btn-outline-secondary:active,
.btn-group .btn-outline-secondary.active {
    border-color: #e9e9f2 !important
}

.btn-group-toggle .btn-outline-primary.active,
.btn-group-toggle .btn-outline-primary:hover,
.btn-group-toggle .btn-outline-primary:focus {
    border-color: transparent !important;
    background-color: rgba(118, 109, 244, 0.08) !important;
    color: #766df4 !important
}

.btn-group-toggle .btn-outline-light.active,
.btn-group-toggle .btn-outline-light:hover,
.btn-group-toggle .btn-outline-light:focus {
    border-color: transparent !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important
}

.input-group-overlay {
    position: relative;
    width: 100%
}

.input-group-overlay .prepended-form-control:not(.rounded-left-0) {
    padding-left: 2.5rem;
    border-top-left-radius: .75rem !important;
    border-bottom-left-radius: .75rem !important
}

.input-group-overlay .appended-form-control:not(.rounded-right-0) {
    padding-right: 2.5rem;
    border-top-right-radius: .75rem !important;
    border-bottom-right-radius: .75rem !important
}

.input-group-append-overlay,
.input-group-prepend-overlay {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 5
}

.input-group-append-overlay .input-group-text,
.input-group-prepend-overlay .input-group-text {
    border: 0;
    background-color: transparent
}

.input-group-append-overlay {
    right: 0
}

.input-group-append-overlay .form-control,
.input-group-append-overlay .custom-select {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.input-group-prepend-overlay .form-control,
.input-group-prepend-overlay .custom-select {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.input-group-sm .appended-form-control {
    padding-right: 2rem
}

.input-group-sm .prepended-form-control {
    padding-left: 2rem
}

.input-group-sm>.input-group-prepend-overlay>.input-group-text,
.input-group-sm>.input-group-append-overlay>.input-group-text {
    padding: .425rem 1rem;
    font-size: .875rem
}

.input-group-lg .appended-form-control {
    padding-right: 3rem !important
}

.input-group-lg .prepended-form-control {
    padding-left: 3rem !important
}

.input-group-lg>.input-group-prepend-overlay>.input-group-text,
.input-group-lg>.input-group-append-overlay>.input-group-text {
    padding: .75rem 1.25rem;
    font-size: 1.125rem
}

.nav-link {
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
    font-weight: 500
}

.nav-link.active:not([data-toggle='dropdown']) {
    pointer-events: none;
    cursor: default
}

/* Custom Tabs */
.nav-tabs {
    margin-bottom: 1.25rem;
    border: 0
}

.nav-tabs .nav-link {
    border-radius: .75rem;
    color: #5a5b75
}

.nav-tabs .nav-link:hover {
    color: #766df4
}

.nav-tabs .nav-link>i {
    margin-top: -.125rem
}

.nav-tabs .nav-item {
    margin-bottom: 0
}

.nav-tabs .nav-item.show .nav-link {
    border-color: rgba(0, 0, 0, 0)
}

.nav-tabs .dropdown-menu {
    margin-top: 0;
    border-radius: .75rem
}

.nav-tabs-light .nav-link {
    color: rgba(255, 255, 255, 0.7)
}

.nav-tabs-light .nav-link:hover {
    color: #fff
}

.nav-tabs-light .nav-link.active {
    border-color: rgba(255, 255, 255, 0.25);
    color: #fff
}

.nav-tabs-light .show .nav-link {
    border-color: rgba(255, 255, 255, 0.25);
    color: #fff !important
}

.cs-media-tabs .nav-link {
    padding: .625rem;
    transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    border-color: #e9e9f2;
    border-radius: 1rem
}

.cs-media-tabs .nav-link .media {
    transition: opacity .25s ease-in-out;
    opacity: .72
}

.cs-media-tabs .nav-link:hover,
.cs-media-tabs .nav-link.active {
    border-color: rgba(118, 109, 244, 0.35);
    color: #5a5b75
}

.cs-media-tabs .nav-link:hover .media,
.cs-media-tabs .nav-link.active .media {
    opacity: 1
}

.cs-media-tabs .nav-link.active {
    background-color: #fff;
    box-shadow: 0.1875rem 0.1875rem 0.625rem -0.125rem rgba(0, 0, 0, 0.09)
}

.cs-media-tabs.cs-media-tabs-light .nav-link {
    border-color: rgba(255, 255, 255, 0.14);
    color: #fff
}

.cs-media-tabs.cs-media-tabs-light .nav-link:hover {
    border-color: rgba(255, 255, 255, 0.35)
}

.cs-media-tabs.cs-media-tabs-light .nav-link.active {
    color: #5a5b75
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .cs-media-tabs .nav-link .media {
        width: 16rem
    }

    .cs-media-tabs.flex-column .nav-link .media {
        width: 100%
    }
}

.cs-fancy-tabs {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cs-fancy-tabs .nav-link {
    display: block;
    position: relative;
    width: 152px;
    height: 152px;
    border: 0;
    text-align: center
}

.cs-fancy-tabs .nav-link .cs-fancy-tab-text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: .5625rem 1.25rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    color: #9e9fb4;
    line-height: 1.4;
    z-index: 5
}

.cs-fancy-tabs .nav-link .cs-fancy-tab-shape,
.cs-fancy-tabs .nav-link::before,
.cs-fancy-tabs .nav-link::after {
    display: block;
    position: absolute;
    transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    content: ''
}

.cs-fancy-tabs .nav-link .cs-fancy-tab-shape {
    top: 8px;
    left: 9px;
    width: 141px;
    height: 136px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='141' height='136' viewBox='0 0 141 136'%3e%3cdefs%3e%3clinearGradient x1='100%' y1='56.7401923%' x2='0%' y2='56.7401923%' id='linearGradient-1'%3e%3cstop stop-color='%236a9bf4' offset='0%'%3e%3c/stop%3e%3cstop stop-color='%23766df4' offset='67%'%3e%3c/stop%3e%3cstop stop-color='%23766df4' offset='100%'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg transform='translate%28-900.000000, -3315.000000%29' fill='url%28%23linearGradient-1%29'%3e%3cg transform='translate%282.000000, 3141.000000%29'%3e%3cg transform='translate%28506.000000, 167.000000%29'%3e%3cg transform='translate%28383.000000, 0.000000%29'%3e%3cpath d='M27.2602266,25.9990154 C-9.11920392,72.3295589 12.4827547,135.602003 60.1461146,142.008864 C107.809475,148.415726 150,123.490753 150,75.0878442 C150,26.684936 63.6396571,-20.3315281 27.2602266,25.9990154 Z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-size: cover;
    z-index: 1
}

.cs-fancy-tabs .nav-link::before {
    top: 1px;
    left: 8px;
    width: 144px;
    height: 140px;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='144' height='140' viewBox='0 0 144 140'%3e%3cdefs%3e%3clinearGradient x1='88.6756982%' y1='84.347423%' x2='4.80864136%' y2='26.3388134%' id='linearGradient-1'%3e%3cstop stop-color='%236a9bf4' offset='0%'%3e%3c/stop%3e%3cstop stop-color='%23766df4' offset='67%'%3e%3c/stop%3e%3cstop stop-color='%23766df4' offset='100%'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg transform='translate%28-899.000000, -3308.000000%29' fill='url%28%23linearGradient-1%29'%3e%3cg transform='translate%282.000000, 3141.000000%29'%3e%3cg transform='translate%28506.000000, 167.000000%29'%3e%3cg transform='translate%28383.000000, 0.000000%29'%3e%3cpath d='M62.9851149,2.34349468 C7.20709168,21.2388791 -8.98702653,86.0361531 27.6378217,117.472619 C64.2626698,148.909085 126.984793,146.726479 147.304071,115.404978 C167.623349,84.083476 118.763138,-16.5518897 62.9851149,2.34349468 Z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-size: cover;
    z-index: 2
}

.cs-fancy-tabs .nav-link::after {
    top: 12px;
    left: 0;
    width: 143px;
    height: 139px;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='143' height='139' viewBox='0 0 143 139'%3e%3cdefs%3e%3clinearGradient x1='90.1221807%' y1='17.6023579%' x2='18.1882007%' y2='91.5597184%' id='linearGradient-1'%3e%3cstop stop-color='%236a9bf4' offset='0%'%3e%3c/stop%3e%3cstop stop-color='%23766df4' offset='67%'%3e%3c/stop%3e%3cstop stop-color='%23766df4' offset='100%'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg transform='translate%28-891.000000, -3319.000000%29' fill='url%28%23linearGradient-1%29'%3e%3cg transform='translate%282.000000, 3141.000000%29'%3e%3cg transform='translate%28506.000000, 167.000000%29'%3e%3cg transform='translate%28383.000000, 0.000000%29'%3e%3cpath d='M0.226545142,78.6428487 C6.07066962,137.350137 65.4934992,167.748638 104.327822,139.07173 C143.162146,110.394823 155.146053,48.6712687 129.232145,21.7826583 C103.318238,-5.10595204 -5.61757933,19.9355606 0.226545142,78.6428487 Z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-size: cover;
    z-index: 3
}

.cs-fancy-tabs .nav-link:hover .cs-fancy-tab-text {
    color: #5a5b75
}

.cs-fancy-tabs .nav-link.active .cs-fancy-tab-text {
    color: #fff !important
}

.cs-fancy-tabs .nav-link.active .cs-fancy-tab-shape {
    opacity: 1
}

.cs-fancy-tabs .nav-link.active::before,
.cs-fancy-tabs .nav-link.active::after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .49
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    .cs-fancy-tabs .nav-link .cs-fancy-tab-shape::before,
    .cs-fancy-tabs .nav-link .cs-fancy-tab-shape::after {
        display: none
    }

    .cs-fancy-tabs .nav-link .cs-fancy-tab-shape {
        width: 140px;
        height: 140px;
        border-radius: 50%;
        background: none;
        background-color: #766df4
    }
}

@supports (-ms-ime-align: auto) {

    .cs-fancy-tabs .nav-link .cs-fancy-tab-shape::before,
    .cs-fancy-tabs .nav-link .cs-fancy-tab-shape::after {
        display: none
    }

    .cs-fancy-tabs .nav-link .cs-fancy-tab-shape {
        width: 140px;
        height: 140px;
        border-radius: 50%;
        background: none;
        background-color: #766df4
    }
}

/* Pills */
.nav-pills .nav-item {
    margin-bottom: 0
}

.nav-pills .nav-link {
    padding-top: .625rem;
    padding-bottom: .625rem;
    background-color: #f7f7fc;
    color: #5a5b75;
    font-size: 1rem
}

.nav-pills .nav-link:hover:not(.active):not([aria-expanded=true]) {
    color: #5a5b75;
    background-color: #e8e8f6
}

.nav-pills .nav-link.disabled {
    background-color: transparent;
    color: #9e9fb4
}

.nav-pills .nav-link.disabled:hover:not(.active) {
    background-color: transparent
}

.nav-pills .nav-link i {
    margin-top: -.25rem
}

.nav-tabs:not(.nav-fill):not(.nav-justified) .nav-item,
.nav-pills .nav-item {
    margin-right: .6666666667rem
}

.nav-tabs:not(.nav-fill):not(.nav-justified) .nav-item:last-child,
.nav-pills .nav-item:last-child {
    margin-right: 0
}

.nav-tabs:not(.nav-fill):not(.nav-justified).justify-content-center .nav-item,
.nav-pills.justify-content-center .nav-item {
    margin-right: .3333333333rem !important;
    margin-left: .3333333333rem !important
}

.nav-tabs:not(.nav-fill):not(.nav-justified).justify-content-end .nav-item,
.nav-pills.justify-content-end .nav-item {
    margin-right: 0;
    margin-left: .6666666667rem
}

.nav-tabs:not(.nav-fill):not(.nav-justified).justify-content-end .nav-item:last-child,
.nav-pills.justify-content-end .nav-item:last-child {
    margin-left: 0
}

.nav-tabs:not(.nav-fill):not(.nav-justified).flex-column .nav-item,
.nav-pills.flex-column .nav-item {
    margin-right: 0 !important;
    margin-bottom: .6666666667rem;
    margin-left: 0 !important
}

.nav-tabs:not(.nav-fill):not(.nav-justified).flex-column .nav-item:last-child,
.nav-pills.flex-column .nav-item:last-child {
    margin-bottom: 0
}

.nav-indicator {
    display: inline-block;
    width: .3125rem;
    height: .3125rem;
    margin-top: -.5rem;
    margin-left: .375rem;
    border-radius: 50%;
    background-color: #16c995
}

.nav-link-style {
    display: inline-block;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
    color: #5a5b75;
    font-weight: 500;
    text-decoration: none
}

.nav-link-style>i {
    transition: opacity .25s ease-in-out
}

.nav-link-style:hover {
    color: #766df4;
    text-decoration: none
}

.nav-link-style:hover>i {
    opacity: 1 !important
}

.nav-link-style.active {
    color: #766df4;
    pointer-events: none;
    cursor: default
}

.nav-link-style.active>i {
    opacity: 1 !important
}

.nav-link-style.nav-link-light {
    color: rgba(255, 255, 255, 0.7)
}

.nav-link-style.nav-link-light:hover {
    color: #fff
}

.nav-link-style.nav-link-light.active {
    color: #fff
}

.nav-heading,
.nav-heading a,
.nav-heading .nav-heading-title {
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
    color: #4a4b65;
    font-weight: 600;
    text-decoration: none
}

.nav-heading:hover,
.nav-heading:hover .nav-heading-title,
.nav-heading a:hover,
.nav-heading a:hover .nav-heading-title,
.nav-heading .nav-heading-title:hover,
.nav-heading .nav-heading-title:hover .nav-heading-title {
    color: #766df4;
    text-decoration: none
}

.nav-heading.active,
.nav-heading a.active,
.nav-heading .nav-heading-title.active {
    color: #766df4;
    pointer-events: none;
    cursor: default
}

.cs-fancy-link {
    display: inline-block;
    position: relative;
    color: #766df4;
    font-weight: 500;
    text-decoration: none
}

.cs-fancy-link::after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: .0625rem;
    background-color: #766df4;
    content: ''
}

.cs-fancy-link:hover {
    color: #766df4;
    text-decoration: none
}

.cs-fancy-link:hover::after {
    -webkit-animation: linkUnderline .6s ease-in-out;
    animation: linkUnderline .6s ease-in-out
}

.cs-fancy-link.text-light {
    color: #fff
}

.cs-fancy-link.text-light::after {
    background-color: #fff
}

.cs-fancy-link.text-light:hover {
    color: #fff
}

@-webkit-keyframes linkUnderline {
    0% {
        width: 100%
    }

    50% {
        width: 0
    }

    100% {
        left: 0;
        width: 100%
    }
}

@keyframes linkUnderline {
    0% {
        width: 100%
    }

    50% {
        width: 0
    }

    100% {
        left: 0;
        width: 100%
    }
}

.meta-link {
    transition: color 0.2s ease-in-out;
    color: #797a95;
    vertical-align: middle;
    text-decoration: none
}

.meta-link:not(.media) {
    display: inline-block
}

.meta-link:hover {
    color: #4d4e64;
    text-decoration: none
}

.meta-link>i {
    font-size: 1.25em;
    opacity: .75
}

.meta-divider {
    display: inline-block;
    width: 1px;
    height: 1rem;
    margin: 0 .625rem;
    background-color: #dfdfec;
    vertical-align: middle
}

.radio-tab-pane {
    display: none
}

.radio-tab-pane.active {
    display: block
}

.cs-header {
    position: relative;
    z-index: 1030
}

.navbar {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.navbar-box-shadow {
    box-shadow: 0 0.125rem 0.625rem -0.1875rem rgba(0, 0, 0, 0.1)
}

.navbar-floating {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.navbar:not(.navbar-stuck) .navbar-stuck-btn,
.navbar-stuck .navbar-btn {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.navbar-stuck-logo {
    display: none
}

.navbar-sticky.navbar-stuck {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-animation: navbar-show .25s;
    animation: navbar-show .25s;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.625rem -0.1875rem rgba(0, 0, 0, 0.1);
    z-index: 1030
}

@-webkit-keyframes navbar-show {
    from {
        -webkit-transform: translateY(-0.75rem);
        transform: translateY(-0.75rem);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes navbar-show {
    from {
        -webkit-transform: translateY(-0.75rem);
        transform: translateY(-0.75rem);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.navbar-search {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.navbar-search .container {
    height: 100%;
    min-height: 100%
}

.navbar-search .form-control {
    border: 0 !important;
    background-color: transparent !important;
    font-size: 1rem;
    box-shadow: none !important
}

.navbar-search .close {
    font-size: 1.75rem;
    font-weight: 300
}

.navbar-search.show {
    display: block;
    -webkit-animation: fade-in .25s ease-in-out;
    animation: fade-in .25s ease-in-out
}

.navbar-nav {
    padding-top: 1rem
}

.navbar-nav .nav-item {
    margin-bottom: 0;
    border-top: 1px solid #e9e9f2
}

.navbar-nav .nav-link {
    padding: .875rem 1.125rem
}

.navbar-nav .dropdown-menu {
    min-width: 12.5rem;
    margin: 0;
    margin-top: -.5rem;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

.navbar-nav .dropdown-menu .dropdown-menu {
    padding-right: 1rem;
    padding-left: 1rem
}

.navbar-tool {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #5a5b75
}

.navbar-tool>a {
    color: #5a5b75;
    transition: color 0.25s ease-in-out;
    text-decoration: none
}

.navbar-tool>a:hover {
    color: #37384e;
    text-decoration: none
}

.navbar-tool:hover>a {
    color: #37384e
}

.navbar-tool .navbar-tool-icon-box {
    position: relative;
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1.375rem;
    text-align: center
}

.navbar-tool .navbar-tool-icon-box>i {
    line-height: 2.75rem
}

.navbar-tool .navbar-tool-icon-box-img {
    padding: .125rem;
    border: 1px solid #dfdfec;
    border-radius: 50%
}

.navbar-tool .navbar-tool-label {
    display: block;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: .625rem;
    transition: color 0.25s ease-in-out;
    font-size: .875rem;
    font-weight: 500;
    text-decoration: none !important;
    white-space: nowrap
}

.navbar-tool .navbar-tool-label>small {
    display: block;
    margin-bottom: -.125rem;
    font-size: 85%;
    font-weight: normal;
    opacity: .75
}

.navbar-tool .navbar-tool-badge {
    position: absolute;
    top: .125rem;
    right: -.5625rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    background-color: #766df4;
    color: #fff;
    font-size: .75rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.125rem
}

.navbar-tool.dropdown::after {
    position: absolute;
    left: 0;
    bottom: -.75rem;
    width: 100%;
    height: .75rem;
    content: ''
}

.navbar-tool.dropdown .dropdown-toggle::after {
    margin-left: .125rem;
    font-size: 1.15em
}

.navbar-tool .dropdown-menu {
    margin-top: .5rem !important
}

@media (max-width: 991.98px) {

    .navbar-tool .dropdown-menu,
    .navbar-tool.dropdown .dropdown-toggle::after {
        display: none !important
    }
}

.bg-primary .navbar-tool .navbar-tool-badge {
    color: #766df4;
    background-color: #fff
}

.navbar-dark .navbar-nav .nav-item {
    border-color: rgba(255, 255, 255, 0.14) !important
}

.navbar-dark .navbar-nav .dropdown-menu .dropdown-item {
    color: rgba(255, 255, 255, 0.7)
}

.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:hover {
    color: #fff
}

.navbar-dark .navbar-nav .dropdown-menu .dropdown-item.active {
    color: #fff
}

.navbar-dark .navbar-nav .dropdown-menu .dropdown-item.disabled {
    color: rgba(255, 255, 255, 0.45)
}

.navbar-dark .navbar-nav .dropdown-header {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.14)
}

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

.navbar-dark .nav-link-style:hover {
    color: #fff
}

.navbar-dark .nav-link-style.active {
    color: #fff
}

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

.navbar-dark .navbar-tool>a {
    color: #fff
}

.navbar-dark .navbar-tool:hover>a {
    color: #fff
}

.navbar-dark .navbar-tool .navbar-tool-icon-box-img {
    border-color: rgba(255, 255, 255, 0.15)
}

/* Navbars */
@media (min-width: 576px) {
    .navbar-expand-sm.navbar {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .navbar-expand-sm.navbar-sticky.navbar-stuck .navbar-floating-logo {
        display: none !important
    }

    .navbar-expand-sm.navbar-sticky.navbar-stuck .navbar-stuck-logo {
        display: block
    }

    .navbar-expand-sm .navbar-nav {
        position: relative;
        padding-top: 0
    }

    .navbar-expand-sm .navbar-nav .nav-item {
        border: 0
    }

    .navbar-expand-sm .navbar-nav .nav-item:hover>.nav-link:not(.disabled) {
        color: #766df4
    }

    .navbar-expand-sm .navbar-nav .nav-item.active>.nav-link:not(.disabled) {
        color: #766df4
    }

    .navbar-expand-sm .navbar-nav>.dropdown>.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-sm .dropdown-menu {
        margin-top: 0;
        box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, 0.07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04);
        border-color: #e9e9f2;
        background-color: #fff;
        border-color: #fff
    }

    .navbar-expand-sm .dropdown-menu .dropdown-toggle {
        position: relative;
        padding-right: 1.625rem
    }

    .navbar-expand-sm .dropdown-menu .dropdown-toggle::after {
        position: absolute;
        top: 50%;
        right: .8666666667rem;
        margin-top: .0625rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: '\e931'
    }

    .navbar-expand-sm .dropdown-menu .dropdown-menu {
        top: 0;
        right: auto;
        left: 100%;
        width: auto;
        margin-top: -.5rem;
        margin-right: 0;
        margin-left: -.25rem;
        padding-right: 0;
        padding-left: 0;
        border-radius: .75rem;
        background-color: #fff
    }

    .navbar-expand-sm .dropdown-menu.show {
        display: none
    }

    .navbar-expand-sm .dropdown:hover>.dropdown-menu {
        display: block;
        -webkit-animation: dropdown-show 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        animation: dropdown-show 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55)
    }

    .navbar-expand-sm .dropdown-mega {
        position: static
    }

    .navbar-expand-sm .dropdown-mega>.dropdown-menu {
        width: auto;
        padding: 0 .75rem;
        overflow: hidden
    }

    .navbar-expand-sm .dropdown-mega:hover>.dropdown-menu {
        display: -ms-flexbox;
        display: flex
    }

    .navbar-expand-sm .dropdown-mega .dropdown-column {
        display: block;
        width: 15rem;
        min-width: 15rem;
        padding: 1.5rem .75rem
    }

    .navbar-expand-sm .dropdown-mega .dropdown-column.dropdown-column-img {
        margin-right: .75rem;
        margin-left: -.75rem;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .navbar-expand-sm .dropdown-mega .dropdown-column:last-child.dropdown-column-img {
        margin-right: -.75rem;
        margin-left: .75rem
    }

    .navbar-expand-sm .dropdown-mega .dropdown-column .dropdown-header {
        padding: 0 0 .6375rem 0
    }

    .navbar-expand-sm .dropdown-mega .dropdown-column .dropdown-item {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand-sm.navbar-dark .navbar-nav .nav-item:hover>.nav-link {
        color: #fff
    }

    .navbar-expand-sm.navbar-dark .navbar-nav .nav-item.active>.nav-link {
        color: #fff
    }

    .navbar-expand-sm.navbar-dark .navbar-nav .dropdown-menu .dropdown-item {
        color: #5a5b75
    }

    .navbar-expand-sm.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:hover {
        color: #766df4
    }

    .navbar-expand-sm.navbar-dark .navbar-nav .dropdown-menu .dropdown-item.active {
        color: #766df4
    }

    .navbar-expand-sm.navbar-dark .navbar-nav .dropdown-menu .dropdown-item.disabled {
        color: #9e9fb4
    }

    .navbar-expand-sm.navbar-dark .navbar-nav .dropdown-menu .dropdown:hover>.dropdown-item {
        color: #766df4
    }

    .navbar-expand-sm.navbar-dark .navbar-nav .dropdown-header {
        color: #4a4b65;
        border-color: #e9e9f2
    }
}

@media (min-width: 768px) {
    .navbar-expand-md.navbar {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .navbar-expand-md.navbar-sticky.navbar-stuck .navbar-floating-logo {
        display: none !important
    }

    .navbar-expand-md.navbar-sticky.navbar-stuck .navbar-stuck-logo {
        display: block
    }

    .navbar-expand-md .navbar-nav {
        position: relative;
        padding-top: 0
    }

    .navbar-expand-md .navbar-nav .nav-item {
        border: 0
    }

    .navbar-expand-md .navbar-nav .nav-item:hover>.nav-link:not(.disabled) {
        color: #766df4
    }

    .navbar-expand-md .navbar-nav .nav-item.active>.nav-link:not(.disabled) {
        color: #766df4
    }

    .navbar-expand-md .navbar-nav>.dropdown>.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-md .dropdown-menu {
        margin-top: 0;
        box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, 0.07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04);
        border-color: #e9e9f2;
        background-color: #fff;
        border-color: #fff
    }

    .navbar-expand-md .dropdown-menu .dropdown-toggle {
        position: relative;
        padding-right: 1.625rem
    }

    .navbar-expand-md .dropdown-menu .dropdown-toggle::after {
        position: absolute;
        top: 50%;
        right: .8666666667rem;
        margin-top: .0625rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: '\e931'
    }

    .navbar-expand-md .dropdown-menu .dropdown-menu {
        top: 0;
        right: auto;
        left: 100%;
        width: auto;
        margin-top: -.5rem;
        margin-right: 0;
        margin-left: -.25rem;
        padding-right: 0;
        padding-left: 0;
        border-radius: .75rem;
        background-color: #fff
    }

    .navbar-expand-md .dropdown-menu.show {
        display: none
    }

    .navbar-expand-md .dropdown:hover>.dropdown-menu {
        display: block;
        -webkit-animation: dropdown-show 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        animation: dropdown-show 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55)
    }

    .navbar-expand-md .dropdown-mega {
        position: static
    }

    .navbar-expand-md .dropdown-mega>.dropdown-menu {
        width: auto;
        padding: 0 .75rem;
        overflow: hidden
    }

    .navbar-expand-md .dropdown-mega:hover>.dropdown-menu {
        display: -ms-flexbox;
        display: flex
    }

    .navbar-expand-md .dropdown-mega .dropdown-column {
        display: block;
        width: 15rem;
        min-width: 15rem;
        padding: 1.5rem .75rem
    }

    .navbar-expand-md .dropdown-mega .dropdown-column.dropdown-column-img {
        margin-right: .75rem;
        margin-left: -.75rem;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .navbar-expand-md .dropdown-mega .dropdown-column:last-child.dropdown-column-img {
        margin-right: -.75rem;
        margin-left: .75rem
    }

    .navbar-expand-md .dropdown-mega .dropdown-column .dropdown-header {
        padding: 0 0 .6375rem 0
    }

    .navbar-expand-md .dropdown-mega .dropdown-column .dropdown-item {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand-md.navbar-dark .navbar-nav .nav-item:hover>.nav-link {
        color: #fff
    }

    .navbar-expand-md.navbar-dark .navbar-nav .nav-item.active>.nav-link {
        color: #fff
    }

    .navbar-expand-md.navbar-dark .navbar-nav .dropdown-menu .dropdown-item {
        color: #5a5b75
    }

    .navbar-expand-md.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:hover {
        color: #766df4
    }

    .navbar-expand-md.navbar-dark .navbar-nav .dropdown-menu .dropdown-item.active {
        color: #766df4
    }

    .navbar-expand-md.navbar-dark .navbar-nav .dropdown-menu .dropdown-item.disabled {
        color: #9e9fb4
    }

    .navbar-expand-md.navbar-dark .navbar-nav .dropdown-menu .dropdown:hover>.dropdown-item {
        color: #766df4
    }

    .navbar-expand-md.navbar-dark .navbar-nav .dropdown-header {
        color: #4a4b65;
        border-color: #e9e9f2
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg.navbar {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .navbar-expand-lg.navbar-sticky.navbar-stuck .navbar-floating-logo {
        display: none !important
    }

    .navbar-expand-lg.navbar-sticky.navbar-stuck .navbar-stuck-logo {
        display: block
    }

    .navbar-expand-lg .navbar-nav {
        position: relative;
        padding-top: 0
    }

    .navbar-expand-lg .navbar-nav .nav-item {
        border: 0
    }

    .navbar-expand-lg .navbar-nav .nav-item:hover>.nav-link:not(.disabled) {
        color: #766df4
    }

    .navbar-expand-lg .navbar-nav .nav-item.active>.nav-link:not(.disabled) {
        color: #766df4
    }

    .navbar-expand-lg .navbar-nav>.dropdown>.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-lg .dropdown-menu {
        margin-top: 0;
        box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, 0.07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04);
        border-color: #e9e9f2;
        background-color: #fff;
        border-color: #fff
    }

    .navbar-expand-lg .dropdown-menu .dropdown-toggle {
        position: relative;
        padding-right: 1.625rem
    }

    .navbar-expand-lg .dropdown-menu .dropdown-toggle::after {
        position: absolute;
        top: 50%;
        right: .8666666667rem;
        margin-top: .0625rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: '\e931'
    }

    .navbar-expand-lg .dropdown-menu .dropdown-menu {
        top: 0;
        right: auto;
        left: 100%;
        width: auto;
        margin-top: -.5rem;
        margin-right: 0;
        margin-left: -.25rem;
        padding-right: 0;
        padding-left: 0;
        border-radius: .75rem;
        background-color: #fff
    }

    .navbar-expand-lg .dropdown-menu.show {
        display: none
    }

    .navbar-expand-lg .dropdown:hover>.dropdown-menu {
        display: block;
        -webkit-animation: dropdown-show 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        animation: dropdown-show 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55)
    }

    .navbar-expand-lg .dropdown-mega {
        position: static
    }

    .navbar-expand-lg .dropdown-mega>.dropdown-menu {
        width: auto;
        padding: 0 .75rem;
        overflow: hidden
    }

    .navbar-expand-lg .dropdown-mega:hover>.dropdown-menu {
        display: -ms-flexbox;
        display: flex
    }

    .navbar-expand-lg .dropdown-mega .dropdown-column {
        display: block;
        width: 15rem;
        min-width: 15rem;
        padding: 1.5rem .75rem
    }

    .navbar-expand-lg .dropdown-mega .dropdown-column.dropdown-column-img {
        margin-right: .75rem;
        margin-left: -.75rem;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .navbar-expand-lg .dropdown-mega .dropdown-column:last-child.dropdown-column-img {
        margin-right: -.75rem;
        margin-left: .75rem
    }

    .navbar-expand-lg .dropdown-mega .dropdown-column .dropdown-header {
        padding: 0 0 .6375rem 0
    }

    .navbar-expand-lg .dropdown-mega .dropdown-column .dropdown-item {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand-lg.navbar-dark .navbar-nav .nav-item:hover>.nav-link {
        color: #fff
    }

    .navbar-expand-lg.navbar-dark .navbar-nav .nav-item.active>.nav-link {
        color: #fff
    }

    .navbar-expand-lg.navbar-dark .navbar-nav .dropdown-menu .dropdown-item {
        color: #5a5b75
    }

    .navbar-expand-lg.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:hover {
        color: #766df4
    }

    .navbar-expand-lg.navbar-dark .navbar-nav .dropdown-menu .dropdown-item.active {
        color: #766df4
    }

    .navbar-expand-lg.navbar-dark .navbar-nav .dropdown-menu .dropdown-item.disabled {
        color: #9e9fb4
    }

    .navbar-expand-lg.navbar-dark .navbar-nav .dropdown-menu .dropdown:hover>.dropdown-item {
        color: #766df4
    }

    .navbar-expand-lg.navbar-dark .navbar-nav .dropdown-header {
        color: #4a4b65;
        border-color: #e9e9f2
    }
}

@media (min-width: 1280px) {
    .navbar-expand-xl.navbar {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .navbar-expand-xl.navbar-sticky.navbar-stuck .navbar-floating-logo {
        display: none !important
    }

    .navbar-expand-xl.navbar-sticky.navbar-stuck .navbar-stuck-logo {
        display: block
    }

    .navbar-expand-xl .navbar-nav {
        position: relative;
        padding-top: 0
    }

    .navbar-expand-xl .navbar-nav .nav-item {
        border: 0
    }

    .navbar-expand-xl .navbar-nav .nav-item:hover>.nav-link:not(.disabled) {
        color: #766df4
    }

    .navbar-expand-xl .navbar-nav .nav-item.active>.nav-link:not(.disabled) {
        color: #766df4
    }

    .navbar-expand-xl .navbar-nav>.dropdown>.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-xl .dropdown-menu {
        margin-top: 0;
        box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, 0.07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04);
        border-color: #e9e9f2;
        background-color: #fff;
        border-color: #fff
    }

    .navbar-expand-xl .dropdown-menu .dropdown-toggle {
        position: relative;
        padding-right: 1.625rem
    }

    .navbar-expand-xl .dropdown-menu .dropdown-toggle::after {
        position: absolute;
        top: 50%;
        right: .8666666667rem;
        margin-top: .0625rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: '\e931'
    }

    .navbar-expand-xl .dropdown-menu .dropdown-menu {
        top: 0;
        right: auto;
        left: 100%;
        width: auto;
        margin-top: -.5rem;
        margin-right: 0;
        margin-left: -.25rem;
        padding-right: 0;
        padding-left: 0;
        border-radius: .75rem;
        background-color: #fff
    }

    .navbar-expand-xl .dropdown-menu.show {
        display: none
    }

    .navbar-expand-xl .dropdown:hover>.dropdown-menu {
        display: block;
        -webkit-animation: dropdown-show 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        animation: dropdown-show 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55)
    }

    .navbar-expand-xl .dropdown-mega {
        position: static
    }

    .navbar-expand-xl .dropdown-mega>.dropdown-menu {
        width: auto;
        padding: 0 .75rem;
        overflow: hidden
    }

    .navbar-expand-xl .dropdown-mega:hover>.dropdown-menu {
        display: -ms-flexbox;
        display: flex
    }

    .navbar-expand-xl .dropdown-mega .dropdown-column {
        display: block;
        width: 15rem;
        min-width: 15rem;
        padding: 1.5rem .75rem
    }

    .navbar-expand-xl .dropdown-mega .dropdown-column.dropdown-column-img {
        margin-right: .75rem;
        margin-left: -.75rem;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .navbar-expand-xl .dropdown-mega .dropdown-column:last-child.dropdown-column-img {
        margin-right: -.75rem;
        margin-left: .75rem
    }

    .navbar-expand-xl .dropdown-mega .dropdown-column .dropdown-header {
        padding: 0 0 .6375rem 0
    }

    .navbar-expand-xl .dropdown-mega .dropdown-column .dropdown-item {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand-xl.navbar-dark .navbar-nav .nav-item:hover>.nav-link {
        color: #fff
    }

    .navbar-expand-xl.navbar-dark .navbar-nav .nav-item.active>.nav-link {
        color: #fff
    }

    .navbar-expand-xl.navbar-dark .navbar-nav .dropdown-menu .dropdown-item {
        color: #5a5b75
    }

    .navbar-expand-xl.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:hover {
        color: #766df4
    }

    .navbar-expand-xl.navbar-dark .navbar-nav .dropdown-menu .dropdown-item.active {
        color: #766df4
    }

    .navbar-expand-xl.navbar-dark .navbar-nav .dropdown-menu .dropdown-item.disabled {
        color: #9e9fb4
    }

    .navbar-expand-xl.navbar-dark .navbar-nav .dropdown-menu .dropdown:hover>.dropdown-item {
        color: #766df4
    }

    .navbar-expand-xl.navbar-dark .navbar-nav .dropdown-header {
        color: #4a4b65;
        border-color: #e9e9f2
    }
}

.navbar-expand.navbar {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.navbar-expand.navbar-sticky.navbar-stuck .navbar-floating-logo {
    display: none !important
}

.navbar-expand.navbar-sticky.navbar-stuck .navbar-stuck-logo {
    display: block
}

.navbar-expand .navbar-nav {
    position: relative;
    padding-top: 0
}

.navbar-expand .navbar-nav .nav-item {
    border: 0
}

.navbar-expand .navbar-nav .nav-item:hover>.nav-link:not(.disabled) {
    color: #766df4
}

.navbar-expand .navbar-nav .nav-item.active>.nav-link:not(.disabled) {
    color: #766df4
}

.navbar-expand .navbar-nav>.dropdown>.dropdown-toggle::after {
    display: none
}

.navbar-expand .dropdown-menu {
    margin-top: 0;
    box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, 0.07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04);
    border-color: #e9e9f2;
    background-color: #fff;
    border-color: #fff
}

.navbar-expand .dropdown-menu .dropdown-toggle {
    position: relative;
    padding-right: 1.625rem
}

.navbar-expand .dropdown-menu .dropdown-toggle::after {
    position: absolute;
    top: 50%;
    right: .8666666667rem;
    margin-top: .0625rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\e931'
}

.navbar-expand .dropdown-menu .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    width: auto;
    margin-top: -.5rem;
    margin-right: 0;
    margin-left: -.25rem;
    padding-right: 0;
    padding-left: 0;
    border-radius: .75rem;
    background-color: #fff
}

.navbar-expand .dropdown-menu.show {
    display: none
}

.navbar-expand .dropdown:hover>.dropdown-menu {
    display: block;
    -webkit-animation: dropdown-show 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation: dropdown-show 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.navbar-expand .dropdown-mega {
    position: static
}

.navbar-expand .dropdown-mega>.dropdown-menu {
    width: auto;
    padding: 0 .75rem;
    overflow: hidden
}

.navbar-expand .dropdown-mega:hover>.dropdown-menu {
    display: -ms-flexbox;
    display: flex
}

.navbar-expand .dropdown-mega .dropdown-column {
    display: block;
    width: 15rem;
    min-width: 15rem;
    padding: 1.5rem .75rem
}

.navbar-expand .dropdown-mega .dropdown-column.dropdown-column-img {
    margin-right: .75rem;
    margin-left: -.75rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.navbar-expand .dropdown-mega .dropdown-column:last-child.dropdown-column-img {
    margin-right: -.75rem;
    margin-left: .75rem
}

.navbar-expand .dropdown-mega .dropdown-column .dropdown-header {
    padding: 0 0 .6375rem 0
}

.navbar-expand .dropdown-mega .dropdown-column .dropdown-item {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand.navbar-dark .navbar-nav .nav-item:hover>.nav-link {
    color: #fff
}

.navbar-expand.navbar-dark .navbar-nav .nav-item.active>.nav-link {
    color: #fff
}

.navbar-expand.navbar-dark .navbar-nav .dropdown-menu .dropdown-item {
    color: #5a5b75
}

.navbar-expand.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:hover {
    color: #766df4
}

.navbar-expand.navbar-dark .navbar-nav .dropdown-menu .dropdown-item.active {
    color: #766df4
}

.navbar-expand.navbar-dark .navbar-nav .dropdown-menu .dropdown-item.disabled {
    color: #9e9fb4
}

.navbar-expand.navbar-dark .navbar-nav .dropdown-menu .dropdown:hover>.dropdown-item {
    color: #766df4
}

.navbar-expand.navbar-dark .navbar-nav .dropdown-header {
    color: #4a4b65;
    border-color: #e9e9f2
}

.topbar {
    position: relative;
    padding: .625rem 15px;
    color: #6c6d89;
    font-size: .875rem
}

.topbar-link {
    display: inline-block;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
    color: #6c6d89;
    font-weight: 500;
    text-decoration: none
}

.topbar-link:hover {
    color: #3d3e57;
    text-decoration: none
}

.topbar-link.active {
    color: #3d3e57;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.dropdown.show>.topbar-link {
    color: #3d3e57
}

.topbar-dark {
    color: rgba(255, 255, 255, 0.7)
}

.topbar-dark .topbar-link {
    color: rgba(255, 255, 255, 0.7)
}

.topbar-dark .topbar-link:hover {
    color: #fff
}

.topbar-dark .topbar-link.active {
    color: #fff
}

.topbar-dark .dropdown.show>.topbar-link {
    color: #fff
}

@-webkit-keyframes dropdown-show {
    from {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes dropdown-show {
    from {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

a.card:hover,
a.card-body:hover {
    text-decoration: none
}

.card-img,
.card-img-top,
.card-img-bottom {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.card-img>img,
.card-img-top>img,
.card-img-bottom>img {
    display: block;
    width: 100%
}

.card-img-gradient::after,
.card-img-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease-in-out;
    content: '';
    opacity: 0
}

.card:hover>.card-img-gradient::after,
.card:hover>.card-img-overlay {
    opacity: 1
}

.card-img-gradient::after {
    background: rgba(118, 109, 244, 0.3);
    background: linear-gradient(to top, rgba(118, 109, 244, 0.8) 0%, rgba(118, 109, 244, 0.3) 35%, rgba(118, 109, 244, 0) 100%)
}

.card-img-overlay {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 1rem;
    background-color: rgba(74, 75, 101, 0.6);
    z-index: 5
}

.card-body,
.card-header {
    position: relative;
    z-index: 5
}

.card-curved-body {
    overflow: hidden
}

.card-curved-body .card-body {
    padding-top: .375rem;
    z-index: 2
}

.card-curved-body .card-body::before {
    display: block;
    position: absolute;
    top: -20px;
    left: -15%;
    width: 130%;
    height: 90px;
    border-radius: 50%;
    background-color: #fff;
    z-index: -1;
    content: ''
}

.card-hover {
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out
}

.card.card-hover:hover,
.card.card-active {
    border-color: rgba(118, 109, 244, 0.35) !important;
    box-shadow: 0.1875rem 0.1875rem 0.625rem -0.125rem rgba(0, 0, 0, 0.09) !important
}

.card-hover.border-0::before,
.card-active.border-0::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .2s ease-in-out;
    border: 1px solid rgba(118, 109, 244, 0.35);
    border-radius: 1rem;
    content: '';
    z-index: 3;
    opacity: 0
}

.card-hover.border-0:hover::before,
.card-active.border-0:hover::before {
    opacity: 1
}

.card-hover.border-0 a.card-img,
.card-hover.border-0 a.card-img-top,
.card-hover.border-0 a.card-img-bottom,
.card-active.border-0 a.card-img,
.card-active.border-0 a.card-img-top,
.card-active.border-0 a.card-img-bottom {
    z-index: 4
}

.card-active.border-0::before {
    opacity: 1
}

.card-horizontal .card-img-top,
.card-horizontal .card-img-bottom {
    min-height: 15rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width: 576px) {
    .card-horizontal {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .card-horizontal .card-body {
        padding: 1.9875rem
    }

    .card-horizontal .card-img-top,
    .card-horizontal .card-img-bottom {
        width: 43%
    }

    .card-horizontal .card-img-top {
        border-radius: 0;
        border-top-left-radius: calc(1rem - 1px);
        border-bottom-left-radius: calc(1rem - 1px)
    }

    .card-horizontal .card-img-top.order-sm-2 {
        border-radius: 0;
        border-top-right-radius: calc(1rem - 1px);
        border-bottom-right-radius: calc(1rem - 1px)
    }
}

.card-flip {
    border: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.card-flip .card-img,
.card-flip .card-img-top,
.card-flip .card-img-bottom,
.card-flip .card-body {
    position: static
}

.card-flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.card-flip-front,
.card-flip-back {
    border-radius: 1rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.card-flip-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    border: 1px solid rgba(118, 109, 244, 0.35);
    background-color: #fff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0.1875rem 0.1875rem 0.625rem -0.125rem rgba(0, 0, 0, 0.09)
}

.card-flip-back .card-body {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 100%
}

.card-flip-back .card-body .card-body-inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.card-flip-back:hover {
    color: inherit;
    text-decoration: none
}

.card-flip:hover .card-flip-inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.card-slide {
    border: 0
}

.card-slide .card-slide-inner {
    border-radius: 1rem;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.card-slide .card-img {
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.card-slide .card-body {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(125%);
    transform: translateY(125%);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    background-color: #fff
}

.card-slide:hover .card-body {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.card-slide:hover .card-img {
    -webkit-transform: scale(1.06) translateY(-2rem);
    transform: scale(1.06) translateY(-2rem)
}

.card-header-tabs {
    margin-bottom: 0
}

.card-floating-icon {
    display: block;
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 3rem;
    height: 3rem;
    transition: all 0.25s ease-in-out;
    background-color: #fff;
    border: 1px solid #e9e9f2;
    border-radius: 50%;
    box-shadow: 0 0 0.625rem -0.1875rem rgba(0, 0, 0, 0.13);
    border: 0;
    color: #766df4;
    font-size: 1.1875rem;
    text-align: center;
    text-decoration: none;
    z-index: 5
}

.card-floating-icon>i {
    line-height: 2.875rem;
    line-height: 3rem
}

.card-hover .card-floating-icon {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0
}

.card-hover:hover .card-floating-icon {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

a.card-floating-icon:hover {
    color: #493ef0
}

.card-floating-text {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 1.5rem;
    transition: opacity .25s ease-in-out;
    z-index: 5;
    opacity: 0
}

.card-floating-text>i {
    margin-top: -.125rem
}

.card:hover .card-floating-text {
    opacity: 1
}

.accordion>.card {
    margin-bottom: .75rem
}

.accordion>.card:last-child {
    margin-bottom: 0
}

.accordion>.card:not(:first-of-type),
.accordion>.card:not(:last-of-type) {
    border: 1px solid rgba(0, 0, 0, 0.085);
    border-radius: 1rem
}

.accordion>.card .card-body {
    padding-top: 0
}

.accordion .card-header {
    padding: 0;
    border: 0
}

.accordion .accordion-heading {
    margin-bottom: 0;
    font-size: 1.125rem;
    font-weight: 600
}

.accordion .accordion-heading>a {
    display: block;
    position: relative;
    padding: 1.09375rem 1.5rem;
    padding-right: 3.625rem;
    color: #766df4
}

.accordion .accordion-heading>a.collapsed {
    color: #4a4b65
}

.accordion .accordion-heading>a:hover {
    color: #766df4;
    text-decoration: none
}

.accordion .accordion-indicator {
    display: block;
    position: absolute;
    top: 50%;
    right: .875rem;
    width: 2.125rem;
    height: 2.125rem;
    margin-top: -1.0625rem;
    transition: color 0.2s ease-in-out;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 2rem;
    text-align: center
}

.accordion .accordion-indicator::before {
    content: '-'
}

.accordion [data-toggle='collapse']:hover i {
    color: #766df4
}

.accordion [data-toggle='collapse'] i {
    transition: color .25s ease-in-out;
    color: #766df4
}

.accordion .collapsed .accordion-indicator::before {
    content: '+'
}

.accordion .collapsed i {
    color: #9e9fb4
}

@media (max-width: 767.98px) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

@media (max-width: 575.98px) {
    .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.card-body>.blockquote {
    margin-bottom: 0;
    padding-top: 5rem !important;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.card-body>.blockquote::before {
    top: 0
}

.card *,
.flex-column * {
    min-height: .01px
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .card .card {
        display: block
    }
}

.breadcrumb-item {
    font-weight: 500
}

.breadcrumb-item::before {
    margin-top: -.0625rem;
    font-family: 'feather';
    font-size: 1.2em;
    font-weight: normal;
    vertical-align: middle
}

.breadcrumb-item>a {
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
    color: #5a5b75
}

.breadcrumb-item>a:hover {
    color: #766df4;
    text-decoration: none
}

.breadcrumb-item>a>i {
    margin-right: .325rem;
    font-size: 1.05em;
    vertical-align: middle
}

.breadcrumb-item.active {
    cursor: default
}

.breadcrumb-light .breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.5)
}

.breadcrumb-light .breadcrumb-item>a {
    color: #fff
}

.breadcrumb-light .breadcrumb-item>a:hover {
    color: #fff
}

.breadcrumb-light .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.5)
}

.pagination {
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.page-link {
    position: relative;
    transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out;
    font-weight: 500
}

.page-link.page-link-static:hover {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0);
    color: #5a5b75
}

.page-link>i {
    margin-top: -.125rem;
    font-size: 1.5em;
    vertical-align: middle
}

.page-item {
    margin: .15rem
}

.page-item.active {
    cursor: default
}

.pagination .page-link {
    border-radius: .5rem;
    font-size: .875rem
}

.pagination-sm .page-link {
    border-radius: .5rem;
    font-size: .8125rem
}

.pagination-lg .page-link {
    border-radius: .75rem;
    font-size: 1rem
}

.pagination-lg .page-link>i {
    margin-top: 0
}

.cs-entry-nav {
    display: block;
    width: 100%;
    max-width: 16rem;
    text-decoration: none
}

.cs-entry-nav:hover {
    text-decoration: none
}

.cs-entry-nav .cs-entry-nav-thumb {
    width: 4rem
}

.cs-entry-nav .cs-entry-nav-thumb>img {
    display: block;
    width: 100%;
    border-radius: .75rem
}

.badge-primary,
.badge-success,
.badge-info,
.badge-warning,
.badge-danger,
.badge-dark {
    color: #fff
}

.badge-primary:hover,
.badge-primary:focus,
.badge-success:hover,
.badge-success:focus,
.badge-info:hover,
.badge-info:focus,
.badge-warning:hover,
.badge-warning:focus,
.badge-danger:hover,
.badge-danger:focus,
.badge-dark:hover,
.badge-dark:focus {
    color: #fff !important
}

.badge-secondary,
.badge-light {
    color: #4a4b65
}

.badge-floating {
    position: absolute;
    top: 1.5rem;
    left: 0;
    z-index: 5
}

.card:not(.border-0):not(.card-category) .badge-floating {
    left: -1px
}

.badge-floating:not(.badge-floating-right) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.badge-floating.badge-floating-right {
    left: auto !important;
    right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.card:not(.border-0):not(.card-category) .badge-floating.badge-floating-right {
    right: -1px
}

.badge-lg {
    padding-top: .625rem;
    padding-right: .625rem;
    padding-bottom: .625rem;
    padding-left: 1rem;
    font-size: 1rem;
    font-weight: 500
}

.badge-lg:not(.badge-floating-right) {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.badge-lg.badge-floating-right {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.alert-secondary {
    border-color: #e9e9f2;
    background-color: #f7f7fc
}

.alert-secondary,
.alert-light {
    color: #737491
}

.alert-secondary a:not(.btn),
.alert-light a:not(.btn) {
    color: #4a4b65 !important
}

.alert-dark {
    border-color: #37384e;
    background-color: #37384e;
    color: #fff
}

.alert-dark>*,
.alert-dark a:not(.btn) {
    color: #fff !important
}

.alert a:not(.btn) {
    text-decoration: underline
}

.alert a:not(.btn):hover {
    text-decoration: none
}

.alert .close:hover {
    color: inherit
}

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

.alert-bg-image {
    border: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: padding-box
}

.list-group-item {
    margin-bottom: 0
}

.list-group-item-action {
    transition: all 0.2s ease-in-out;
    font-weight: 500
}

.list-group-item-action:active {
    transition: none
}

.list-group-item-primary {
    color: #635ccd;
    background-color: #efedfe
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #453dc3;
    background-color: #e2dffd
}

.list-group-item-secondary {
    color: #cfcfd4;
    background-color: #fefeff
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #b9b9c1;
    background-color: #efefff
}

.list-group-item-success {
    color: #12a97d;
    background-color: #e3f9f2
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #0e8462;
    background-color: #d6f6ec
}

.list-group-item-info {
    color: #5982cd;
    background-color: #edf3fe
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #3b6bc3;
    background-color: #dfe9fd
}

.list-group-item-warning {
    color: #d6954d;
    background-color: #fff6eb
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #cb812f;
    background-color: #ffefdc
}

.list-group-item-danger {
    color: #cf4265;
    background-color: #feeaef
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #b92f51;
    background-color: #fddbe4
}

.list-group-item-light {
    color: #d6d6d6;
    background-color: #fff
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #c2c2c2;
    background-color: #f7f7f7
}

.list-group-item-dark {
    color: #2e2f42;
    background-color: #e7e7ea
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #1d1e2a;
    background-color: #dfdfe3
}

.list-group-item-secondary,
.list-group-item-light {
    color: #737491 !important
}

.list-group-item-secondary a,
.list-group-item-light a {
    color: #737491 !important
}

.list-group-item-secondary {
    background-color: #f7f7fc !important
}

.list-group-item-dark,
.list-group-item-dark:hover,
.list-group-item-dark:focus {
    background-color: #37384e !important;
    color: #fff !important
}

.close {
    transition: opacity 0.15s ease-in-out;
    opacity: .7
}

.close:focus {
    outline: none
}

.close:not(:disabled):not(.disabled):hover {
    opacity: 1
}

.toast {
    box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, 0.07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04);
    border-color: transparent
}

.toast-header {
    color: #4a4b65;
    font-weight: 600
}

.toast-header [class*='fe-'] {
    font-size: 1.25em
}

.toast-header:not([class*='bg-']) {
    border-bottom: 1px solid #e9e9f2
}

.modal-view {
    display: none
}

.modal-view.active {
    display: block;
    -webkit-animation: fade-in .25s ease-in-out;
    animation: fade-in .25s ease-in-out
}

.popover {
    box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, 0.07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04)
}

.popover-header {
    font-size: 1rem
}

.popover-body {
    font-size: .8125rem
}

.popover.bs-popover-bottom .arrow::after,
.popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
    border-bottom-color: #fff
}

.cs-from-top,
.cs-from-bottom,
.cs-from-left,
.cs-from-right,
.cs-scale-up,
.cs-scale-down,
.cs-fade-in {
    transition: all .4s .3s ease-in-out;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cs-from-top {
    -webkit-transform: translateY(-2.25rem);
    transform: translateY(-2.25rem)
}

.cs-from-bottom {
    -webkit-transform: translateY(2.25rem);
    transform: translateY(2.25rem)
}

.cs-from-left {
    -webkit-transform: translateX(-2.25rem);
    transform: translateX(-2.25rem)
}

.cs-from-right {
    -webkit-transform: translateX(2.25rem);
    transform: translateX(2.25rem)
}

.cs-scale-up {
    -webkit-transform: scale(0.85);
    transform: scale(0.85)
}

.cs-scale-down {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.cs-delay-1 {
    transition-delay: .5s
}

.cs-delay-2 {
    transition-delay: .7s
}

.cs-delay-3 {
    transition-delay: .9s
}

.cs-delay-4 {
    transition-delay: 1.1s
}

.tns-slide-active .cs-from-top,
.tns-slide-active .cs-from-bottom {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.tns-slide-active .cs-from-left,
.tns-slide-active .cs-from-right {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.tns-slide-active .cs-scale-up,
.tns-slide-active .cs-scale-down {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.tns-slide-active .cs-fade-in {
    opacity: 1
}

.cs-carousel {
    position: relative;
    height: 550px;
}

.cs-carousel .cs-carousel-inner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 1
}

.cs-carousel .cs-carousel-inner:active {
    cursor: -webkit-grab;
    cursor: grab
}

.cs-carousel .cs-carousel-inner.tns-slider {
    display: block;
    opacity: 1
}

.cs-carousel .cs-carousel-inner>* {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cs-carousel .cs-carousel-inner.tns-horizontal {
    display: -ms-flexbox;
    display: flex
}

.cs-carousel .tns-outer {
    position: relative
}

@supports (-ms-ime-align: auto) {
    .cs-carousel .cs-carousel-inner.tns-horizontal {
        display: block
    }
}

.cs-carousel .tns-nav {
    position: absolute;
    top: 100%;
    width: 100%;
    padding-top: 1rem;
    text-align: center;
    white-space: nowrap
}

.cs-carousel .tns-nav~.tns-ovh,
.cs-carousel .tns-nav~.tns-inner {
    margin-bottom: 2.75rem
}

.cs-carousel.cs-dots-inside .tns-nav {
    top: auto;
    bottom: 0;
    padding-top: 0;
    padding-bottom: 1.5rem;
    z-index: 10
}

.cs-carousel.cs-dots-inside .tns-nav~.tns-ovh,
.cs-carousel.cs-dots-inside .tns-nav~.tns-inner {
    margin-bottom: 0
}

#iphone .cs-carousel .cs-carousel-inner {
    overflow: hidden !important;
}

.carousel-holder {
    margin-left: -120px;
    margin-bottom: 0px;
}
@media (max-width: 550px) {
    .carousel-holder {
        margin-left: 0px;
        margin-bottom: 0px;
    }
}

section.afterBanner {
    margin-top: 0px;
}

@media (max-width: 550px) {
    section.afterBanner {
        margin-top: 0px;
    }
}

[data-nav] {
    display: inline-block;
    position: relative;
    width: .75rem;
    height: .75rem;
    margin: 0 .25rem;
    padding: 0;
    border: 0;
    background: none
}

[data-nav]:focus {
    outline: none
}

[data-nav]::before,
[data-nav]::after {
    position: absolute;
    transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    border-radius: 50%;
    content: ''
}

[data-nav]::before {
    top: 50%;
    left: 50%;
    width: .375rem;
    height: .375rem;
    margin-top: -.1875rem;
    margin-left: -.1875rem;
    background-color: #766df4
}

[data-nav]::after {
    top: 0;
    left: 0;
    width: .75rem;
    height: .75rem;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    border: .125rem solid #766df4;
    opacity: 0
}

[data-nav].tns-nav-active::before,
[data-nav].active::before {
    opacity: 0
}

[data-nav].tns-nav-active::after,
[data-nav].active::after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.cs-dots-light [data-nav]::before {
    /*background-color: #fff*/
}

.cs-dots-light [data-nav]::after {
    /*border-color: #fff*/
}

.cs-carousel .tns-controls {
    position: absolute;
    top: 100%;
    width: 100%;
    padding-top: 1.75rem;
    text-align: right;
    white-space: nowrap
}

.cs-carousel .tns-controls:focus {
    outline: none
}

.cs-carousel .tns-controls~.tns-ovh,
.cs-carousel .tns-controls~.tns-inner {
    margin-bottom: 4.5rem !important
}

.cs-carousel.cs-controls-center .tns-controls {
    text-align: center
}

.cs-carousel.cs-controls-left .tns-controls {
    text-align: left
}

.cs-carousel [data-controls] {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    transition: all 0.3s ease-in-out;
    border: 1px solid #e9e9f2;
    border-radius: .75rem;
    background-color: #fff;
    color: #737491;
    font-size: 1.25rem;
    text-align: center
}

.cs-carousel [data-controls]>i {
    line-height: 2.5rem
}

.cs-carousel [data-controls]:hover {
    border-color: #c9c9df;
    color: #4a4b65
}

.cs-carousel [data-controls][disabled] {
    pointer-events: none;
    opacity: .5;
    cursor: default
}

.cs-carousel [data-controls='prev'] {
    margin-right: .75rem
}

.cs-carousel.cs-controls-inside .tns-controls {
    position: static;
    width: auto;
    padding: 0 !important
}

.cs-carousel.cs-controls-inside .tns-controls~.tns-ovh,
.cs-carousel.cs-controls-inside .tns-controls~.tns-inner {
    margin: 0 !important
}

.cs-carousel.cs-controls-inside:not(.cs-dots-inside) .tns-nav~.tns-ovh,
.cs-carousel.cs-controls-inside:not(.cs-dots-inside) .tns-nav~.tns-inner {
    margin-bottom: 2.75rem !important
}

.cs-carousel.cs-controls-inside [data-controls] {
    position: absolute;
    top: 360px; /*50%;*/
    margin-top: -1.375rem;
    margin-right: 0;
    margin-left: 0;
    z-index: 10
}

.cs-carousel.cs-controls-inside [data-controls][disabled] {
    opacity: 0 !important
}

.cs-carousel.cs-controls-inside [data-controls='prev'] {
    left: -2rem
}

.cs-carousel.cs-controls-inside [data-controls='next'] {
    right: -2rem
}

.cs-carousel.cs-controls-inside.cs-controls-onhover [data-controls] {
    opacity: 0
}

.cs-carousel.cs-controls-inside.cs-controls-onhover [data-controls='prev'] {
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem)
}

.cs-carousel.cs-controls-inside.cs-controls-onhover [data-controls='next'] {
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem)
}

.cs-carousel.cs-controls-inside.cs-controls-onhover:hover [data-controls] {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.cs-carousel-progress {
    width: 100%;
    max-width: 10rem
}

.cs-carousel-progress .progress {
    height: .25rem
}

@media (max-width: 767.98px) {

    .cs-carousel-pager.border-left,
    .cs-carousel-pager.border-right {
        border-top: 1px solid #e9e9f2 !important;
        border-right: 0 !important;
        border-left: 0 !important
    }
}

.cs-frame-phone .cs-carousel:not(.cs-controls-inside) .tns-controls,
.cs-frame-phone .cs-carousel:not(.cs-controls-inside) .tns-nav,
.cs-frame-browser .cs-carousel:not(.cs-controls-inside) .tns-controls,
.cs-frame-browser .cs-carousel:not(.cs-controls-inside) .tns-nav {
    display: none !important
}

.cs-frame-phone .cs-carousel:not(.cs-controls-inside) .tns-controls~.tns-ovh,
.cs-frame-phone .cs-carousel:not(.cs-controls-inside) .tns-controls~.tns-inner,
.cs-frame-phone .cs-carousel:not(.cs-controls-inside) .tns-nav~.tns-ovh,
.cs-frame-phone .cs-carousel:not(.cs-controls-inside) .tns-nav~.tns-inner,
.cs-frame-browser .cs-carousel:not(.cs-controls-inside) .tns-controls~.tns-ovh,
.cs-frame-browser .cs-carousel:not(.cs-controls-inside) .tns-controls~.tns-inner,
.cs-frame-browser .cs-carousel:not(.cs-controls-inside) .tns-nav~.tns-ovh,
.cs-frame-browser .cs-carousel:not(.cs-controls-inside) .tns-nav~.tns-inner {
    margin-bottom: 0 !important
}

.cs-gallery-item {
    display: block;
    position: relative;
    text-decoration: none !important;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.cs-gallery-item>img {
    display: block;
    width: 100%
}

.cs-gallery-item::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .3s ease-in-out;
    background-color: rgba(55, 56, 78, 0.55);
    content: '';
    opacity: 0;
    z-index: 1
}

.cs-gallery-item::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.875rem;
    height: 2.875rem;
    margin-top: -1.4375rem;
    margin-left: -1.4375rem;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    color: #fff;
    font-family: 'feather';
    font-size: 2rem;
    text-align: center;
    line-height: 2.875rem;
    content: '\ea25';
    z-index: 5
}

.cs-gallery-item .cs-gallery-caption {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1rem .5rem;
    -webkit-transform: translateY(0.5rem);
    transform: translateY(0.5rem);
    color: #fff;
    font-size: .875rem;
    text-align: center;
    z-index: 5
}

.cs-gallery-item::after,
.cs-gallery-item .cs-gallery-caption {
    transition: all .3s ease-in-out;
    opacity: 0
}

.cs-gallery-item:hover::before,
.cs-gallery-item:hover::after,
.cs-gallery-item:hover .cs-gallery-caption {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.cs-gallery-item.cs-gallery-video::after {
    padding-left: .125rem;
    -webkit-transform: none;
    transform: none;
    border-radius: 50%;
    background-color: #fff;
    color: #5a5b75;
    font-size: .875rem;
    font-weight: 700;
    opacity: 1;
    box-shadow: 0 0.375rem 1rem -0.25rem rgba(0, 0, 0, 0.2);
    content: '\e9c3'
}

.cs-map-popup::after {
    display: none
}

.cs-map-popup .cs-gallery-caption {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1rem;
    font-weight: 500
}

.cs-map-popup:hover .cs-gallery-caption {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.lg-on {
    overflow: hidden
}

.cs-comment {
    margin-bottom: 2rem;
    padding-bottom: 1.875rem;
    border-bottom: 1px solid #e9e9f2;
    font-size: .9375rem
}

.cs-comment>.cs-comment {
    position: relative;
    margin-top: 1.875rem;
    margin-bottom: 0;
    padding-bottom: .5rem;
    padding-left: 3.25rem;
    border-bottom: 0
}

.cs-comment>.cs-comment::before {
    position: absolute;
    top: 0;
    left: 1.125rem;
    width: .25rem;
    height: 100%;
    background-color: #e9e9f2;
    content: ''
}

@media (max-width: 575.98px) {
    .cs-comment>.cs-comment {
        padding-left: 2.125rem
    }

    .cs-comment>.cs-comment::before {
        left: 0
    }
}

.cs-video-btn {
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 5.625rem;
    height: 5.625rem;
    padding-left: .125rem;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    border-radius: 50%;
    background-color: #fff;
    color: #5a5b75;
    font-size: 1.25rem;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 0.25rem 1rem -0.25rem rgba(55, 56, 78, 0.2);
    vertical-align: middle
}

.cs-video-btn::before {
    font-family: 'feather';
    line-height: 5.625rem;
    content: '\e9c3'
}

.cs-video-btn:hover {
    color: #766df4;
    text-decoration: none;
    box-shadow: 0 0.375rem 1.125rem -0.5rem rgba(118, 109, 244, 0.7)
}

.cs-video-btn-primary {
    background-color: #766df4;
    color: #fff;
    box-shadow: none !important
}

.cs-video-btn-primary:hover {
    background-color: #493ef0;
    color: #fff
}

.cs-video-btn-sm {
    width: 3.75rem;
    height: 3.75rem;
    font-size: 1rem
}

.cs-video-btn-sm::before {
    line-height: 3.75rem
}

.cs-countdown {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: normal;
    text-align: center
}

.cs-countdown .cs-countdown-value {
    font-weight: 600
}

.cs-countdown .cs-countdown-label {
    display: block;
    margin-top: .125rem;
    margin-left: .125rem;
    font-size: 65%
}

.cs-countdown .cs-countdown-days,
.cs-countdown .cs-countdown-hours,
.cs-countdown .cs-countdown-minutes,
.cs-countdown .cs-countdown-seconds {
    margin-right: 1rem;
    margin-bottom: .75rem
}

.cs-countdown .cs-countdown-seconds {
    margin-right: 0
}

.ct-line {
    stroke: #766df4 !important;
    stroke-width: .125rem
}

.ct-point {
    stroke: #766df4 !important;
    stroke-width: .625rem
}

.ct-bar {
    stroke: #766df4 !important;
    stroke-width: .625rem
}

.ct-chart-pie .ct-label {
    fill: #fff;
    font-size: 1rem
}

.cs-price-switch {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cs-price-label {
    transition: color 0.25s ease-in-out;
    color: #9e9fb4;
    font-size: .875rem;
    font-weight: 500
}

.cs-price-label:first-of-type {
    color: #4a4b65
}

.cs-price-switch-on .cs-price-label:first-of-type {
    color: #9e9fb4
}

.cs-price-switch-on .cs-price-label:last-of-type {
    color: #4a4b65
}

.cs-hotspots {
    position: relative
}

.cs-hotspots img {
    display: block;
    width: 100%
}

.cs-hotspot {
    position: absolute;
    width: 3.625rem;
    height: 3.625rem;
    border-radius: 50%;
    z-index: 5;
    cursor: pointer
}

.cs-hotspot::before,
.cs-hotspot::after {
    position: absolute;
    border-radius: 50%
}

.cs-hotspot::before {
    top: 50%;
    left: 50%;
    width: 2.375rem;
    height: 2.375rem;
    margin-top: -1.1875rem;
    margin-left: -1.1875rem;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    background-color: #fff;
    color: #766df4;
    font-family: 'feather';
    font-size: 1rem;
    text-align: center;
    line-height: 2.375rem;
    box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.2);
    content: '\e9c6'
}

.cs-hotspot::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    content: ''
}

.cs-hotspot:hover::before {
    background-color: #766df4;
    color: #fff
}

.cs-frame-phone {
    position: relative;
    width: 320px;
    margin: 0 15px 20px 15px;
    border: 6px solid #37384e;
    border-radius: 36px
}

.cs-frame-phone::after,
.cs-frame-phone::before {
    display: block;
    position: absolute;
    left: -35px;
    bottom: -10px;
    width: 380px;
    height: 12px;
    border-radius: 50%;
    background-color: #000;
    -webkit-filter: blur(13px);
    filter: blur(13px);
    opacity: .55;
    z-index: -1;
    content: ''
}

.cs-frame-phone::before {
    left: 5px;
    width: 300px;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: .18
}

.cs-frame-phone-body {
    position: relative;
    background-color: #fff;
    min-height: 600px;
    border-radius: 30px;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.cs-frame-phone-body::before,
.cs-frame-phone-body::after {
    position: absolute;
    background-color: #37384e;
    content: '';
    z-index: 5
}

.cs-frame-phone-body::before {
    top: -24px;
    left: 50%;
    width: 150px;
    height: 48px;
    margin-left: -75px;
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px
}

.cs-frame-phone-body::after {
    display:none;
    bottom: 10px;
    left: 50%;
    width: 90px;
    height: 4px;
    margin-left: -45px;
    border-radius: 2px
}

.cs-frame-phone-body img {
    display: block;
    width: 100%;
}

.cs-frame-phone-status-bar {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 0;
    left: 0;
    width: 100%;
    padding: .5rem 1.125rem;
    font-size: .75rem;
    font-weight: 500;
    z-index: 5
}

.cs-frame-phone-status-bar [class^='fe-'] {
    margin-top: -.25rem;
    font-size: 1.0625rem
}

@media (max-width: 575.98px) {
    .cs-frame-phone {
        width: 290px
    }

    .cs-frame-phone::after,
    .cs-frame-phone::before {
        display: none
    }

    .cs-frame-phone-body::before {
        width: 120px;
        margin-left: -60px
    }
}

.cs-frame-browser {
    position: relative;
    padding: 3.5rem 1.5rem 1.5rem 1.5rem;
    border: 1px solid #e3e3ee;
    border-radius: 1.125rem
}

.cs-frame-browser.border-light {
    border-color: rgba(255, 255, 255, 0.15) !important
}

.cs-frame-browser-toolbar {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    top: 1rem;
    left: 1.375rem
}

.cs-frame-browser-body {
    position: relative;
    border-radius: .75rem;
    background-color: #fff;
    box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, 0.06), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04);
    overflow: hidden
}

.cs-frame-browser-body img {
    display: block;
    width: 100%
}

.cs-frame-browser-button {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-right: .625rem;
    border-radius: 50%
}

.cs-frame-browser-label {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: -1.40625rem;
    text-align: center;
    z-index: 10
}

.cs-frame-browser-label .cs-carousel-label {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .75rem 1.125rem;
    border-radius: .75rem;
    background-color: #fff;
    color: #5a5b75;
    font-size: .875rem;
    box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, 0.07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04);
    white-space: nowrap
}

.cs-frame-browser-label .cs-carousel-label>i {
    margin-right: .5rem;
    color: #9e9fb4;
    font-size: 1.3em
}

@media (min-width: 768px) {
    .cs-frame-browser {
        padding: 4rem 2.5rem 2.5rem 2.5rem;
        border-radius: 1.5rem
    }

    .cs-frame-browser-toolbar {
        top: 1.25rem;
        left: 1.625rem
    }

    .cs-frame-browser-body {
        border-radius: 1rem
    }
}

.simplebar-scrollbar::before {
    background-color: #dfdfeb
}

.simplebar-scrollbar.simplebar-visible::before {
    opacity: 1
}

.simplebar-track.simplebar-vertical {
    width: .5rem
}

.simplebar-track.simplebar-horizontal {
    height: .5rem
}

[data-simplebar-inverse] .simplebar-scrollbar::before {
    background-color: rgba(255, 255, 255, 0.3)
}

.jarallax {
    position: relative;
    z-index: 0
}

.jarallax .jarallax-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-position: center !important;
    background-size: cover !important
}
.section-cta {
    max-height: 530px;overflow: hidden;
}

@media (max-width: 575.98px) {
    [data-disable-parallax-down='xs'] {
        -webkit-transform: none !important;
        transform: none !important
    }
    .section-cta {
        max-height: 630px;overflow: hidden;
    }
    .cs-carousel {
        height: auto !important
    }
}

@media (max-width: 767.98px) {
    [data-disable-parallax-down='sm'] {
        -webkit-transform: none !important;
        transform: none !important
    }
    
}

@media (max-width: 991.98px) {
    [data-disable-parallax-down='md'] {
        -webkit-transform: none !important;
        transform: none !important
    }
    .cs-carousel {
        height: 600px;
    }
}

@media (max-width: 1279.98px) {
    [data-disable-parallax-down='lg'] {
        -webkit-transform: none !important;
        transform: none !important
    }
    body {
        overflow-x: hidden !important;
    }
}

@media (min-width: 576px) {
    [data-disable-parallax-up='sm'] {
        -webkit-transform: none !important;
        transform: none !important
    }
}

@media (min-width: 768px) {
    [data-disable-parallax-up='md'] {
        -webkit-transform: none !important;
        transform: none !important
    }
}

@media (min-width: 992px) {
    [data-disable-parallax-up='lg'] {
        -webkit-transform: none !important;
        transform: none !important
    }
}

@media (min-width: 1280px) {
    [data-disable-parallax-up='xl'] {
        -webkit-transform: none !important;
        transform: none !important
    }
}

_:-ms-lang(x),
.jarallax .jarallax-img {
    margin: 0 !important;
    position: absolute !important;
    transform: none !important
}

.cs-parallax {
    position: relative
}

.cs-parallax-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cs-parallax-layer>img {
    display: block;
    width: 100%
}

.cs-offcanvas-enabled {
    padding-left: 23.5rem
}

.cs-offcanvas-enabled.cs-offcanvas-right {
    padding-right: 23.5rem;
    padding-left: 0
}

.cs-offcanvas-cap {
    display: none
}

.cs-offcanvas {
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 22rem;
    height: 100% !important;
    z-index: 1035
}

.cs-offcanvas .cs-offcanvas-body {
    height: 100%;
    padding: 0 1rem;
    overflow-y: auto
}

.cs-offcanvas .cs-offcanvas-body .nav-link-style {
    display: block;
    margin-right: -1rem;
    margin-bottom: .75rem;
    margin-left: -1rem;
    padding: 0 1rem
}

.cs-offcanvas .cs-offcanvas-body .nav-link-style.active {
    position: relative
}

.cs-offcanvas .cs-offcanvas-body .nav-link-style.active::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: .125rem;
    height: 100%;
    background-color: #766df4;
    content: ''
}

.cs-offcanvas .cs-offcanvas-body .nav-link-style.active.nav-link-light::before {
    background-color: #fff
}

.cs-offcanvas .cs-offcanvas-cap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 1.25rem 1rem
}

.cs-offcanvas.cs-offcanvas-right {
    right: 0;
    left: auto
}

.cs-offcanvas.cs-offcanvas-collapse-always {
    width: 100%;
    max-width: 22rem;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: box-shadow 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s ease;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-color: #fff
}

.cs-offcanvas.cs-offcanvas-collapse-always.cs-offcanvas-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.cs-offcanvas.cs-offcanvas-collapse-always.show {
    -webkit-transform: none;
    transform: none;
    box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, 0.07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04)
}

@media (max-width: 1279.98px) {
    .cs-offcanvas-enabled {
        padding-left: 22.5rem
    }

    .cs-offcanvas-enabled.cs-offcanvas-right {
        padding-right: 22.5rem
    }
}

@media (max-width: 991.98px) {
    .cs-offcanvas-enabled {
        padding-left: 0
    }

    .cs-offcanvas-enabled.cs-offcanvas-right {
        padding-right: 0
    }

    .cs-offcanvas-collapse {
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        -ms-flex-direction: column;
        flex-direction: column;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 22rem;
        height: 100% !important;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        transition: box-shadow 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s ease;
        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        border-radius: 0 !important;
        background-color: #fff;
        z-index: 1035
    }

    .cs-offcanvas-collapse .cs-offcanvas-body {
        height: 100%;
        padding: 0 1rem;
        overflow-y: auto
    }

    .cs-offcanvas-collapse .cs-offcanvas-body .navbar-nav {
        padding-top: 0
    }

    .cs-offcanvas-collapse .cs-offcanvas-body .navbar-nav .nav-item {
        border-top: 0;
        border-bottom: 1px solid #e9e9f2 !important
    }

    .cs-offcanvas-collapse .cs-offcanvas-body .navbar-nav .nav-link {
        color: #5a5b75
    }

    .cs-offcanvas-collapse .cs-offcanvas-body .navbar-nav .nav-link:hover {
        color: #766df4
    }

    .cs-offcanvas-collapse .cs-offcanvas-body .navbar-nav .nav-link.active {
        color: #766df4
    }

    .cs-offcanvas-collapse .cs-offcanvas-body .navbar-nav .nav-link.disabled {
        color: #9e9fb4
    }

    .cs-offcanvas-collapse .cs-offcanvas-body .navbar-nav .show>.nav-link,
    .cs-offcanvas-collapse .cs-offcanvas-body .navbar-nav .active>.nav-link {
        color: #766df4
    }

    .cs-offcanvas-collapse .cs-offcanvas-body .navbar-nav .dropdown-menu .dropdown-item {
        color: #5a5b75
    }

    .cs-offcanvas-collapse .cs-offcanvas-body .navbar-nav .dropdown-menu .dropdown-item:hover {
        color: #766df4
    }

    .cs-offcanvas-collapse .cs-offcanvas-body .navbar-nav .dropdown-menu .dropdown-item.active {
        color: #766df4
    }

    .cs-offcanvas-collapse .cs-offcanvas-body .navbar-nav .dropdown-menu .dropdown-item.disabled {
        color: #9e9fb4
    }

    .cs-offcanvas-collapse .cs-offcanvas-body .navbar-nav .dropdown-header {
        color: #4a4b65;
        border-color: #e9e9f2
    }

    .cs-offcanvas-collapse .cs-offcanvas-cap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 1.25rem 1rem
    }

    .cs-offcanvas-collapse.cs-offcanvas-right {
        right: 0;
        left: auto;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    .cs-offcanvas-collapse.show {
        -webkit-transform: none;
        transform: none;
        box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, 0.07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04)
    }
}

.cs-sidebar-toggle {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    z-index: 1025
}

.cs-is-sidebar .cs-footer {
    padding-bottom: 2.25rem
}

.cs-is-sidebar .cs-sidebar-toggle {
    display: block
}

@media (max-width: 991.98px) {
    .cs-is-sidebar .btn-scroll-top {
        bottom: 3.25rem
    }
}

@media (min-width: 992px) {
    .cs-sidebar-enabled {
        position: relative
    }

    .cs-sidebar-enabled::before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 40%;
        height: 100%;
        background-color: #f7f7fc;
        content: ''
    }

    .cs-sidebar-enabled .cs-content {
        position: relative;
        padding-left: 2.5rem;
        background-color: #fff;
        z-index: 2
    }

    .cs-sidebar-enabled.cs-sidebar-right .cs-content {
        padding-left: 15px;
        padding-right: 2.5rem
    }

    .cs-sidebar-enabled.cs-sidebar-right::before {
        right: 0;
        left: auto
    }

    .cs-sidebar {
        background-color: #f7f7fc
    }

    .cs-sidebar-toggle {
        display: none
    }

    .cs-is-sidebar .cs-footer {
        padding-bottom: 0
    }

    .cs-is-sidebar .cs-sidebar-toggle {
        display: none
    }
}

.cs-widget-title {
    margin-bottom: 1.25rem;
    font-size: 1.125rem
}

.cs-widget ul,
.cs-widget ol {
    margin: 0;
    padding: 0;
    list-style: none
}

.cs-widget ul>li,
.cs-widget ol>li {
    display: block;
    margin-bottom: .375rem
}

.cs-widget ul>li:last-child,
.cs-widget ol>li:last-child {
    margin-bottom: 0
}

.cs-widget ul>li ul,
.cs-widget ul>li ol,
.cs-widget ol>li ul,
.cs-widget ol>li ol {
    padding: .25rem 0 .25rem 1.375rem
}

.cs-widget ul>li ul>li,
.cs-widget ul>li ol>li,
.cs-widget ol>li ul>li,
.cs-widget ol>li ol>li {
    position: relative;
    margin-bottom: 0;
    border-left: 2px solid #e9e9f2
}

.cs-widget ul>li ul>li>a,
.cs-widget ul>li ol>li>a,
.cs-widget ol>li ul>li>a,
.cs-widget ol>li ol>li>a {
    padding-left: 1.125rem !important
}

.cs-widget ul>li ul>li>a::after,
.cs-widget ul>li ol>li>a::after,
.cs-widget ol>li ul>li>a::after,
.cs-widget ol>li ol>li>a::after {
    position: absolute;
    left: 0;
    top: 50%;
    width: .75rem;
    height: 1px;
    background-color: #d6d6e7;
    content: ''
}

.cs-widget-link {
    display: block;
    position: relative;
    padding: 0.25rem 0;
    transition: color 0.25s ease-in-out;
    color: #5a5b75;
    font-weight: 500;
    text-decoration: none
}

.cs-widget-link:hover {
    color: #766df4;
    text-decoration: none
}

.cs-widget-link.active,
.active>.cs-widget-link {
    color: #766df4;
    pointer-events: none;
    cursor: default
}

.cs-widget-link>small {
    display: inline-block;
    font-size: 75%;
    font-weight: normal
}

.cs-widget-link+ul>li>.cs-widget-link {
    font-size: 87.5%
}

.cs-widget-light .cs-widget-title {
    color: #fff
}

.cs-widget-light .cs-widget-link {
    color: rgba(255, 255, 255, 0.7);
    font-weight: normal
}

.cs-widget-light .cs-widget-link:hover {
    color: #fff
}

.cs-widget-light .cs-widget-link.active,
.active>.cs-widget-light .cs-widget-link {
    color: #fff
}

.cs-widget-categories .cs-widget-link {
    padding-left: 1.25rem
}

.cs-widget-categories .cs-widget-link::before {
    position: absolute;
    top: .0625rem;
    left: -.1875rem;
    transition: opacity .15s ease-in-out, -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out, opacity .15s ease-in-out;
    transition: transform .25s ease-in-out, opacity .15s ease-in-out, -webkit-transform .25s ease-in-out;
    font-family: 'feather';
    font-size: 1.25em;
    content: '\e931';
    opacity: .5
}

.cs-widget-categories .cs-widget-link:hover::before,
.cs-widget-categories .cs-widget-link.active::before {
    opacity: 1
}

.cs-widget-categories .cs-widget-link+ul>li>.cs-widget-link {
    padding-left: inherit
}

.cs-widget-categories .cs-widget-link+ul>li>.cs-widget-link::before {
    display: none
}

.cs-widget-categories .active>.cs-widget-link::before {
    opacity: 1
}

.cs-widget-categories [data-toggle='collapse'] {
    color: #766df4
}

.cs-widget-categories [data-toggle='collapse']::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 1
}

.cs-widget-categories [data-toggle='collapse'].collapsed {
    color: #5a5b75
}

.cs-widget-categories [data-toggle='collapse'].collapsed::before {
    -webkit-transform: none;
    transform: none;
    opacity: .5
}

.cs-widget-categories [data-toggle='collapse'].collapsed:hover {
    color: #766df4
}

.cs-widget-categories [data-toggle='collapse'].collapsed:hover::before {
    opacity: 1
}

.cs-range-slider-ui {
    height: .1875rem;
    margin: 3.5rem 0;
    border: 0;
    background-color: #ececf6;
    box-shadow: none
}

.cs-range-slider-ui .noUi-connect {
    background-color: #766df4
}

.cs-range-slider-ui .noUi-handle {
    top: 50%;
    width: 1.375rem;
    height: 1.375rem;
    margin-top: -.6875rem;
    border: 1px solid #e9e9f2;
    border-radius: 50%;
    box-shadow: 0 0.1875rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.15)
}

.cs-range-slider-ui .noUi-handle::before,
.cs-range-slider-ui .noUi-handle::after {
    display: none
}

.cs-range-slider-ui .noUi-handle:focus {
    outline: none
}

.cs-range-slider-ui .noUi-marker-normal {
    display: none
}

.cs-range-slider-ui .noUi-marker-horizontal.noUi-marker {
    width: 1px;
    background-color: #d6d6e7
}

.cs-range-slider-ui .noUi-marker-horizontal.noUi-marker-large {
    height: .75rem
}

.cs-range-slider-ui .noUi-value {
    padding-top: .125rem;
    color: #737491;
    font-size: .8125rem
}

.cs-range-slider-ui .noUi-tooltip {
    padding: .3125rem .625rem;
    border: 0;
    background-color: #2c2d3f;
    color: #fff;
    font-size: .75rem;
    line-height: 1.2;
    border-radius: .375rem
}

html:not([dir=rtl]) .cs-range-slider-ui.noUi-horizontal .noUi-handle {
    right: -.6875rem
}

.cs-tag {
    display: inline-block;
    padding: .375rem .75rem;
    transition: border-color 0.25s ease-in-out, color 0.25s ease-in-out;
    border: 1px solid #e9e9f2;
    border-radius: .5rem;
    background-color: #fff;
    color: #737491;
    font-size: .8125rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap
}

.cs-tag:hover {
    border-color: #cfcfe3;
    color: #4a4b65;
    text-decoration: none
}

.card-product {
    max-width: 20rem;
    margin-right: auto;
    margin-left: auto
}

.card-product .card-body {
    padding: .75rem 1.25rem;
    text-align: center
}

.card-product .card-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding-top: .5rem;
    padding-right: 1.25rem;
    padding-bottom: 1.375rem;
    padding-left: 1.25rem;
    border: 0
}

.cs-carousel .card-product {
    max-width: 100%
}

.card-category {
    border: 0
}

.card-category .card-body {
    padding: 2.25rem 2.25rem
}

.card-category .card-title {
    margin-bottom: 0
}

.star-rating {
    display: inline-block;
    white-space: nowrap;
    line-height: 1;
    vertical-align: middle
}

.star-rating .sr-star {
    display: inline-block;
    margin-right: .125rem;
    color: #bbbbca;
    font-size: .8125rem;
    vertical-align: middle
}

.star-rating .sr-star.active {
    color: #ffb15c
}

.star-rating.star-rating-lg .sr-star {
    font-size: .9375rem
}

.btn-wishlist,
.btn-addtocart,
.btn-remove,
.btn-details {
    display: inline-block;
    position: relative;
    text-decoration: none
}

.btn-wishlist .btn-tooltip,
.btn-addtocart .btn-tooltip,
.btn-remove .btn-tooltip,
.btn-details .btn-tooltip {
    position: absolute;
    left: 50%;
    bottom: 100%;
    padding: .2083333333rem .4166666667rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: opacity .2s ease-in-out;
    border-radius: .375rem;
    background-color: #37384e;
    color: #fff;
    font-size: .75rem;
    white-space: nowrap;
    opacity: 0
}

.btn-wishlist:hover,
.btn-addtocart:hover,
.btn-remove:hover,
.btn-details:hover {
    text-decoration: none
}

.btn-wishlist:hover .btn-tooltip,
.btn-addtocart:hover .btn-tooltip,
.btn-remove:hover .btn-tooltip,
.btn-details:hover .btn-tooltip {
    opacity: 1
}

.btn-wishlist {
    color: #9e9fb4;
    font-size: 1.25rem
}

.btn-wishlist:hover {
    color: #5a5b75
}

.btn-addtocart {
    color: #766df4;
    font-size: 1.375rem;
    white-space: nowrap
}

.btn-addtocart:hover {
    color: #493ef0
}

.btn-addtocart::after {
    margin-left: .125rem;
    font-size: .9em;
    content: '+'
}

.btn-details {
    color: #766df4;
    font-size: 1.5rem
}

.btn-details:hover {
    color: #493ef0
}

.btn-remove {
    position: absolute;
    top: 1rem;
    right: 1rem;
    transition: opacity 0.2s ease-in-out, color 0.25s ease-in-out;
    color: #f74f78;
    font-size: 1.125rem;
    z-index: 5
}

.btn-remove:hover {
    color: #f51e53
}

@media (min-width: 576px) {
    .btn-remove {
        opacity: 0
    }

    .card:hover>.btn-remove {
        opacity: 1
    }
}

.btn-divider {
    display: inline-block;
    width: 1px;
    height: 1.5rem;
    margin: 0 .75rem;
    background-color: #e9e9f2
}

.cs-product-gallery {
    display: -ms-flexbox;
    display: flex
}

.cs-thumblist {
    margin-left: -.6rem
}

.cs-thumblist-item {
    display: block;
    position: relative;
    width: 4.375rem;
    height: 4.375rem;
    margin: .75rem;
    transition: border-color 0.2s ease-in-out;
    border: 1px solid #e9e9f2;
    border-radius: 1rem;
    text-decoration: none !important;
    overflow: hidden
}

.cs-thumblist-item>img {
    display: block;
    width: 100%;
    transition: opacity .2s ease-in-out;
    border-radius: 1rem;
    opacity: .6
}

.cs-thumblist-item:hover {
    border-color: #cfcfe3
}

.cs-thumblist-item:hover>img {
    opacity: 1
}

.cs-thumblist-item.active {
    border-color: rgba(118, 109, 244, 0.35);
    box-shadow: 0.1875rem 0.1875rem 0.625rem -0.125rem rgba(0, 0, 0, 0.09);
    pointer-events: none;
    cursor: default
}

.cs-thumblist-item.active>img {
    opacity: 1
}

.cs-preview {
    position: relative;
    width: 100%;
    margin-top: .75rem
}

@media (min-width: 576px) {
    .cs-preview {
        margin-left: .75rem
    }
}

.cs-preview-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    z-index: 1
}

.cs-preview-item>img {
    display: block;
    width: 100%
}

.cs-preview-item.active {
    position: relative;
    opacity: 1;
    z-index: 10
}

@media (max-width: 575.98px) {
    .cs-product-gallery {
        display: block
    }

    .cs-thumblist {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: -15px;
        margin-left: -15px;
        padding-top: 1rem
    }

    .cs-thumblist-item {
        margin: .375rem
    }
}

.active-filter {
    display: inline-block;
    padding: .375rem .75rem;
    transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
    border-radius: .5rem;
    background-color: #f7f7fc;
    color: #737491;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 500;
    text-decoration: none
}

.active-filter:hover {
    background-color: #ececf8;
    color: #4a4b65;
    text-decoration: none
}

.active-filter::after {
    display: inline-block;
    margin-top: -.125rem;
    margin-left: .3125rem;
    font-family: 'feather';
    font-size: 1.2em;
    vertical-align: middle;
    content: '\ea1e'
}

.cs-product-review .btn-like,
.cs-product-review .btn-dislike {
    display: inline-block;
    padding: 0;
    padding-left: .625rem;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
    border: 0;
    background: 0;
    color: #7c7d98;
    font-size: .875rem;
    text-decoration: none !important;
    white-space: nowrap;
    vertical-align: middle
}

.cs-product-review .btn-like::before,
.cs-product-review .btn-dislike::before {
    display: inline-block;
    margin-right: .375rem;
    font-family: 'feather';
    font-size: 1.25em;
    vertical-align: middle
}

.cs-product-review .btn-like:first-child,
.cs-product-review .btn-dislike:first-child {
    padding-right: .625rem;
    padding-left: 0;
    border-right: 1px solid #e3e3ee
}

.cs-product-review .btn-like:focus,
.cs-product-review .btn-dislike:focus {
    outline: none
}

.cs-product-review .btn-like:hover,
.cs-product-review .btn-dislike:hover {
    color: #4a4b65
}

.cs-product-review .btn-like::before {
    margin-top: -.325rem;
    color: #16c995;
    content: '\e9f5'
}

.cs-product-review .btn-dislike::before {
    margin-bottom: -.25rem;
    color: #f74f78;
    content: '\e9f4'
}

@media (min-width: 576px) {
    .order-item {
        width: 18.125rem
    }
}

.bg-0 {
    background: none !important
}

.bg-image-0 {
    background-image: none !important
}

.bg-black {
    background-color: #000000 !important
}

.bg-darker {
    background-color: #35353a !important
}

.bg-gradient {
    background: #94abca !important;
    background: linear-gradient(to right, #39485a 0%, #39485a 30%, #94abca 100%) !important
}

.bg-faded-primary {
    background-color: rgba(118, 109, 244, 0.08) !important
}

.bg-faded-secondary {
    background-color: rgba(247, 247, 252, 0.08) !important
}

.bg-faded-success {
    background-color: rgba(22, 201, 149, 0.08) !important
}

.bg-faded-info {
    background-color: rgba(106, 155, 244, 0.08) !important
}

.bg-faded-warning {
    background-color: rgba(255, 177, 92, 0.08) !important
}

.bg-faded-danger {
    background-color: rgba(247, 79, 120, 0.08) !important
}

.bg-faded-light {
    background-color: rgba(255, 255, 255, 0.08) !important
}

.bg-faded-dark {
    background-color: rgba(55, 56, 78, 0.08) !important
}

.border-primary {
    border-color: rgba(118, 109, 244, 0.35) !important
}

.border-secondary {
    border-color: rgba(247, 247, 252, 0.35) !important
}

.border-success {
    border-color: rgba(22, 201, 149, 0.35) !important
}

.border-info {
    border-color: rgba(106, 155, 244, 0.35) !important
}

.border-warning {
    border-color: rgba(255, 177, 92, 0.35) !important
}

.border-danger {
    border-color: rgba(247, 79, 120, 0.35) !important
}

.border-light {
    border-color: rgba(255, 255, 255, 0.35) !important
}

.border-dark {
    border-color: rgba(55, 56, 78, 0.35) !important
}

.border-secondary {
    border-color: #e9e9f2 !important
}

.bg-size-cover {
    background-size: cover !important
}

.bg-position-center {
    background-position: center !important
}

.bg-position-center-y {
    background-position-y: center !important
}

.bg-position-center-x {
    background-position-x: center !important
}

.bg-position-right-top {
    background-position: right top !important
}

.bg-position-left-top {
    background-position: left top !important
}

.bg-position-center-top {
    background-position: center top !important
}

.bg-position-right-bottom {
    background-position: right bottom !important
}

.bg-position-left-bottom {
    background-position: left bottom !important
}

.bg-position-center-bottom {
    background-position: center bottom !important
}

.bg-position-right-center {
    background-position: right center !important
}

.bg-position-left-center {
    background-position: left center !important
}

.bg-no-repeat {
    background-repeat: no-repeat !important
}

.bg-repeat-x {
    background-repeat: repeat-x !important
}

.bg-repeat-y {
    background-repeat: repeat-y !important
}

.bg-fixed {
    background-attachment: fixed !important
}

a[class^='bg-'],
a[class*='bg-'] {
    transition: background-color .25s ease
}

.bg-overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .5;
    z-index: 1
}

.bg-overlay-content {
    display: block;
    position: relative;
    z-index: 5
}

.font-weight-medium {
    font-weight: 500 !important
}

.font-weight-semibold {
    font-weight: 600 !important
}

.font-size-xl {
    font-size: 1.25rem !important
}

.font-size-lg {
    font-size: 1.125rem !important
}

.font-size-base {
    font-size: 1rem !important
}

.font-size-md {
    font-size: .9375rem !important
}

.font-size-sm {
    font-size: .875rem !important
}

.font-size-ms {
    font-size: .8125rem !important
}

.font-size-xs {
    font-size: .75rem !important
}

.lead {
    font-size: 1.5rem
}

.text-shadow {
    text-shadow: 0 0.0625rem rgba(0, 0, 0, 0.5) !important
}

.text-heading {
    color: #4a4b65 !important
}

.text-nav {
    color: #5a5b75 !important
}

.text-border {
    color: #e9e9f2 !important
}

.box-shadow {
    box-shadow: 0 0 0.625rem -0.1875rem rgba(0, 0, 0, 0.13) !important
}

.box-shadow-sm {
    box-shadow: 0 0 0.625rem -0.1875rem rgba(0, 0, 0, 0.13) !important
}

.box-shadow-lg {
    box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, 0.07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04) !important
}

.rounded-lg {
    border-radius: 1rem
}

.rounded-sm {
    border-radius: .5rem
}

.rounded-top-0 {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.rounded-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-left-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.box-shadow-0 {
    box-shadow: none !important
}

.text-decoration-0 {
    text-decoration: none !important
}

.mt-grid-gutter,
.my-grid-gutter {
    margin-top: 30px !important
}

.mr-grid-gutter,
.mx-grid-gutter {
    margin-right: 30px !important
}

.mb-grid-gutter,
.my-grid-gutter {
    margin-bottom: 30px !important
}

.ml-grid-gutter,
.mx-grid-gutter {
    margin-left: 30px !important
}

.pt-grid-gutter,
.py-grid-gutter {
    padding-top: 30px !important
}

.pr-grid-gutter,
.px-grid-gutter {
    padding-right: 30px !important
}

.pb-grid-gutter,
.py-grid-gutter {
    padding-bottom: 30px !important
}

.pl-grid-gutter,
.px-grid-gutter {
    padding-left: 30px !important
}

.border-light {
    border-color: rgba(255, 255, 255, 0.14) !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-60 {
    opacity: .6 !important
}

.opacity-70 {
    opacity: .70 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-80 {
    opacity: .8 !important
}

.opacity-90 {
    opacity: .9 !important
}

.opacity-100 {
    opacity: 1 !important
}

.iframe-full-height-wrap {
    min-height: 18rem;
    overflow: hidden
}

.iframe-full-height {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 1280px) {
    .text-xl-nowrap {
        white-space: nowrap !important
    }

    .text-xl-wrap {
        white-space: wrap !important
    }
}

@media (min-width: 992px) {
    .text-lg-nowrap {
        white-space: nowrap !important
    }

    .text-lg-wrap {
        white-space: wrap !important
    }
}

@media (min-width: 768px) {
    .text-md-nowrap {
        white-space: nowrap !important
    }

    .text-md-wrap {
        white-space: wrap !important
    }
}

@media (min-width: 576px) {
    .text-sm-nowrap {
        white-space: nowrap !important
    }

    .text-sm-wrap {
        white-space: wrap !important
    }
}

.line-height-base {
    line-height: 1.5 !important
}

.table-fixed {
    table-layout: fixed !important
}

.animation-0 {
    -webkit-animation: none !important;
    animation: none !important
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .media-ie-fix .media-body {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.cs-swap-image {
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cs-swap-image .cs-swap-from,
.cs-swap-image .cs-swap-to {
    display: block;
    transition: opacity .3s ease-in-out
}

.cs-swap-image .cs-swap-to {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0
}

.cs-swap-image:hover .cs-swap-from,
.cs-swap-image.active .cs-swap-from {
    opacity: 0
}

.cs-swap-image:hover .cs-swap-to,
.cs-swap-image.active .cs-swap-to {
    opacity: 1
}

.card.card-hover:hover .cs-swap-image .cs-swap-from,
.card.card-hover:hover .cs-swap-image .cs-swap-to,
.card.card-active .cs-swap-image .cs-swap-from,
.card.card-active .cs-swap-image .cs-swap-to {
    transition-duration: .25s
}

.card.card-hover:hover .cs-swap-image .cs-swap-from,
.card.card-active .cs-swap-image .cs-swap-from {
    opacity: 0
}

.card.card-hover:hover .cs-swap-image .cs-swap-to,
.card.card-active .cs-swap-image .cs-swap-to {
    opacity: 1
}

.cs-view {
    display: none
}

.cs-view.show {
    display: block
}

.cs-shape {
    position: absolute;
    width: 100%;
    overflow: hidden;
    z-index: 2
}

.cs-shape svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0
}

.cs-shape.bg-light,
.cs-shape.bg-body,
.cs-shape.bg-primary,
.cs-shape.bg-secondary,
.cs-shape.bg-dark,
.cs-shape.bg-darker {
    background-color: transparent !important
}

.cs-shape.bg-light {
    color: #fff !important
}

.cs-shape.bg-body {
    color: #fff !important
}

.cs-shape.bg-primary {
    color: #766df4 !important
}

.cs-shape.bg-secondary {
    color: #f7f7fc !important
}

.cs-shape.bg-dark {
    color: #37384e !important
}

.cs-shape.bg-darker {
    color: #2c2d3f !important
}

.cs-shape-top,
.cs-shape-bottom {
    width: 100%;
    left: 0
}

.cs-shape-right,
.cs-shape-left {
    height: 100%;
    left: 0;
    top: 0
}

.cs-shape-right svg,
.cs-shape-left svg {
    top: -2px;
    width: auto;
    height: 102%;
    height: calc(100% + 5px)
}

.cs-shape-top {
    top: 0;
    margin-top: -1px
}

.cs-shape-bottom {
    bottom: 0;
    margin-bottom: -1px
}

.cs-shape-right svg {
    left: auto;
    right: 0;
    margin-right: -1px
}

.cs-shape-left svg {
    left: 0;
    right: auto;
    margin-left: -1px
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    .cs-shape-right,
    .cs-shape-left {
        display: none
    }
}

.cs-shape-slant {
    padding-bottom: 8.7%
}

.cs-shape-curve-side {
    padding-bottom: 8.4%
}

.cs-shape-curve {
    padding-bottom: 6.2%
}

.line-height-h1 {
    line-height: 1.2 !important
}

.line-height-h2 {
    line-height: 1.25 !important
}

.line-height-h3 {
    line-height: 1.3 !important
}

.line-height-h4 {
    line-height: 1.35 !important
}

.line-height-h5 {
    line-height: 1.4 !important
}

.line-height-h6 {
    line-height: 1.4 !important
}