:root {
    --ninetheme-font: "Roboto", Sans-serif;
    --ninetheme-font-heading: 'Roboto', sans-serif;
    --ninetheme-primary: #db1215;
    --ninetheme-secondary: #1376d8;
    --ninetheme-primary-bg: #db5153;
    --ninetheme-text: #4e4e4e;
    --ninetheme-text-soft: #949494;
    --ninetheme-dark: #161616;
    --ninetheme-dark-soft: #343131;
    --ninetheme-light: #fff;
    --ninetheme-light-soft: #bdbdbd;
    --ninetheme-gray: #e1e2e3;
    --ninetheme-gray-dark: #595959;
    --ninetheme-gray-soft: #f7f7f7;
    --ninetheme-border: #eaebed;
    --ninetheme-dark-border: #060606;
    --ninetheme-trans-border: #f7f7f833;
    --ninetheme-success: #398f14;
    --ninetheme-success-bg: #d4ffe7;
    --ninetheme-success-border: #b5fdb0;
    --ninetheme-warning: #c28e00;
    --ninetheme-warning-bg: #fffcf2;
    --ninetheme-warning-border: #faeecf;
    --ninetheme-info: #1e73be;
    --ninetheme-info-bg: #daedfd;
    --ninetheme-info-border: #b0daff;
    --ninetheme-red: #ed4b4b;
    --ninetheme-red-dark: #b20808;
    --ninetheme-red-soft: #ffb1b1;
    --ninetheme-red-softer: #fff5f5;
    --ninetheme-red-text: #b20808;
    --ninetheme-red-bg: #ffe8e8;
    --ninetheme-red-border: #ffbfc1;
    --ninetheme-green: #719937;
    --ninetheme-green-soft: #0ecea6;
    --ninetheme-green-bg: #dffff8;
    --ninetheme-purple: #6c5ebc;
    --ninetheme-purple-soft: #bdb3ff;
    --ninetheme-purple-bg: #eae8ff;
    --ninetheme-yellow: #ffdc00;
    --ninetheme-yellow-soft: #ffe331;
    --ninetheme-yellow-bg: #fffcda;
    --ninetheme-brown: #6c3428;
    --ninetheme-cream: #f4ead5;
    --ninetheme-blue-dark: #011962;
    --ninetheme-blue: #072ac8;
    --ninetheme-blue-soft: #1e96fc;
    --ninetheme-blue-bg: #e0f0ff;
    --ninetheme-border-radius: 5px
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

main {
    display: block
}

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

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

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

li::marker {
    display: none;
    content: ""
}

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

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
textarea::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder,
textarea::placeholder,
::placeholder {
    color: var(--ninetheme-gray-dark) !important
}

.has-default-header-type-dark ::-webkit-input-placeholder,
.has-default-header-type-dark ::-moz-placeholder,
.has-default-header-type-dark :-ms-input-placeholder,
.has-default-header-type-dark :-moz-placeholder,
.has-default-header-type-dark textarea::-webkit-input-placeholder,
.has-default-header-type-dark textarea:-moz-placeholder,
.has-default-header-type-dark textarea::-moz-placeholder,
.has-default-header-type-dark textarea:-ms-input-placeholder,
.has-default-header-type-dark textarea::placeholder,
.has-default-header-type-dark ::placeholder {
    color: #bbb !important
}

button,
input {
    overflow: visible
}

input[type=submit] {
    cursor: pointer
}

button,
select {
    text-transform: none;
    cursor: pointer
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='%237a7a7a' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 99%;
    background-position-y: 50%
}

blockquote {
    margin: 0 0 1rem;
    background-color: var(--ninetheme-gray);
    padding: 60px
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto;
    -o-transition: height .3s ease-in-out;
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out
}

textarea:focus {
    -o-transition: height .3s ease-in-out;
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out
}

input:focus,
textarea:focus,
textarea:focus::placeholder {
    color: var(--ninetheme-dark);
    border-color: var(--ninetheme-primary) !important
}

::placeholder,
::-moz-placeholder,
::-webkit-input-placeholder,
:-ms-input-placeholder {
    color: var(--ninetheme-gray-dark);
    -o-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

@media print {

    *,
    *:before,
    *:after {
        text-shadow: none;
        box-shadow: none
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

*:focus {
    outline: none
}

html {
    font-size: var(--font-size)
}

a {
    color: var(--color-primary);
    text-decoration: none
}

a:hover {
    color: var(--color-primary-tint)
}

p {
    margin-top: 0;
    margin-bottom: 30px
}

p:empty {
    display: none
}

p:last-child {
    margin-bottom: 0
}

hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: var(--color-grey2)
}

hr:last-child {
    margin-bottom: 0
}

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

b,
strong {
    font-weight: 500
}

nav ol,
nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

iframe {
    display: block;
    width: 100%;
    border: 0;
    overflow: hidden
}

canvas {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

blockquote {
    margin: 0;
    border-left: 5px solid var(--color-grey2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: left;
    background-color: var(--color-grey1)
}

blockquote:not(:first-child) {
    margin-top: 30px
}

blockquote:not(:last-child) {
    margin-bottom: 30px
}

blockquote footer {
    color: var(--color-primary-tint)
}

@media (max-width:991px) {
    blockquote {
        padding: 30px
    }
}

@media (min-width:992px) {
    blockquote {
        position: relative;
        padding: 60px 15%;
        font-size: 24px;
        overflow: hidden
    }

    blockquote:before {
        position: absolute;
        top: -30px;
        left: 0;
        content: "\"";
        font-size: 200px;
        line-height: 1;
        -webkit-opacity: .2;
        -khtml-opacity: .2;
        -moz-opacity: .2;
        opacity: .2
    }
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    width: 100%;
    font-weight: inherit;
    font-size: inherit;
    display: flex;
    align-content: center;
    align-items: center
}

label span {
    line-height: 0
}

label span.wpcf7-form-control-wrap {
    line-height: inherit
}

mark {
    color: var(--color-primary);
    background-color: #fcf8e3
}

code {
    padding: 2px 4px;
    background-color: var(--color-grey1);
    white-space: normal
}

kbd {
    padding: 2px 4px;
    font-weight: 600;
    color: var(--color-white);
    background-color: var(--color-primary);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

pre {
    display: block;
    margin-top: 0;
    font-size: 90%;
    border: 1px solid var(--ninetheme-gray);
    overflow: auto;
    margin-bottom: 20px;
    padding: 15px;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

pre:last-child {
    margin-bottom: 0
}

dt {
    font-weight: 600
}

dt:not(:last-child) {
    margin-bottom: 5px
}

dd {
    margin-left: 0;
    margin-bottom: 20px !important
}

dd:not(:last-child) {
    margin-bottom: 5px
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: inherit
}

address:last-child {
    margin-bottom: 0
}

cite {
    font-style: normal
}

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

th {
    text-align: left;
    font-weight: 500;
    color: var(--ninetheme-dark)
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

input[type=checkbox],
input[type=radio] {
    margin: 0;
    margin-right: 5px;
    font-size: 16px
}

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

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

textarea {
    resize: vertical
}

input,
select,
textarea,
input[type=radio],
input[type=checkbox] {
    background-color: transparent
}

input,
select,
textarea,
input[type=checkbox] {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0;
    color: var(--ninetheme-gray-dark)
}

textarea {
    min-height: 110px
}

input:not([type=checkbox]):not([type=radio]),
select,
textarea {
    padding: 12px 10px;
    min-height: 45px;
    border: 2px solid var(--ninetheme-border);
    max-width: 100%
}

input[type=radio],
input[type=checkbox] {
    vertical-align: middle
}

button[disabled=disabled] {
    pointer-events: none;
    opacity: .5
}

.select2-search--dropdown {
    padding: 0 !important;
    margin: 10px 0 15px 6px
}

.select2-dropdown {
    border: 1px solid var(--ninetheme-border) !important
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--ninetheme-border) !important;
    max-width: 87%;
    max-height: 36px;
    margin-left: 10px
}

.vehicle-search-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px
}

.vehicle-search-form .select2-container--default .select2-selection--single,
.vehicle-search-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px !important
}

.vehicle-search-form button {
    border: 0;
    outline: none;
    min-height: 45px;
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-dark)
}

.vehicle-search-form:not(.loading) .filter-loader {
    display: none
}

.vehicle-search-form.loading .filter-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--ninetheme-light);
    opacity: .8
}

html {
    margin-right: 0 !important
}

body {
    font-family: var(--ninetheme-font);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: var(--ninetheme-text);
    line-height: 1.6;
    overflow-x: hidden;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    overflow-y: scroll
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a,
.button {
    -webkit-transition: all .25s ease-out 0s;
    -moz-transition: all .25s ease-out 0s;
    -ms-transition: all .25s ease-out 0s;
    -o-transition: all .25s ease-out 0s;
    transition: all .25s ease-out 0s;
    color: var(--ninetheme-dark);
    outline: medium none
}

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

a:focus,
.btn:focus,
.button:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none
}

a:hover {
    color: var(--ninetheme-dark);
    text-decoration: none;
    opacity: .8
}

input:focus,
input:focus,
textarea,
textarea:focus {
    outline: 0;
    color: var(--ninetheme-text)
}

.nt-font-main {
    font-family: var(--ninetheme-font)
}

.nt-font-primary {
    font-family: var(--ninetheme-font-heading)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--ninetheme-font-heading);
    color: var(--ninetheme-dark);
    margin-top: 0;
    font-style: normal;
    font-weight: 500;
    word-spacing: 0px;
    margin-bottom: 20px;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}

h1,
h1.elementor-heading-title {
    font-size: 44.8px;
    line-height: 1.2
}

h2,
h2.elementor-heading-title {
    font-size: 37.3px;
    line-height: 1.2
}

h3,
h3.elementor-heading-title {
    font-size: 31.1px;
    line-height: 1.3
}

h4,
h4.elementor-heading-title {
    font-size: 25.9px;
    line-height: 1.3
}

h5,
h5.elementor-heading-title {
    font-size: 21.6px;
    line-height: 1.4
}

h6,
h6.elementor-heading-title {
    font-size: 18px;
    line-height: 1.4
}

@media(max-width:767px) {

    h1,
    h1.elementor-heading-title {
        font-size: 32px;
        line-height: 1.2
    }

    h2,
    h2.elementor-heading-title {
        font-size: 28px;
        line-height: 1.2
    }

    h3,
    h3.elementor-heading-title {
        font-size: 23px;
        line-height: 1.3
    }

    h4,
    h4.elementor-heading-title {
        font-size: 19px;
        line-height: 1.3
    }

    h5,
    h5.elementor-heading-title {
        font-size: 17px;
        line-height: 1.2
    }

    h6,
    h6.elementor-heading-title {
        font-size: 15px;
        line-height: 1.2
    }
}

ul {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 15px
}

p.elementor-heading-title {
    line-height: 1.8
}

hr {
    border-bottom: 1px solid var(--ninetheme-dark);
    border-top: 0 none;
    margin: 30px 0;
    padding: 0
}

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

*::-moz-selection {
    background-color: var(--ninetheme-gray-dark);
    color: var(--ninetheme-light);
    text-shadow: none
}

::-moz-selection {
    background: var(--ninetheme-dark);
    color: var(--ninetheme-light);
    text-shadow: none
}

::selection {
    background: var(--ninetheme-dark);
    color: var(--ninetheme-light);
    text-shadow: none
}

*::-moz-placeholder {
    color: var(--ninetheme-gray-dark);
    font-size: 14px;
    opacity: 1
}

*::placeholder {
    color: var(--ninetheme-text);
    font-size: 13px;
    opacity: 1
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important
}

.elementor-widget-ninetheme-home-slider,
.ninetheme-main-slider {
    overflow: hidden;
    width: 100%
}

.ninetheme-header .ninetheme-header-part:not(.ninetheme-header-sticky) .has-sticky-logo .sticky-logo,
.ninetheme-header .ninetheme-header-sticky .has-sticky-logo .main-logo:not(.sticky-logo),
.ninetheme-header .ninetheme-header-mobile:not(.sticky-start) .has-sticky-logo .sticky-logo,
.ninetheme-header .ninetheme-header-mobile.sticky-start .has-sticky-logo .main-logo:not(.sticky-logo) {
    display: none
}

.ninetheme-header .ninetheme-header-mobile.sticky-start .has-sticky-logo .main-logo.sticky-logo {
    display: block
}

.loading li .ninetheme-ajax-product-data {
    width: 100%
}

.loading .ninetheme-product-type-6 .ninetheme-product-details-wrapper {
    border-top: 0
}

.ninetheme-swiper-container:not(.swiper-initialized) {
    height: 100%
}

.loading li .ninetheme-ajax-product-image,
.loading li .ninetheme-ajax-product-title,
.loading li .ninetheme-ajax-product-price,
.loading li .ninetheme-stock-status,
.loading .ninetheme-loop-product .thumb-wrapper,
.loading .ninetheme-loop-product .product-name,
.loading .ninetheme-loop-product .product-price,
.loading .woo-default-box .price,
.loading .ninetheme-loop-product .stock-rating,
.loading .ninetheme-loop-product .product-stock-rating,
.loading .ninetheme-loop-product .product-features,
.loading .ninetheme-loop-product .product-cart-wrapper,
.loading .ninetheme-loop-product .ninetheme-product-buttons,
.loading .ninetheme-loop-product .product-desc,
.loaded.loading .quick-details>*,
.ninetheme-swiper-container:not(.swiper-initialized),
.ninetheme-category-slider:not(.swiper-initialized),
.loading .ninetheme-swiper-container.swiper-initialized,
.loading .list-inner .cart-actions,
.loading .ninetheme-products-column .ninetheme-not-found-info-wrapper,
.loading .product-footer a {
    position: relative;
    overflow: hidden
}

.loading li .ninetheme-ajax-product-title,
.loading li .ninetheme-ajax-product-price,
.loading li .ninetheme-stock-status,
.loading .ninetheme-loop-product .thumb-wrapper,
.loading .ninetheme-loop-product .product-name,
.loading .ninetheme-loop-product .product-price,
.loading .woo-default-box .price,
.loading .ninetheme-loop-product .stock-rating,
.loading .ninetheme-loop-product .product-stock-rating,
.loading .ninetheme-loop-product .product-features,
.loading .ninetheme-loop-product .product-cart-wrapper,
.loading .ninetheme-loop-product .ninetheme-product-buttons,
.loading .ninetheme-loop-product .product-desc,
.loaded.loading .quick-details>*,
.loading .ninetheme-products-column .ninetheme-not-found-info-wrapper,
.loading .list-inner .cart-actions {
    min-width: 100%;
    max-width: 100%
}

.loading .ninetheme-loop-product.type-1 .product-inner {
    padding-bottom: 0
}

.loading .ninetheme-loop-product.type-1 .product-cart-wrapper,
.loading .ninetheme-loop-product.type-10 .product-cart-wrapper {
    bottom: 15px;
    max-width: calc(100% - 30px);
    min-width: auto;
    left: 15px;
    position: absolute
}

.loading .ninetheme-loop-product {
    pointer-events: none
}

.loading .ninetheme-ajax-product-link,
.loading .ribbon {
    display: none
}

.loading li .ninetheme-ajax-product-image:before,
.loading li .ninetheme-ajax-product-title:before,
.loading li .ninetheme-ajax-product-price:before,
.loading li .ninetheme-stock-status:before,
.loading li .ninetheme-btn-text:before,
.loading .ninetheme-loop-product .thumb-wrapper:before,
.loading .ninetheme-loop-product .product-name:before,
.loading .ninetheme-loop-product .product-price:before,
.loading .woo-default-box .price:before,
.loading .ninetheme-loop-product .stock-rating:before,
.loading .ninetheme-loop-product .product-stock-rating:before,
.loading .ninetheme-loop-product .product-features:before,
.loading .ninetheme-loop-product .product-cart-wrapper:before,
.loading .ninetheme-loop-product .ninetheme-product-buttons:before,
.loading .ninetheme-loop-product .product-desc:before,
.loaded.loading .ninetheme-swiper-container:before,
.loaded.loading .quick-thumbs:before,
.loaded.loading .quick-details>*:before,
.ninetheme-swiper-container:not(.swiper-initialized):before,
.ninetheme-category-slider:not(.swiper-initialized):before,
.ninetheme-product-gallery-col .ninetheme-swiper-slider-wrapper.loading:before,
.loading .ninetheme-swiper-container.swiper-initialized:before,
.loading .list-inner .cart-actions:before,
.loading .product-footer a:before,
.loading .ninetheme-products-column .ninetheme-not-found-info-wrapper:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 98;
    background-color: #f4f4f4;
    width: 100%;
    height: 100%
}

.loading li .ninetheme-ajax-product-image:after,
.loading li .ninetheme-ajax-product-title:after,
.loading li .ninetheme-ajax-product-price:after,
.loading li .ninetheme-stock-status:after,
.loading li .ninetheme-btn-text:after,
.loading .ninetheme-loop-product .thumb-wrapper:after,
.loading .ninetheme-loop-product .product-name:after,
.loading .ninetheme-loop-product .product-price:after,
.loading .woo-default-box .price:after,
.loading .ninetheme-loop-product .stock-rating:after,
.loading .ninetheme-loop-product .product-stock-rating:after,
.loading .ninetheme-loop-product .product-features:after,
.loading .ninetheme-loop-product .product-cart-wrapper:after,
.loading .ninetheme-loop-product .ninetheme-product-buttons:after,
.loading .ninetheme-loop-product .product-desc:after,
.loaded.loading .ninetheme-swiper-container:after,
.loaded.loading .quick-thumbs:after,
.loaded.loading .quick-details>*:after,
.ninetheme-swiper-container:not(.swiper-initialized):after,
.ninetheme-category-slider:not(.swiper-initialized):after,
.loading .ninetheme-swiper-container.swiper-initialized:after,
.ninetheme-product-gallery-col .ninetheme-swiper-slider-wrapper.loading:after,
.loading .list-inner .cart-actions:after,
.loading .product-footer a:after,
.loading .ninetheme-products-column .ninetheme-not-found-info-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
    background-repeat: no-repeat;
    background-size: 450px 400px;
    animation: shimmer 2s linear infinite;
    z-index: 99
}

.ninetheme-swiper-container:not(.swiper-initialized):after,
.ninetheme-category-slider:not(.swiper-initialized):after,
.ninetheme-product-gallery-col .ninetheme-swiper-slider-wrapper.loading:after {
    background-size: 100%
}

@keyframes shimmer {
    0% {
        background-position: -450px 0
    }

    100% {
        background-position: 450px 0
    }
}

@font-face {
    font-display: swap;
    font-family: 'ninetheme-font';
    src: url('fonts/ninetheme-font.eot?ksdru7');
    src: url('fonts/ninetheme-font.eot?ksdru7#iefix') format('embedded-opentype'), url('fonts/ninetheme-font.ttf?ksdru7') format('truetype'), url('fonts/ninetheme-font.woff?ksdru7') format('woff'), url('fonts/ninetheme-font.svg?ksdru7#ninetheme-font') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=nt-icon-],
[class*=" nt-icon-"] {
    font-family: 'ninetheme-font';
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.nt-icon-alert:before {
    content: "\f100"
}

.nt-icon-button-play-2:before {
    content: "\f101"
}

.nt-icon-360-deg:before {
    content: "\f102"
}

.nt-icon-note:before {
    content: "\f103"
}

.nt-icon-statik:before {
    content: "\f104"
}

.nt-icon-altcart:before {
    content: "\f105"
}

.nt-icon-shapes:before {
    content: "\f106"
}

.nt-icon-check:before {
    content: "\f107"
}

.nt-icon-logout:before {
    content: "\f108"
}

.nt-icon-moredots:before {
    content: "\f109"
}

.nt-icon-arrowaroundleft:before {
    content: "\f110"
}

.nt-icon-arrowaroundright:before {
    content: "\f111"
}

.nt-icon-cross:before {
    content: "\f112"
}

.nt-icon-right-arrow-chevron:before {
    content: "\f113"
}

.nt-icon-left-arrow-chevron:before {
    content: "\f114"
}

.nt-icon-up-chevron:before {
    content: "\f115"
}

.nt-icon-edit:before {
    content: "\f116"
}

.nt-icon-symbol:before {
    content: "\f117"
}

.nt-icon-filters:before {
    content: "\f118"
}

.nt-icon-sort-by:before {
    content: "\f119"
}

.nt-icon-eye:before {
    content: "\f11a"
}

.nt-icon-arrow-next:before {
    content: "\f120"
}

.nt-icon-arrow-back:before {
    content: "\f121"
}

.nt-icon-layout:before {
    content: "\f122"
}

.nt-icon-cart:before {
    content: "\f123"
}

.nt-icon-user:before {
    content: "\f124"
}

.nt-icon-newlatter:before {
    content: "\f125"
}

.nt-icon-bag:before {
    content: "\f126"
}

.nt-icon-scaleerrows:before {
    content: "\f127"
}

.nt-icon-compare:before {
    content: "\f128"
}

.nt-icon-arrows:before {
    content: "\f129"
}

.nt-icon-lup:before {
    content: "\f130"
}

.nt-icon-quote_right:before {
    content: "\f131"
}

.nt-icon-envelope-o:before {
    content: "\f132"
}

.nt-icon-wishlist:before {
    content: "\f134"
}

.nt-account-details:before {
    content: "\f135"
}

.nt-icon-account-download:before {
    content: "\f136"
}

.nt-icon-account-exit:before {
    content: "\f137"
}

.nt-icon-account-orders:before {
    content: "\f138"
}

.nt-icon-account-address:before {
    content: "\f139"
}

.nt-icon-size-ruler:before {
    content: "\f13f"
}

.nt-icon-account-other:before {
    content: "\f140"
}

.nt-icon-account-payment:before {
    content: "\f142"
}

.nt-icon-plus:before {
    content: "\f143"
}

.nt-icon-home-page:before {
    content: "\f144"
}

.nt-icon-blog:before {
    content: "\f145"
}

.nt-icon-shop-page:before {
    content: "\f146"
}

.nt-icon-cart-empty:before {
    content: "\f147"
}

.nt-icon-star:before {
    content: "\f148"
}

.nt-icon-star_empty:before {
    content: "\f149"
}

.nt-icon-caret_down:before {
    content: "\f150"
}

.nt-icon-caret_up:before {
    content: "\f151"
}

.nt-caret_left:before {
    content: "\f152"
}

.nt-caret_right:before {
    content: "\f153"
}

.nt-icon-env:before {
    content: "\f157"
}

.nt-icon-mobile-alt-solid:before {
    content: "\f159"
}

.nt-icon-menu:before {
    content: "\f15a"
}

.nt-icon-menu-active:before {
    content: "\f15b"
}

.nt-icon-menu-filters:before {
    content: "\f15c"
}

.nt-icon-location-arrow-solid:before {
    content: "\f160"
}

.nt-icon-tik-tok:before {
    content: "\f133"
}

.nt-icon-twitter:before {
    content: "\f154"
}

.nt-icon-github:before {
    content: "\f155"
}

.nt-icon-pinterest:before {
    content: "\f156"
}

.nt-icon-linkedin:before {
    content: "\f158"
}

.nt-icon-youtube:before {
    content: "\f162"
}

.nt-icon-instagram:before {
    content: "\f163"
}

.nt-icon-flickr:before {
    content: "\f164"
}

.nt-icon-tumblr:before {
    content: "\f165"
}

.nt-icon-dribbble:before {
    content: "\f166"
}

.nt-icon-skype:before {
    content: "\f167"
}

.nt-icon-vk:before {
    content: "\f168"
}

.nt-icon-google:before {
    content: "\f169"
}

.nt-icon-behance:before {
    content: "\f170"
}

.nt-icon-spotify:before {
    content: "\f171"
}

.nt-icon-soundcloud:before {
    content: "\f172"
}

.nt-icon-copyright-regular:before {
    content: "\f173"
}

.nt-icon-facebook-square:before {
    content: "\f174"
}

.nt-icon-whatsapp:before {
    content: "\f175"
}

.nt-icon-odnoklassniki-square:before {
    content: "\f176"
}

.nt-icon-vimeo:before {
    content: "\f177"
}

.nt-icon-snapchat-ghost:before {
    content: "\f178"
}

.nt-icon-telegram:before {
    content: "\f179"
}

.nt-icon-facebook:before {
    content: "\f180"
}

.nt-icon-viber:before {
    content: "\f181"
}

body.admin-bar {
    padding-top: 32px
}

@media(max-width:782px) {
    body.admin-bar {
        padding-top: 46px
    }
}

.layout-boxed .ninetheme-header-default {
    width: 100%;
    max-width: 1600px
}

body.has-overlay {
    overflow-x: hidden
}

body.layout-boxed {
    background-color: #eee
}

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

@media (min-width:1200px) {
    .container {
        max-width: 1580px
    }
}

.ninetheme-row {
    display: flex;
    flex-direction: column
}

#wrapper {
    position: relative;
    width: 100%;
    scroll-behavior: smooth
}

.layout-boxed:not(.has-header-sidebar) #wrapper {
    max-width: 1400px;
    margin: 0 auto 40px;
    background-color: var(--ninetheme-light)
}

.layout-boxed:not(.has-header-sidebar) .ninetheme-header {
    max-width: 1400px;
    margin: 40px auto 0;
    background-color: var(--ninetheme-light)
}

.layout-boxed:not(.has-header-sidebar) .ninetheme-header-bottom .ninetheme-header-inner {
    max-width: 100%
}

@media(max-width:767px) {
    .layout-boxed:not(.has-header-sidebar) #wrapper {
        margin: 0 auto
    }
}

.jarallax.parallax-yes {
    transition: none;
    position: relative;
    z-index: 0
}

.jarallax>div[id^=jarallax-]>img {
    position: fixed;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.elementor-editor-active .page-loaded .ninetheme-main-sidebar-header {
    display: none
}

.elementor-editor-active .has-header-sidebar .site-content {
    width: auto;
    margin-left: 0
}

.page-wrapper .elementor-edit-area {
    z-index: 3
}

.elementor-editor-active header.ninetheme-header-default {
    z-index: 0
}

.elementor-editor-active.scroll-start header.ninetheme-header-default,
.elementor-editor-active header.ninetheme-header-default:hover {
    z-index: 9
}

body.single-elementor_library.elementor-editor-active .ninetheme-main-header,
body.single-elementor_library.elementor-editor-active #nt-footer {
    display: none
}

[class^=elementor-widget-ninetheme-] .elementor-widget-empty-icon,
[class*=elementor-widget-ninetheme-] .elementor-widget-empty-icon {
    display: none !important
}

.elementor-editor-active .loading {
    display: none !important
}

.logo.logo-type-sitename {
    max-width: 450px
}

.ninetheme-hidden {
    display: none
}

.ninetheme-small-title,
.ninetheme-small-title a {
    color: var(--ninetheme-dark)
}

.elementor-widget-heading a.title-link {
    color: var(--ninetheme-dark) !important
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0
}

canvas {
    display: block;
    vertical-align: bottom
}

.ninetheme-particles:not(.particles-none) div.ninetheme-particles-effect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.ninetheme-particles:not(.particles-none) div.ninetheme-particles-effect canvas {
    display: block;
    vertical-align: bottom
}

.section-padding {
    padding-top: 40px;
    padding-bottom: 40px
}

@media(min-width:768px) {
    .section-padding {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media(min-width:1200px) {
    .section-padding {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.nt-section.section-padding.pt-0 {
    padding-top: 0
}

.nt-section.section-padding.pb-0 {
    padding-bottom: 0
}

.ninetheme-flex-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ninetheme-inline-two-block,
.ninetheme-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

.ninetheme-inline-two-block {
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ninetheme-align-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ninetheme-justify-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ninetheme-block-left,
.ninetheme-flex-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ninetheme-block-right,
.ninetheme-flex-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: right;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.page-overlay {
    position: fixed;
    z-index: 106;
    top: 0;
    cursor: pointer;
    cursor: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 512 512'%3e%3cg transform='rotate(45 256 256)'%3e%3crect id='r' x='16' y='216' width='480' height='80' rx='14'/%3e%3cuse href='%23r' transform='rotate(90 256 256)'/%3e%3c/g%3e%3c/svg%3e") 16 16, pointer;
    right: 0;
    width: 0;
    height: 0;
    opacity: 0;
    -moz-transition: opacity .45s cubic-bezier(.25, .46, .45, .94);
    -o-transition: opacity .45s cubic-bezier(.25, .46, .45, .94);
    -webkit-transition: opacity .45s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .45s cubic-bezier(.25, .46, .45, .94);
    visibility: hidden;
    pointer-events: none
}

.has-overlay .page-overlay {
    width: 100%;
    height: 100%;
    opacity: .7;
    visibility: visible;
    pointer-events: unset
}

.ninetheme-svg-icon {
    max-width: 24px;
    max-height: 24px;
    cursor: pointer;
    fill: var(--ninetheme-dark)
}

.ninetheme-svg-icon.mini-icon {
    max-width: 15px;
    max-height: 15px
}

.scroll-to-top {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: var(--ninetheme-dark);
    position: fixed;
    color: var(--ninetheme-light);
    bottom: 60px;
    right: 40px;
    z-index: 99;
    font-size: 15px;
    text-align: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: none;
    border-radius: 4px;
    transition: all .4s ease
}

.scroll-to-top:hover {
    background-color: var(--ninetheme-primary);
    color: var(--ninetheme-dark)
}

.ninetheme-input {
    padding: 0 15px
}

.ninetheme-input-large {
    height: 48px
}

.ninetheme-input-medium {
    height: 38px;
    font-size: 14px
}

.ninetheme-input-small {
    height: 33px;
    font-size: 13px;
    min-width: 160px
}

.ninetheme-list-disc ul,
ul.ninetheme-list-disc {
    list-style: none
}

.ninetheme-list-disc li,
ul.ninetheme-list-disc li {
    position: relative
}

.ninetheme-list-disc li:before,
ul.ninetheme-list-disc li:before {
    position: absolute;
    top: 10px;
    left: -20px;
    padding: 0;
    border: 1px solid var(--ninetheme-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    line-height: 1;
    width: 8px;
    height: 8px;
    content: ""
}

.ninetheme-list-disc li:after,
ul.ninetheme-list-disc li:after {
    position: absolute;
    top: 13px;
    left: -17px;
    padding: 0;
    background-color: var(--ninetheme-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    line-height: 1;
    width: 2px;
    height: 2px;
    content: ""
}

.ninetheme-breadcrumb li {
    list-style: none
}

.ninetheme-breadcrumb li,
.ninetheme-breadcrumb li a {
    display: inline-block;
    color: var(--ninetheme-dark);
    padding: 0;
    max-width: 100%;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .3px
}

.woocommerce-breadcrumb,
.yoast-breadcrumb,
.rank-math-breadcrumb {
    color: var(--ninetheme-dark);
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .3px
}

.ninetheme-product-summary ul.ninetheme-breadcrumb {
    display: flex
}

.ninetheme-breadcrumb li.active {
    font-weight: 500;
    max-width: 247px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.breadcrumb-item+.breadcrumb-item:before,
.woocommerce-breadcrumb a:after {
    content: "";
    display: inline-block;
    padding-right: 0;
    width: 4px;
    height: 4px;
    background-color: var(--ninetheme-gray);
    border-radius: 50%;
    margin-bottom: 2px;
    margin-right: 8px;
    margin-left: 8px
}

.rank-math-breadcrumb .separator {
    margin-right: 4px;
    margin-left: 4px
}

@media (max-width:576px) {
    .has-default-header-type-default:not(.elementor-page) .section-padding {
        padding-bottom: 90px
    }

    .ninetheme-page-hero-content .page-title {
        font-size: 19px
    }

    .ninetheme-breadcrumb li,
    .ninetheme-breadcrumb li a {
        font-size: 11px
    }

    .breadcrumb-item+.breadcrumb-item:before {
        margin-right: 5px;
        margin-left: 5px
    }
}

.nav-logo img {
    max-width: 150px
}

a.nt-logo.logo-type-text {
    position: relative;
    display: block;
    line-height: 1
}

.header-text-logo {
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    display: block;
    color: var(--ninetheme-dark);
    font-family: var(--ninetheme-font-heading);
    text-transform: uppercase
}

@media(max-width:768px) {
    .header-text-logo {
        line-height: 1
    }

    .nt-logo img,
    .nav-logo img {
        max-width: 110px
    }
}

img[data-lazy-src] {
    opacity: 0
}

img.lazyloaded {
    -webkit-transition: opacity .5s linear .2s;
    -moz-transition: opacity .5s linear .2s;
    transition: opacity .5s linear .2s;
    opacity: 1
}

.ninetheme-viewed-offer-time {
    margin-top: 20px;
    display: flex;
    border-radius: 4px;
    align-items: center;
    align-content: center;
    padding: 5px 15px;
    background-color: var(--ninetheme-gray-soft);
    border: 1px solid var(--ninetheme-dark);
    gap: 30px;
    justify-content: space-between
}

.ninetheme-viewed-offer-time .offer-time-text {
    margin-bottom: 0;
    color: var(--ninetheme-dark) !important;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase
}

.ninetheme-cart-timer {
    color: var(--ninetheme-dark-soft);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600
}

.ninetheme-viewed-offer-time .offer-time-text span {
    color: var(--ninetheme-primary)
}

.ninetheme-summary-item .ninetheme-coming-time {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center
}

.ninetheme-summary-item:not(.has-text) .ninetheme-coming-time {
    justify-content: center
}

.ninetheme-viewed-offer-time.type-default .ninetheme-coming-time {
    min-width: 240px
}

.ninetheme-viewed-offer-time.type-default:not(.has-icon) .ninetheme-coming-time {
    margin-bottom: 30px
}

.ninetheme-viewed-offer-time.ninetheme-summary-item:not(.type-default),
.ninetheme-viewed-offer-time.type-default .ninetheme-coming-time {
    background-color: var(--ninetheme-gray-soft);
    padding: 10px 15px;
    border-radius: 4px
}

.ninetheme-viewed-offer-time.has-icon .ninetheme-svg-icon {
    max-width: 50px;
    max-height: 50px
}

.ninetheme-product-summary .ninetheme-viewed-offer-time.has-icon .ninetheme-coming-time,
.ninetheme-product-summary .ninetheme-viewed-offer-time.has-icon .offer-time-icon,
.ninetheme-product-summary .ninetheme-viewed-offer-time.has-icon .offer-time-inner {
    margin: 0
}

.ninetheme-product-summary .offer-time-icon {
    display: flex;
    align-items: flex-end;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap
}

.offer-time-text-after {
    margin-top: 5px;
    font-size: 12px
}

.ninetheme-viewed-offer-time.ninetheme-summary-item.type-2 {
    background-color: var(--ninetheme-yellow-soft);
    border: 1px solid var(--ninetheme-yellow);
    padding: 15px;
    border-radius: 5px
}

.ninetheme-viewed-offer-time.ninetheme-summary-item.type-3,
.ninetheme-viewed-offer-time.ninetheme-summary-item.type-4 {
    background-color: transparent;
    border: 1px solid var(--ninetheme-dark);
    padding: 15px;
    border-radius: 5px
}

.ninetheme-viewed-offer-time.ninetheme-summary-item.type-4 {
    border-color: var(--ninetheme-gray)
}

.ninetheme-viewed-offer-time.type-2 .ninetheme-coming-time {
    background-color: transparent;
    padding: 0;
    max-width: 100%;
    margin-bottom: 0
}

.ninetheme-viewed-offer-time.type-2 .offer-time-icon {
    margin-left: -50px
}

.ninetheme-viewed-offer-time.type-2 .offer-time-text {
    margin-bottom: 5px;
    color: var(--ninetheme-dark-soft);
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 15px
}

.ninetheme-viewed-offer-time.type-2 .time-count,
.ninetheme-viewed-offer-time.type-3 .time-count,
.ninetheme-viewed-offer-time.type-4 .time-count {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    min-width: 10px;
    letter-spacing: 1px;
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-red);
    padding: 10px 15px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500
}

.ninetheme-viewed-offer-time.type-2 .time-count {
    min-width: 40px
}

.ninetheme-viewed-offer-time.type-3 .time-count {
    color: var(--ninetheme-red);
    background-color: transparent;
    border: 1px solid var(--ninetheme-gray)
}

.ninetheme-viewed-offer-time.type-4 .time-count {
    background-color: var(--ninetheme-success-bg);
    border: 1px solid var(--ninetheme-success-border);
    color: var(--ninetheme-success)
}

.ninetheme-viewed-offer-time.type-4 .time-count:last-child {
    color: var(--ninetheme-red);
    background-color: var(--ninetheme-red-bg);
    border-color: var(--ninetheme-red-border)
}

.ninetheme-viewed-offer-time.type-2 .time-count {
    padding: 12px 10px
}

.ninetheme-viewed-offer-time .separator {
    margin: 0 5px;
    color: var(--ninetheme-dark)
}

.ninetheme-countdown-title-wrapper.ninetheme-display-inline {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap
}

.ninetheme-countdown-title-wrapper.ninetheme-display-inline .ninetheme-super-deal-title {
    margin: 0;
    margin-right: 30px
}

.ninetheme-coming-time {
    gap: 1px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ninetheme-coming-time .time-count {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    min-width: 10px;
    padding: 0;
    letter-spacing: 1px;
    position: relative;
    color: var(--ninetheme-dark);
    font-weight: 500;
    font-size: 21px
}

.ninetheme-coming-time:not(.separator-none) .time-count+.time-count:before {
    position: relative;
    content: ":";
    margin: 0 7px;
    color: currentColor;
    font-size: 13px;
    font-weight: 500
}

.nt-ninetheme-content blockquote .quote-icon {
    margin-right: 25px
}

.nt-ninetheme-content blockquote {
    margin: 30px 0 30px;
    font-size: 18px;
    color: var(--ninetheme-dark);
    font-weight: 500;
    line-height: 1.9;
    background-color: var(--ninetheme-gray-soft)
}

.nt-ninetheme-content blockquote p {
    margin: 0
}

.nt-ninetheme-content .ninetheme-post-content-wrapper>ul:last-child {
    margin-bottom: 0
}

.ninetheme-post-thumb-wrapper {
    margin-bottom: 25px
}

.ninetheme-blog-post-meta-bottom {
    margin-top: 20px;
    padding-top: 50px;
    border-top: 1px solid var(--ninetheme-gray)
}

.ninetheme-blog-post-meta-bottom .ninetheme-meta-label {
    font-weight: 500;
    color: var(--ninetheme-dark)
}

.ninetheme-blog-post-meta-bottom a {
    color: var(--ninetheme-gray-dark)
}

.ninetheme-blog-post-meta-bottom .ninetheme-post-meta+.ninetheme-post-meta {
    margin-top: 5px
}

.ninetheme-blog-post-meta-top {
    margin-bottom: 20px
}

.single .ninetheme-blog-post-meta-top {
    margin-bottom: 20px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .3px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.single .ninetheme-blog-post-meta-top a {
    margin-right: 15px;
    color: var(--ninetheme-dark-soft)
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

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

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.ninetheme-text-marquee .elementor-heading-title {
    display: flex;
    align-items: baseline;
    width: 100%;
    white-space: nowrap;
    overflow: hidden
}

.ninetheme-text-marquee .elementor-heading-title span {
    -webkit-animation: ninethemeMarquee 20s linear infinite;
    animation: ninethemeMarquee 5s linear infinite;
    padding-left: 20px
}

@-webkit-keyframes ninethemeMarquee {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@keyframes ninethemeMarquee {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

.compare-area:not(.has-product) .ninetheme-panel-content-items,
.wishlist-area:not(.has-product) .ninetheme-panel-content-items {
    min-height: auto
}

.ninetheme-wishlist-content-notice.ninetheme-empty-content {
    color: var(--ninetheme-dark)
}

.ninetheme-panel-content {
    width: 100%;
    max-width: 600px
}

@media(max-width:768px) {

    .ninetheme-sm-flex-left,
    .flex-sm-left-items {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        text-align: left;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .ninetheme-sm-flex-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        flex: 0 0 100%;
        width: 100%;
        align-items: flex-start
    }

    .ninetheme-toggle-hidden-sidebar span,
    .ninetheme-open-fixed-sidebar span {
        margin-right: 10px;
        cursor: pointer
    }

    .ninetheme-before-loop .ninetheme-svg-icon,
    .ninetheme-toggle-hidden-sidebar svg,
    .ninetheme-open-fixed-sidebar svg,
    .ninetheme-filter-action svg {
        max-width: 16px;
        max-height: 16px
    }

    .ninetheme-toggle-hidden-sidebar span,
    .ninetheme-open-fixed-sidebar span,
    .ninetheme-filter-action {
        font-size: 13px
    }

    p.ninetheme-newsletter-bottom {
        max-width: 100%;
        max-width: 100% !important
    }
}

.action-content {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    padding: 35px 50px;
    background-color: var(--ninetheme-light);
    max-height: 100%;
    z-index: 3;
    overflow: hidden;
    opacity: 0;
    -moz-transform: translateX(-150%);
    -ms-transform: translateX(-150%);
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
    will-change: transform;
    -webkit-transition: opacity .15s ease, transform .75s ease;
    transition: opacity .15s ease, transform .75s ease
}

.action-content.active {
    opacity: 1;
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    overflow-y: auto
}

.action-content.checkout-area {
    max-height: 100vh
}

.contact-area form>label {
    margin-bottom: 10px;
    width: 100%
}

.contact-area.action-content textarea {
    height: 120px;
    max-height: 120px
}

.contact-area.action-content input,
.contact-area.action-content select,
.contact-area.action-content label,
.contact-area.action-content textarea {
    width: 100%;
    margin-bottom: 10px
}

.contact-area.action-content label {
    margin-bottom: 5px
}

.header-left-side-menu-form-container-title h6 {
    margin: 25px 0 0
}

.header-left-side-menu-form-container-title {
    margin: 30px 0 20px
}

.header-left-side-menu-form-container-title .ninetheme-meta-title {
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--ninetheme-dark);
    margin-top: 25px
}

.header-left-side-menu-form-container-title address {
    margin: 0
}

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

.category-area .row-cols-3>* {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.category-area .product-category a {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column
}

.category-area .category-title {
    font-size: 12px;
    margin-top: 10px;
    color: var(--ninetheme-dark);
    text-transform: capitalize
}

.category-area .cat-count {
    position: absolute;
    top: 8px;
    left: 18px;
    width: 18px;
    height: 18px;
    color: var(--ninetheme-light);
    font-size: 11px;
    background-color: var(--ninetheme-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px
}

.ninetheme-header-mobile-top {
    display: none
}

@media only screen and (min-width:1280px) {
    .header-text-logo-special {
        margin-top: 15px;
        display: block
    }

    .header-text-logo-mini {
        display: block;
        line-height: 1;
        font-size: 10px;
        text-align: center
    }
}

@media only screen and (max-width:1280px) {
    .ninetheme-header-mobile-top {
        position: relative;
        top: 0;
        min-height: 80px;
        padding: 0 20px;
        width: 100%;
        z-index: 100;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: space-between;
        background-color: var(--ninetheme-light);
        border-bottom: 1px solid #f0f0f1;
        -moz-transition: height .15s linear, box-shadow .15s linear, background-color .15s cubic-bezier(.2, .06, .05, .95);
        -o-transition: height .15s linear, box-shadow .15s linear, background-color .15s cubic-bezier(.2, .06, .05, .95);
        -webkit-transition: height .15s linear, box-shadow .15s linear, background-color .15s cubic-bezier(.2, .06, .05, .95);
        transition: height .15s linear, box-shadow .18s linear, background-color .15s cubic-bezier(.2, .06, .05, .95);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .has-sticky-header.scroll-start .ninetheme-header-mobile-top.sticky-ready {
        position: fixed;
        -webkit-box-shadow: -2px 2px 45px -20px rgba(0, 0, 0, .3);
        -moz-box-shadow: -2px 2px 45px -20px rgba(0, 0, 0, .3);
        box-shadow: -2px 2px 45px -20px rgba(0, 0, 0, .3);
        transition-delay: .2s
    }

    .ninetheme-header-mobile-top .mobile-toggle {
        display: inline-flex;
        align-items: center;
        cursor: pointer
    }

    .ninetheme-header-mobile-top .mobile-toggle {
        color: var(--ninetheme-dark)
    }

    .ninetheme-header-mobile-top-actions {
        display: flex;
        align-items: center
    }

    .ninetheme-header-mobile-top .top-action-btn {
        position: relative;
        display: inline-flex;
        align-items: center;
        margin-right: 10px
    }

    .ninetheme-header-mobile-top .top-action-btn:last-child {
        margin-right: 0
    }

    .ninetheme-header-mobile-top .top-action-btn .ninetheme-wc-count {
        left: auto;
        top: auto;
        position: relative
    }
}

@media only screen and (max-width:600px) {
    .ninetheme-overlay-open {
        overflow: hidden
    }
}

@media only screen and (max-width:490px) {
    .ninetheme-sidemenu-copyright {
        bottom: 20px;
        width: calc(100% - 50px)
    }

    .ninetheme-header-mobile.has-bar {
        flex-direction: column;
        width: 100%
    }

    .ninetheme-panel-close {
        margin-bottom: 0
    }

    .ninetheme-header-mobile-sidebar {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        height: 70px;
        padding-left: 25px;
        padding-right: 25px;
        align-items: center;
        position: relative;
        z-index: 1
    }

    .ninetheme-mfp-close,
    .ninetheme-filter-close,
    .ninetheme-panel-close-button {
        border-width: 8px;
        width: 35px;
        height: 35px;
        padding: 0
    }

    .ninetheme-header-mobile-content {
        padding-left: 35px;
        padding-right: 35px
    }

    .ninetheme-header-mobile-sidebar-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

    .action-content {
        padding: 25px
    }

    .ninetheme-header-mobile-sidebar-inner {
        align-items: flex-end;
        flex: 1
    }

    .sidebar-top-action .top-action-btn {
        margin: 0
    }

    .sidebar-top-action {
        display: flex;
        flex: 0 0 90%;
        width: 90%;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        margin-top: 1px
    }

    .sidebar-top-action .top-action-btn {
        height: 35px;
        width: 35px
    }

    .top-action-btn .ninetheme-wc-count {
        width: 16px;
        height: 16px;
        left: 14px;
        top: -6px;
        font-size: 8px
    }

    .top-action-btn[data-name=menu] {
        flex: 0 0 20%;
        width: 20%;
        text-align: left
    }

    .ninetheme-header-mobile-sidebar-bottom {
        position: absolute;
        top: 70px;
        background-color: var(--ninetheme-bg-soft);
        width: 100%;
        left: 0;
        padding: 10px;
        opacity: 0;
        visibility: hidden;
        border-top: 1px solid var(--ninetheme-gray);
        -moz-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%);
        will-change: transform
    }

    .ninetheme-header-mobile-sidebar-bottom.active {
        opacity: 1;
        visibility: visible;
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: opacity .75s ease, transform .75s ease;
        transition: opacity .75s ease, transform .75s ease
    }

    .sidebar-bottom-socials a {
        margin: 0 10px
    }

    .sidebar-top-action .share {
        display: flex
    }

    .ninetheme-header-mobile .ninetheme-header-mobile-sidebar-logo {
        display: none
    }

    .sidebar-bottom-socials {
        flex-direction: row;
        margin-top: 0;
        justify-content: center
    }

    .sidebar-bottom-socials i {
        font-size: 18px
    }

    .cart-empty-actions .ninetheme-btn {
        margin-bottom: 10px
    }

    .category-area .cat-count {
        top: 0;
        left: 10px;
        width: 16px;
        height: 16px;
        font-size: 10px
    }
}

.wps-form-row input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.wps-form-row textarea {
    width: 100%;
    background-color: #f2f4ec;
    border: none;
    padding: 15px
}

input[type=checkbox],
input[type=radio] {
    margin: 0;
    line-height: 0;
    margin-right: 5px
}

nav.navbar.transparent-white ul.ul-h.nav-menu>li>a {
    text-decoration: none
}

nav.navbar .container .row>div {
    padding: 0
}

body:not(.edlementor-page) .nav-menu.nav-social i {
    font-family: 'FontAwesome'
}

.zoom-in .mfp-img {
    opacity: 0
}

.mfp-product-gallery .mfp-figure figure {
    max-width: 430px
}

.item-shortcode-wrapper>div {
    width: 100%
}

.gallery-menu {
    text-align: center;
    margin-bottom: 40px
}

.gallery-menu span {
    cursor: pointer;
    position: relative
}

.gallery-menu span+span {
    margin-left: 15px
}

.gallery-menu span:hover,
.gallery-menu span.active {
    color: var(--ninetheme-primary)
}

.gallery-menu span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: currentColor;
    -webkit-transition: width .25s ease;
    transition: width .25s ease
}

.gallery-menu span:hover:before {
    width: 100%
}

.elementor-social-icons-wrapper .elementor-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer
}

.panel-close {
    border-radius: 5px;
    background-color: var(--ninetheme-gray-soft);
    border: 9px solid transparent;
    color: var(--ninetheme-dark);
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 40px;
    z-index: 5
}

.panel-close:before,
.panel-close:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 9px;
    top: 39%;
    left: auto;
    transform-origin: 50% 50%;
    background-color: var(--ninetheme-dark);
    opacity: 1;
    -moz-transition: -moz-transform ease .25s;
    -webkit-transition: -webkit-transform ease .25s;
    -o-transition: -o-transform ease .25s;
    -ms-transition: -ms-transform ease .25s;
    transition: transform ease .25s
}

.panel-close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.panel-close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.panel-close:hover:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.panel-close:hover:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.ninetheme-mfp-close,
.ninetheme-filter-close {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .7);
    border: 9px solid transparent;
    color: var(--ninetheme-dark);
    width: 36px;
    height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.ninetheme-filter-close {
    background-color: var(--ninetheme-gray-soft);
    width: 30px;
    height: 30px
}

.ninetheme-mfp-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 999999;
    opacity: 1
}

.ninetheme-mfp-close:before,
.ninetheme-mfp-close:after,
.ninetheme-filter-close:before,
.ninetheme-filter-close:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 90%;
    top: 46%;
    left: 1px;
    transform-origin: 50% 50%;
    background-color: var(--ninetheme-dark);
    opacity: 1;
    -moz-transition: -moz-transform ease .25s;
    -webkit-transition: -webkit-transform ease .25s;
    -o-transition: -o-transform ease .25s;
    -ms-transition: -ms-transform ease .25s;
    transition: transform ease .25s
}

.ninetheme-mfp-close:before,
.ninetheme-filter-close:before,
.ninetheme-panel-close.no-bar:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ninetheme-mfp-close:after,
.ninetheme-filter-close:after,
.ninetheme-panel-close.no-bar:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ninetheme-mfp-close:hover:after,
.ninetheme-filter-close:hover:after,
.ninetheme-panel-close.no-bar:hover:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.ninetheme-mfp-close:hover:before,
.ninetheme-filter-close:hover:before,
.ninetheme-panel-close.no-bar:hover:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.ninetheme-success,
.ninetheme-label.ninetheme-success {
    color: var(--ninetheme-success);
    background-color: var(--ninetheme-success-bg);
    border-color: var(--ninetheme-success-border)
}

.ninetheme-warning,
.ninetheme-label.ninetheme-warning {
    color: var(--ninetheme-warning);
    background-color: var(--ninetheme-warning-bg);
    border-color: var(--ninetheme-warning-border)
}

.ninetheme-red,
.ninetheme-label.ninetheme-red {
    color: var(--ninetheme-red);
    background-color: var(--ninetheme-red-bg);
    border-color: var(--ninetheme-red-border)
}

.ninetheme-info,
.ninetheme-label.ninetheme-info {
    color: var(--ninetheme-info);
    background-color: var(--ninetheme-info-bg);
    border-color: var(--ninetheme-info-border)
}

.ninetheme-success .ninetheme-svg-icon {
    fill: var(--ninetheme-success)
}

.ninetheme-warning .ninetheme-svg-icon {
    fill: var(--ninetheme-warning)
}

.ninetheme-red .ninetheme-svg-icon {
    fill: var(--ninetheme-red)
}

.ninetheme-info .ninetheme-svg-icon {
    fill: var(--ninetheme-info)
}

.ninetheme-warning svg {
    fill: var(--ninetheme-warning)
}

.ninetheme-label {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-blue-soft);
    height: 20px;
    padding: 0 7px;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: .3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px
}

.ninetheme-widget-label {
    padding: 3px 7px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    line-height: 1.4;
    background-color: var(--ninetheme-dark);
    color: var(--ninetheme-light)
}

.ninetheme-widget-label.label-border {
    background-color: transparent;
    border-width: 1px;
    border-style: solid
}

.ninetheme-widget-label.label-radius {
    border-radius: 30px
}

.ninetheme-widget-label.label-large {
    padding: 11px 25px;
    font-size: 14px
}

.ninetheme-widget-label.label-medium {
    padding: 5px 20px;
    font-size: 12px
}

.ninetheme-widget-label.label-small {
    padding: 5px 15px
}

.ninetheme-label.ninetheme-in-stock {
    background-color: var(--ninetheme-green)
}

.ninetheme-label.ninetheme-out-stock {
    color: var(--ninetheme-red-dark);
    background-color: var(--ninetheme-red-bg)
}

.ninetheme-label.badge-def {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-red);
    border-color: var(--ninetheme-red-border)
}

.ninetheme-label.badge-NEW {
    color: var(--ninetheme-light)
}

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

.ninetheme-btn-fullwidth,
.ninetheme-fullwidth {
    width: 100%
}

.ninetheme-btn {
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: var(--ninetheme-light);
    fill: var(--ninetheme-light);
    padding: 10px 15px;
    letter-spacing: .3px;
    line-height: 1;
    display: inline-block;
    position: relative;
    cursor: pointer;
    border: 0;
    border-radius: 5px
}

.ninetheme-button-inner {
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-icon-top .ninetheme-button-inner,
.btn-icon-bottom .ninetheme-button-inner {
    flex-direction: column
}

.ninetheme-btn svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.ninetheme-btn * {
    fill: currentColor
}

.btn-icon-right .ninetheme-button-icon {
    display: inline-flex;
    align-items: center
}

.btn-icon-right .ninetheme-button-icon {
    margin-left: 6px
}

.btn-icon-top .ninetheme-button-icon {
    margin-bottom: 6px
}

.btn-icon-bottom .ninetheme-button-icon {
    margin-top: 6px
}

.btn-icon-left .ninetheme-button-icon {
    margin-right: 6px
}

.ninetheme-btn-text .ninetheme-btn,
.ninetheme-btn-text.ninetheme-btn,
.ninetheme-btn-text .ninetheme-btn:hover,
.ninetheme-btn-text.ninetheme-btn:hover {
    font-size: 13px;
    font-weight: 400;
    color: var(--ninetheme-dark);
    padding: 0;
    min-width: auto;
    text-transform: capitalize;
    letter-spacing: 0px;
    background-color: transparent;
    border: none;
    height: auto
}

.ninetheme-btn-text .ninetheme-btn:hover,
.ninetheme-btn-text.ninetheme-btn:hover {
    color: var(--ninetheme-primary)
}

.ninetheme-input-large,
.ninetheme-btn-large {
    padding: 18px 30px;
    font-size: 16px
}

.ninetheme-input-medium,
.ninetheme-btn-medium {
    padding: 12px 24px
}

.ninetheme-input-small,
.ninetheme-btn-small {
    padding: 6px 12px;
    letter-spacing: 0
}

.ninetheme-color.ninetheme-red {
    color: var(--ninetheme-red-soft);
    border-color: var(--ninetheme-red);
    background-color: var(--ninetheme-red)
}

.ninetheme-btn:hover {
    opacity: 1
}

.ninetheme-bg-primary,
.ninetheme-btn-primary {
    color: var(--ninetheme-dark);
    border-color: var(--ninetheme-gray);
    background-color: var(--ninetheme-gray-soft)
}

.ninetheme-btn-primary:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-dark-soft)
}

.ninetheme-bg-secondary,
.ninetheme-btn-secondary {
    color: var(--ninetheme-light);
    border-color: var(--ninetheme-secondary);
    background-color: var(--ninetheme-secondary)
}

.ninetheme-btn-secondary:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-red-dark)
}

.ninetheme-bg-success,
.ninetheme-btn-success {
    color: var(--ninetheme-light);
    border-color: var(--ninetheme-success);
    background-color: var(--ninetheme-success)
}

.ninetheme-btn-success:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-green)
}

.ninetheme-bg-dark,
.ninetheme-btn-dark {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-dark)
}

.ninetheme-btn-dark:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-primary)
}

.ninetheme-bg-dark-soft,
.ninetheme-btn-dark-soft {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-dark-soft)
}

.ninetheme-btn-dark-soft:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-dark)
}

.ninetheme-bg-light,
.ninetheme-btn-light {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-light)
}

.ninetheme-btn-light:hover {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-light)
}

.ninetheme-bg-light-soft,
.ninetheme-btn-light-soft {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-light-soft)
}

.ninetheme-btn-light-soft:hover {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-light)
}

.ninetheme-bg-gray,
.ninetheme-btn-gray {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-gray)
}

.ninetheme-btn-gray:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-dark)
}

.ninetheme-bg-gray-soft,
.ninetheme-btn-gray-soft {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-gray-soft)
}

.ninetheme-btn-gray-soft:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-dark)
}

.ninetheme-bg-gray-dark,
.ninetheme-btn-gray-dark {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-gray-dark)
}

.ninetheme-btn-gray-dark:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-dark)
}

.ninetheme-bg-green,
.ninetheme-btn-green {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-green)
}

.ninetheme-green-bg,
.ninetheme-bg-green,
.ninetheme-btn-green-bg {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-green-bg)
}

.ninetheme-green-bg:hover,
.ninetheme-btn-green-bg:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-green)
}

.ninetheme-btn-green:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-green-soft)
}

.ninetheme-bg-green-soft,
.ninetheme-btn-green-soft {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-green-soft)
}

.ninetheme-btn-green-soft:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-green)
}

.ninetheme-bg-red,
.ninetheme-btn-red {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-red)
}

.ninetheme-btn-red:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-red-dark)
}

.ninetheme-bg-red-soft,
.ninetheme-btn-red-soft {
    color: var(--ninetheme-red-dark);
    background-color: var(--ninetheme-red-soft)
}

.ninetheme-btn-red-soft:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-red-dark)
}

.ninetheme-red-bg,
.ninetheme-btn-red-bg {
    color: var(--ninetheme-red-dark);
    background-color: var(--ninetheme-red-bg)
}

.ninetheme-red-bg-dark,
.ninetheme-bg-red-dark,
.ninetheme-btn-red-dark {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-red-dark)
}

.ninetheme-red-bg-dark:hover,
.ninetheme-bg-red-dark:hover,
.ninetheme-btn-red-dark:hover {
    color: var(--ninetheme-red-dark);
    background-color: var(--ninetheme-red-soft)
}

.ninetheme-btn-red-bg:hover,
.ninetheme-bg-red-dark:hover {
    color: var(--ninetheme-red-dark);
    background-color: var(--ninetheme-red-bg)
}

.ninetheme-bg-brown,
.ninetheme-btn-brown {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-brown)
}

.ninetheme-btn-brown:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-secondary)
}

.ninetheme-bg-blue,
.ninetheme-btn-blue {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-blue)
}

.ninetheme-btn-blue:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-blue-soft)
}

.ninetheme-bg-blue-soft,
.ninetheme-btn-blue-soft {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-blue-soft)
}

.ninetheme-btn-blue-soft:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-blue-dark)
}

.ninetheme-bg-blue-dark,
.ninetheme-btn-blue-dark {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-blue-dark)
}

.ninetheme-btn-blue-dark:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-blue-soft)
}

.ninetheme-blue-bg,
.ninetheme-btn-blue-bg {
    color: var(--ninetheme-blue-dark);
    background-color: var(--ninetheme-blue-bg)
}

.ninetheme-btn-blue-bg:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-blue)
}

.ninetheme-bg-purple,
.ninetheme-btn-purple {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-purple)
}

.ninetheme-btn-purple:hover {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-purple-soft)
}

.ninetheme-bg-purple-soft,
.ninetheme-btn-purple-soft {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-purple-soft)
}

.ninetheme-btn-purple-soft:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-purple)
}

.ninetheme-purple-bg,
.ninetheme-btn-purple-bg {
    color: var(--ninetheme-purple);
    background-color: var(--ninetheme-purple-bg)
}

.ninetheme-btn-purple-bg:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-purple)
}

.ninetheme-bg-yellow,
.ninetheme-btn-yellow {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-yellow)
}

.ninetheme-btn-yellow:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-primary)
}

.ninetheme-bg-yellow-soft,
.ninetheme-btn-yellow-soft {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-yellow-soft)
}

.ninetheme-btn-yellow-soft:hover {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-yellow)
}

.ninetheme-yellow-bg,
.ninetheme-btn-yellow-bg {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-yellow-bg)
}

.ninetheme-btn-yellow-bg:hover {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-yellow)
}

.ninetheme-bg-cream,
.ninetheme-btn-cream {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-cream)
}

.ninetheme-btn-cream:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-dark)
}

.ninetheme-grad-green {
    background: hsla(152, 100%, 50%, 1);
    background: linear-gradient(90deg, hsla(152, 100%, 50%, 1) 0%, hsla(186, 100%, 69%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(152, 100%, 50%, 1) 0%, hsla(186, 100%, 69%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(152, 100%, 50%, 1) 0%, hsla(186, 100%, 69%, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00FF87", endColorstr="#60EFFF", GradientType=1)
}

.ninetheme-grad-blue {
    background: hsla(217, 100%, 50%, 1);
    background: linear-gradient(90deg, hsla(217, 100%, 50%, 1) 0%, hsla(186, 100%, 69%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(217, 100%, 50%, 1) 0%, hsla(186, 100%, 69%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(217, 100%, 50%, 1) 0%, hsla(186, 100%, 69%, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0061FF", endColorstr="#60EFFF", GradientType=1)
}

.ninetheme-grad-purple {
    background: hsla(252, 40%, 29%, 1);
    background: linear-gradient(90deg, hsla(252, 40%, 29%, 1) 0%, hsla(270, 77%, 71%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(252, 40%, 29%, 1) 0%, hsla(270, 77%, 71%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(252, 40%, 29%, 1) 0%, hsla(270, 77%, 71%, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#392D69", endColorstr="#B57BEE", GradientType=1)
}

.ninetheme-grad-orange {
    background: hsla(4, 93%, 67%, 1);
    background: linear-gradient(90deg, hsla(4, 93%, 67%, 1) 0%, hsla(29, 86%, 52%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(4, 93%, 67%, 1) 0%, hsla(29, 86%, 52%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(4, 93%, 67%, 1) 0%, hsla(29, 86%, 52%, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F9655B", endColorstr="#EE821A", GradientType=1)
}

.ninetheme-grad-red {
    background: hsla(356, 76%, 50%, 1);
    background: linear-gradient(90deg, hsla(356, 76%, 50%, 1) 0%, hsla(14, 63%, 36%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(356, 76%, 50%, 1) 0%, hsla(14, 63%, 36%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(356, 76%, 50%, 1) 0%, hsla(14, 63%, 36%, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E01F2D", endColorstr="#943C22", GradientType=1)
}

.ninetheme-grad-dark {
    background: hsla(0, 0%, 0%, 1);
    background: linear-gradient(90deg, hsla(0, 0%, 0%, 1) 0%, hsla(0, 2%, 12%, 1) 50%, hsla(0, 0%, 23%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(0, 0%, 0%, 1) 0%, hsla(0, 2%, 12%, 1) 50%, hsla(0, 0%, 23%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(0, 0%, 0%, 1) 0%, hsla(0, 2%, 12%, 1) 50%, hsla(0, 0%, 23%, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#201F1F", GradientType=1)
}

.ninetheme-btn.ninetheme-bordered {
    background-color: transparent;
    border: 2px solid var(--ninetheme-primary);
    color: var(--ninetheme-primary)
}

.ninetheme-bordered.ninetheme-bg-primary,
.ninetheme-bordered.ninetheme-btn-primary {
    color: var(--ninetheme-primary);
    border-color: var(--ninetheme-primary)
}

.ninetheme-bordered.ninetheme-btn-primary:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-primary)
}

.ninetheme-bordered.ninetheme-bg-secondary,
.ninetheme-bordered.ninetheme-btn-secondary {
    color: var(--ninetheme-secondary);
    border-color: var(--ninetheme-secondary)
}

.ninetheme-bordered.ninetheme-btn-secondary:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-red);
    border-color: var(--ninetheme-red)
}

.ninetheme-bordered.ninetheme-bg-success,
.ninetheme-bordered.ninetheme-btn-success {
    color: var(--ninetheme-success);
    border-color: var(--ninetheme-success)
}

.ninetheme-bordered.ninetheme-btn-success:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-green)
}

.ninetheme-bordered.ninetheme-bg-light,
.ninetheme-bordered.ninetheme-btn-light {
    color: var(--ninetheme-light);
    border-color: var(--ninetheme-light)
}

.ninetheme-bordered.ninetheme-btn-light:hover {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-light)
}

.ninetheme-bordered.ninetheme-bg-light-soft,
.ninetheme-bordered.ninetheme-btn-light-soft {
    color: var(--ninetheme-dark);
    border-color: var(--ninetheme-light-soft)
}

.ninetheme-bordered.ninetheme-btn-light-soft:hover {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-light-soft)
}

.ninetheme-bordered.ninetheme-bg-dark,
.ninetheme-bordered.ninetheme-btn-dark {
    color: var(--ninetheme-dark);
    border-color: var(--ninetheme-dark)
}

.ninetheme-bordered.ninetheme-btn-dark:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-dark)
}

.ninetheme-bordered.ninetheme-bg-dark-soft,
.ninetheme-bordered.ninetheme-btn-dark-soft {
    color: var(--ninetheme-dark-soft);
    border-color: var(--ninetheme-dark-soft)
}

.ninetheme-bordered.ninetheme-btn-dark-soft:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-dark-soft)
}

.ninetheme-bordered.ninetheme-bg-gray,
.ninetheme-bordered.ninetheme-btn-gray {
    color: var(--ninetheme-dark-soft);
    border-color: var(--ninetheme-gray)
}

.ninetheme-bordered.ninetheme-btn-gray:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-gray-dark);
    border-color: var(--ninetheme-gray-dark)
}

.ninetheme-bordered.ninetheme-bg-gray-dark,
.ninetheme-bordered.ninetheme-btn-gray-dark {
    color: var(--ninetheme-dark);
    border-color: var(--ninetheme-gray-dark)
}

.ninetheme-bordered.ninetheme-btn-gray-dark:hover {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-gray-dark)
}

.ninetheme-bordered.ninetheme-bg-gray-soft,
.ninetheme-bordered.ninetheme-btn-gray-soft {
    color: var(--ninetheme-dark);
    border-color: var(--ninetheme-gray-soft)
}

.ninetheme-bordered.ninetheme-btn-gray-soft:hover {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-gray-soft)
}

.ninetheme-bordered.ninetheme-bg-green,
.ninetheme-bordered.ninetheme-btn-green {
    color: var(--ninetheme-green);
    border-color: var(--ninetheme-green)
}

.ninetheme-bordered.ninetheme-btn-green:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-green)
}

.ninetheme-bordered.ninetheme-bg-green-soft,
.ninetheme-bordered.ninetheme-btn-green-soft {
    color: var(--ninetheme-green-soft);
    border-color: var(--ninetheme-green-soft)
}

.ninetheme-bordered.ninetheme-btn-green-soft:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-green-soft)
}

.ninetheme-bordered.ninetheme-green-bg,
.ninetheme-bordered.ninetheme-btn-green-bg {
    color: var(--ninetheme-green-bg);
    border-color: var(--ninetheme-green-bg)
}

.ninetheme-bordered.ninetheme-btn-green-bg:hover {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-green-bg)
}

.ninetheme-bordered.ninetheme-bg-red,
.ninetheme-bordered.ninetheme-btn-red {
    color: var(--ninetheme-red);
    border-color: var(--ninetheme-red)
}

.ninetheme-bordered.ninetheme-btn-red:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-red)
}

.ninetheme-bordered.ninetheme-btn-red-dark {
    color: var(--ninetheme-red-dark);
    border-color: var(--ninetheme-red-dark)
}

.ninetheme-bordered.ninetheme-btn-red-dark:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-red-dark)
}

.ninetheme-bordered.ninetheme-bg-red-soft,
.ninetheme-bordered.ninetheme-btn-red-soft {
    color: var(--ninetheme-red);
    border-color: var(--ninetheme-red-soft)
}

.ninetheme-bordered.ninetheme-btn-red-soft:hover {
    color: var(--ninetheme-red-dark);
    background-color: var(--ninetheme-red-soft)
}

.ninetheme-bordered.ninetheme-red-bg,
.ninetheme-bordered.ninetheme-btn-red-bg {
    color: var(--ninetheme-red-dark);
    border-color: var(--ninetheme-red-bg)
}

.ninetheme-bordered.ninetheme-btn-red-bg:hover {
    color: var(--ninetheme-red-dark);
    background-color: var(--ninetheme-red-bg)
}

.ninetheme-bordered.ninetheme-bg-brown,
.ninetheme-bordered.ninetheme-btn-brown {
    color: var(--ninetheme-brown);
    border-color: var(--ninetheme-brown)
}

.ninetheme-bordered.ninetheme-btn-brown:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-brown)
}

.ninetheme-bordered.ninetheme-bg-cream,
.ninetheme-bordered.ninetheme-btn-cream {
    color: var(--ninetheme-cream);
    border-color: var(--ninetheme-cream)
}

.ninetheme-bordered.ninetheme-btn-cream:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-cream)
}

.ninetheme-bordered.ninetheme-bg-blue,
.ninetheme-bordered.ninetheme-btn-blue {
    color: var(--ninetheme-blue);
    border-color: var(--ninetheme-blue)
}

.ninetheme-bordered.ninetheme-btn-blue:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-blue)
}

.ninetheme-bordered.ninetheme-bg-blue-dark,
.ninetheme-bordered.ninetheme-btn-blue-dark {
    color: var(--ninetheme-blue-dark);
    border-color: var(--ninetheme-blue-dark)
}

.ninetheme-bordered.ninetheme-btn-blue-dark:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-blue-dark)
}

.ninetheme-bordered.ninetheme-bg-blue-soft,
.ninetheme-bordered.ninetheme-btn-blue-soft {
    color: var(--ninetheme-blue-dark);
    border-color: var(--ninetheme-blue-soft)
}

.ninetheme-bordered.ninetheme-btn-blue-soft:hover {
    color: var(--ninetheme-blue-light);
    background-color: var(--ninetheme-blue-soft)
}

.ninetheme-bordered.ninetheme-blue-bg,
.ninetheme-bordered.ninetheme-btn-blue-bg {
    color: var(--ninetheme-blue-dark);
    border-color: var(--ninetheme-blue-bg)
}

.ninetheme-bordered.ninetheme-btn-blue-bg:hover {
    color: var(--ninetheme-blue-dark);
    background-color: var(--ninetheme-blue-bg);
    border-color: var(--ninetheme-blue-bg)
}

.ninetheme-bordered.ninetheme-bg-purple,
.ninetheme-bordered.ninetheme-btn-purple {
    color: var(--ninetheme-purple);
    border-color: var(--ninetheme-purple)
}

.ninetheme-bordered.ninetheme-btn-purple:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-purple);
    border-color: var(--ninetheme-purple)
}

.ninetheme-bordered.ninetheme-bg-purple-soft,
.ninetheme-bordered.ninetheme-btn-purple-soft {
    color: var(--ninetheme-primary);
    border-color: var(--ninetheme-purple-soft)
}

.ninetheme-bordered.ninetheme-btn-purple-soft:hover {
    color: var(--ninetheme-purple);
    background-color: var(--ninetheme-purple-soft);
    border-color: var(--ninetheme-purple-soft)
}

.ninetheme-bordered.ninetheme-purple-bg,
.ninetheme-bordered.ninetheme-btn-purple-bg {
    color: var(--ninetheme-purple);
    border-color: var(--ninetheme-purple-bg)
}

.ninetheme-bordered.ninetheme-btn-purple-bg:hover {
    color: var(--ninetheme-light);
    background-color: var(--ninetheme-purple-bg);
    border-color: var(--ninetheme-purple-bg)
}

.ninetheme-bordered.ninetheme-bg-yellow,
.ninetheme-bordered.ninetheme-btn-yellow {
    color: var(--ninetheme-dark);
    border-color: var(--ninetheme-yellow)
}

.ninetheme-bordered.ninetheme-btn-yellow:hover {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-yellow)
}

.ninetheme-bordered.ninetheme-bg-yellow-soft,
.ninetheme-bordered.ninetheme-btn-yellow-soft {
    color: var(--ninetheme-dark);
    border-color: var(--ninetheme-yellow-soft)
}

.ninetheme-bordered.ninetheme-btn-yellow-soft:hover {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-yellow-soft)
}

.ninetheme-bordered.ninetheme-yellow-bg,
.ninetheme-bordered.ninetheme-btn-yellow-bg {
    color: var(--ninetheme-dark);
    border-color: var(--ninetheme-yellow-bg)
}

.ninetheme-bordered.ninetheme-btn-yellow-bg:hover {
    color: var(--ninetheme-dark);
    background-color: var(--ninetheme-yellow)
}

.ninetheme-radius {
    border-radius: 30px
}

.ninetheme-radius-soft {
    border-radius: 5px
}

.ninetheme-square {
    border-radius: 0
}

.ninetheme-button-wrapper .ninetheme-btn.ninetheme-btn-text,
.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-dark,
.ninetheme-btn-text .ninetheme-btn,
.ninetheme-btn-text.ninetheme-btn {
    font-size: 13px;
    font-weight: 400;
    color: var(--ninetheme-dark);
    padding: 0;
    min-width: auto;
    text-transform: capitalize;
    letter-spacing: 0px;
    background-color: transparent;
    border: none;
    height: auto
}

.ninetheme-button-wrapper .ninetheme-btn.ninetheme-btn-text:hover,
.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-dark:hover,
.ninetheme-btn-text .ninetheme-btn:hover,
.ninetheme-btn-text.ninetheme-btn:hover {
    background-color: transparent;
    color: var(--ninetheme-dark)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-primary {
    color: var(--ninetheme-primary)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-secondary {
    color: var(--ninetheme-secondary)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-success {
    color: var(--ninetheme-success)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-light {
    color: var(--ninetheme-light)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-cream {
    color: var(--ninetheme-cream)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-light-soft {
    color: var(--ninetheme-light-soft)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-dark-soft {
    color: var(--ninetheme-dark-soft)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-gray {
    color: var(--ninetheme-gray)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-gray-soft {
    color: var(--ninetheme-gray-soft)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-green {
    color: var(--ninetheme-green)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-green-soft,
.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-green-bg {
    color: var(--ninetheme-green-soft)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-brown {
    color: var(--ninetheme-brown)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-red {
    color: var(--ninetheme-red)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-red-dark {
    color: var(--ninetheme-red-dark)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-red-dark-soft {
    color: var(--ninetheme-red-dark-soft)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-yellow {
    color: var(--ninetheme-yellow)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-yellow-soft,
.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-yellow-soft {
    color: var(--ninetheme-yellow-soft)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-blue {
    color: var(--ninetheme-blue)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-blue-dark {
    color: var(--ninetheme-blue-dark)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-blue-bg,
.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-blue-soft {
    color: var(--ninetheme-blue-soft)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-purple {
    color: var(--ninetheme-purple)
}

.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-purple-bg,
.ninetheme-btn.ninetheme-btn-text.ninetheme-btn-purple-soft {
    color: var(--ninetheme-purple-soft)
}

.ninetheme-button-wrapper .ninetheme-btn.ninetheme-btn-text:hover,
.ninetheme-btn-text .ninetheme-btn:hover,
.ninetheme-btn-text.ninetheme-btn:hover {
    color: var(--ninetheme-primary)
}

span[data-hover] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    line-height: normal
}

span[data-hover]:before {
    content: attr(data-hover);
    transition: transform .35s cubic-bezier(.31, -.105, .43, 1.400)
}

span[data-hover]:after {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    transition: transform .35s cubic-bezier(.31, -.105, .43, 1.400)
}

a:hover span[data-hover]:before {
    -webkit-transform: translateY(-101%);
    -moz-transform: translateY(-101%);
    transform: translateY(-101%)
}

a:hover span[data-hover]:after {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%)
}

@media(max-width:800px) {
    .ninetheme-btn {
        font-size: 12px;
        padding: 10px 15px
    }
}

.ninetheme-scrollbar {
    padding-right: 10px
}

.ninetheme-scrollbar.horizontal {
    display: flex;
    overflow-x: auto;
    padding: 10px;
    gap: 20px
}

.ninetheme-scrollbar.horizontal>div {
    flex: 0 0 100%
}

.ninetheme-scrollbar>.elementor-container::-webkit-scrollbar,
.ninetheme-scrollbar::-webkit-scrollbar {
    width: 2px
}

.ninetheme-scrollbar>.elementor-container::-webkit-scrollbar-thumb,
.ninetheme-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--ninetheme-dark)
}

.ninetheme-scrollbar>.elementor-container::-webkit-scrollbar-track,
.ninetheme-scrollbar::-webkit-scrollbar-track {
    background-color: var(--ninetheme-gray)
}

.ninetheme-scrollbar.horizontal>.elementor-container::-webkit-scrollbar,
.ninetheme-scrollbar.horizontal::-webkit-scrollbar {
    height: 4px
}

.ninetheme-scrollbar.horizontal>.elementor-container::-webkit-scrollbar-thumb,
.ninetheme-scrollbar.horizontal::-webkit-scrollbar-thumb,
.ninetheme-scrollbar.horizontal>.elementor-container::-webkit-scrollbar-track,
.ninetheme-scrollbar.horizontal::-webkit-scrollbar-track {
    border-radius: 6px
}

div#promotionBar.closed {
    height: 0;
    visibility: hidden;
    transition: height .25s visibility .25s opacity .25s
}

.ninetheme-newsletter-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    transition: visibility .25s opacity .25s
}

.ninetheme-newsletter-wrapper.active {
    visibility: visible;
    opacity: 1
}

.ninetheme-newsletter-wrapper.closed {
    opacity: 0;
    display: none;
    visibility: hidden
}

span#newsletterClose {
    position: absolute;
    top: 10px;
    right: 10px
}

.ninetheme-newsletter-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    max-width: 720px;
    position: relative;
    z-index: 9999;
    opacity: 0;
    transform: scale(0);
    transition: transform .25s, opacity .25s
}

.ninetheme-newsletter-inner.active {
    opacity: 1;
    transform: scale(1);
    transition: transform .5s, opacity .5s
}

.ninetheme-newsletter-bottom label {
    background-color: var(--ninetheme-light);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin: 0;
    min-height: 25px
}

.type-default div#newsletterInner {
    flex-direction: row;
    gap: 20px;
    padding: 20px;
    background-color: var(--ninetheme-light);
    box-shadow: 5px 5px 30px rgb(0 0 0/31%);
    border-radius: 5px
}

.type-default .wpcf7 {
    margin-bottom: 15px
}

.type-default .subtitle {
    font-weight: 400;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.6
}

.type-default .ninetheme-newsletter-content {
    display: block;
    max-width: 100%
}

.type-default .ninetheme-footer-newsletter-form-2 {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 10px
}

.type-default .ninetheme-footer-newsletter-form-2-input {
    max-width: 60%
}

.type-default .ninetheme-footer-newsletter-form-2-button {
    flex: 1
}

.type-default input:not([type=checkbox]):not([type=radio]) {
    width: 100%;
    border-radius: 3px;
    position: relative
}

.panel-close.hint-left:hover .ninetheme-hint {
    opacity: 1;
    visibility: visible
}

@media(max-width:480px) {
    .type-default div#newsletterInner {
        flex-direction: column;
        max-width: 320px
    }

    .type-default .subtitle {
        font-size: 14px
    }
}

.site-gdpr {
    position: fixed;
    max-width: 100%;
    bottom: 15px;
    left: 15px;
    right: 15px;
    background-color: var(--ninetheme-light);
    box-shadow: 5px 5px 30px rgb(0 0 0/31%);
    border-radius: 8px;
    z-index: 100;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(100%);
    will-change: transform;
    -webkit-transition: opacity .25s ease, ease;
    transition: opacity .25s ease, transform .25s ease
}

.site-gdpr.active {
    pointer-events: auto;
    z-index: 9999;
    opacity: 1;
    visibility: visible;
    transform: translateY(0%)
}

.site-gdpr.closed {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    display: none
}

.gdpr-icon svg {
    width: 66px;
    height: 66px
}

.gdpr-text {
    font-size: 13px;
    line-height: 1.6
}

.gdpr-text a:not(.ninetheme-btn) {
    font-weight: 500;
    color: #ed174a;
    text-decoration: underline
}

.gdpr-text .gdpr-button {
    margin-top: 20px;
    display: block
}

.site-gdpr.default .gdpr-inner {
    text-align: center
}

.site-gdpr.type-default.style-2 .gdpr-inner {
    display: flex;
    align-items: center;
    gap: 20px
}

@media screen and (min-width:1200px) {
    .site-gdpr {
        bottom: 15px;
        padding: 30px
    }
}

@media screen and (min-width:576px) {
    .site-gdpr.type-default {
        max-width: 360px
    }

    .site-gdpr.type-elementor {
        max-width: 100%
    }
}

.ninetheme-swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow-x: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    max-width: 100%;
    height: 100%
}

.swiper-vertical>.ninetheme-swiper-wrapper {
    flex-direction: column
}

.ninetheme-swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.ninetheme-swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .ninetheme-swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-centered>.ninetheme-swiper-wrapper:before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.ninetheme-swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.ninetheme-swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.ninetheme-swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.ninetheme-swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.ninetheme-swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.ninetheme-swiper-prev,
.ninetheme-swiper-next {
    z-index: 10;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-vertical-center .ninetheme-swiper-prev,
.nav-vertical-center .ninetheme-swiper-next {
    position: absolute;
    top: 50%;
    font-size: 24px;
    transform: translateY(calc(-50% - 24px))
}

.nav-vertical-centered .ninetheme-swiper-prev,
.nav-vertical-centered .ninetheme-swiper-next {
    position: absolute;
    top: 50%;
    font-size: 12px;
    transform: translateY(-50%)
}

.ninetheme-nav-bg {
    background-color: #f8f9fa1a;
    border: 1px solid #e2e2e21a;
    color: var(--ninetheme-light);
    width: 35px;
    height: 35px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden
}

.ninetheme-swiper-container:hover .ninetheme-nav-bg {
    opacity: 1;
    visibility: visible
}

.nav-vertical-centered .ninetheme-nav-small {
    font-size: 13px;
    width: 35px;
    height: 35px
}

.ninetheme-nav-bg:hover {
    background-color: var(--ninetheme-blue);
    border-color: var(--ninetheme-primary);
    color: var(--ninetheme-light)
}

.ninetheme-swiper-prev.swiper-button-disabled,
.ninetheme-swiper-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.ninetheme-swiper-prev:after,
.ninetheme-swiper-next:after {
    font-family: 'ninetheme-font';
    font-size: inherit;
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.nav-vertical-center .ninetheme-swiper-prev,
.nav-vertical-centered .ninetheme-swiper-prev,
.swiper-rtl.nav-vertical-center .ninetheme-swiper-next {
    left: 10px;
    right: auto
}

.ninetheme-swiper-prev:after,
.swiper-rtl .ninetheme-swiper-next:after {
    content: '\f114'
}

.nav-vertical-center .ninetheme-swiper-next,
.nav-vertical-centered .ninetheme-swiper-next,
.swiper-rtl.nav-vertical-center .ninetheme-swiper-prev {
    right: 10px;
    left: auto
}

.ninetheme-swiper-next:after,
.swiper-rtl .ninetheme-swiper-prev:after {
    content: '\f113'
}

.ninetheme-swiper-container:hover .ninetheme-swiper-next,
.ninetheme-swiper-container:hover .ninetheme-swiper-prev {
    opacity: 1;
    background-color: var(--ninetheme-primary);
    color: var(--ninetheme-light)
}

.ninetheme-nav-bg {
    opacity: 0;
    visibility: hidden
}

.ninetheme-swiper-container:hover .ninetheme-nav-bg {
    opacity: 1;
    visibility: visible
}

.swiper-button-lock {
    display: none
}

.ninetheme-swiper-pagination {
    text-align: center;
    z-index: 10;
    display: block;
    list-style: none;
    line-height: 1;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0)
}

.ninetheme-swiper-pagination.position-relative {
    position: relative;
    margin-top: 40px;
    bottom: auto;
    left: auto;
    right: auto
}

.ninetheme-swiper-pagination.position-absolute-bottom {
    position: absolute;
    bottom: 60px
}

.ninetheme-swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.ninetheme-swiper-bullets,
.ninetheme-swiper-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%
}

.ninetheme-swiper-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.ninetheme-swiper-bullets-dynamic .ninetheme-swiper-bullet {
    transform: scale(.33);
    position: relative
}

.ninetheme-swiper-bullets-dynamic .ninetheme-swiper-bullet-active {
    transform: scale(1)
}

.ninetheme-swiper-bullets-dynamic .ninetheme-swiper-bullet-active-main {
    transform: scale(1)
}

.ninetheme-swiper-bullets-dynamic .ninetheme-swiper-bullet-active-prev {
    transform: scale(.66)
}

.ninetheme-swiper-bullets-dynamic .ninetheme-swiper-bullet-active-prev-prev {
    transform: scale(.33)
}

.ninetheme-swiper-bullets-dynamic .ninetheme-swiper-bullet-active-next {
    transform: scale(.66)
}

.ninetheme-swiper-bullets-dynamic .ninetheme-swiper-bullet-active-next-next {
    transform: scale(.33)
}

.ninetheme-swiper-bullet {
    position: relative;
    display: inline-block;
    align-items: center;
    cursor: pointer;
    padding: 2px;
    border: 1px solid var(--ninetheme-gray);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin: 0 4px;
    opacity: 1;
    background-color: transparent
}

.ninetheme-swiper-bullet.active {
    border-color: var(--ninetheme-primary)
}

.ninetheme-swiper-bullet:before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: var(--ninetheme-light);
    border-radius: 100%
}

.ninetheme-swiper-bullet:hover:before,
.ninetheme-swiper-bullet:focus:before,
.ninetheme-swiper-bullet.active:before {
    background-color: var(--ninetheme-primary)
}

.ninetheme-swiper-bullet:only-child {
    display: none !important
}

.ninetheme-main-slider {
    overflow: hidden
}

.ninetheme-main-slider.ninetheme-swiper-theme-style .swiper-pagination-bullets {
    bottom: 40px;
    text-align: left;
    left: 45px
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.ninetheme-swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.ninetheme-swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.ninetheme-swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-pagination-lock {
    display: none
}

.ninetheme-products-widget-slider .ninetheme-loop-slider .ninetheme-swiper-bullets,
.ninetheme-wc-tab-slider-edit-mode .ninetheme-swiper-theme-style .ninetheme-swiper-bullets,
.ninetheme-wc-tab-slider .ninetheme-swiper-theme-style .ninetheme-swiper-bullets {
    position: absolute;
    top: auto
}

.ninetheme-swiper-theme-style .ninetheme-swiper-prev:after,
.ninetheme-swiper-theme-style .ninetheme-swiper-next:after {
    font-size: 10px;
    width: auto;
    height: auto
}

@media(max-width:480px) {

    .ninetheme-swiper-theme-style .ninetheme-swiper-prev,
    .ninetheme-swiper-theme-style .ninetheme-swiper-next {
        display: none
    }
}

.thm-tab-slider.ninetheme-swiper-slider {
    min-height: 300px
}

.ninetheme-product-related .ninetheme-swiper-slider:not(.swiper-initialized) .ninetheme-swiper-wrapper,
.up-sells .ninetheme-swiper-slider:not(.swiper-initialized) .ninetheme-swiper-wrapper,
.cross-sells .ninetheme-swiper-slider:not(.swiper-initialized) .ninetheme-swiper-wrapper {
    gap: 20px
}

.ninetheme-product-related .ninetheme-swiper-slider:not(.swiper-initialized) .swiper-slide,
.up-sells .ninetheme-swiper-slider:not(.swiper-initialized) .swiper-slide,
.cross-sells .ninetheme-swiper-slider:not(.swiper-initialized) .swiper-slide {
    width: 20%
}

.slider-home-onepage .swiper-container:not(.swiper-initialized) section {
    background-image: none !important
}

.wpcf7-form-control-wrap {
    display: block
}

.ninetheme-cf7-form-wrapper form.wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
    margin-right: calc(-.5*var(--bs-gutter-x));
    margin-left: calc(-.5*var(--bs-gutter-x))
}

.ninetheme-cf7-form-wrapper form.wpcf7-form>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-top: var(--bs-gutter-y)
}

.ninetheme-cf7-form-wrapper form.wpcf7-form .wpcf7-form-control-wrap input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.ninetheme-cf7-form-wrapper form.wpcf7-form .wpcf7-form-control-wrap>label,
.ninetheme-cf7-form-wrapper form.wpcf7-form .wpcf7-form-control-wrap select,
.ninetheme-cf7-form-wrapper form.wpcf7-form .wpcf7-form-control-wrap textarea {
    width: 100%
}

.ninetheme-cf7-form-wrapper form.wpcf7-form .wpcf7-form-control-wrap textarea {
    max-height: 100px
}

.ninetheme-cf7-form-wrapper label {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 5px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    color: var(--ninetheme-dark);
    margin-bottom: 20px
}

.ninetheme-cf7-form-wrapper form.wpcf7-form input[type=submit],
.ninetheme-cf7-form-wrapper form.wpcf7-form button.wpcf-7-submit {
    display: inline-block
}

.ninetheme-footer-newsletter-form-2 {
    position: relative
}

.ninetheme-footer-newsletter-form-2 .ninetheme-footer-newsletter-form-2-button input {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    border: 1px solid var(--ninetheme-dark)
}

.ninetheme-footer-newsletter-form-2 .ninetheme-footer-newsletter-form-2-button input {
    background-color: var(--ninetheme-dark);
    color: var(--ninetheme-light)
}

.ninetheme-footer-newsletter-form-2 .ninetheme-footer-newsletter-form-2-button .wpcf7-spinner {
    position: absolute;
    top: 11px;
    right: 20px
}

.nt-cf7-form-wrapper .wpcf7-response-output {
    display: none !important
}

.ninetheme-footer-newsletter-form-2 .ninetheme-footer-newsletter-form-2-input input {
    border-color: var(--ninetheme-dark)
}

.ninetheme-footer-newsletter-form-1 .ninetheme-footer-newsletter-form-1-input input {
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

.wpcf7 form.sent .wpcf7-response-output {
    color: var(--ninetheme-success)
}

@media(max-width:576px) {
    .wpcf7 form.invalid .wpcf7-response-output {
        border-color: var(--ninetheme-red);
        margin: 14px;
        width: 92% !important;
        border-radius: 0
    }

    .wpcf7 form.invalid .wpcf7-response-output {
        border-color: var(--ninetheme-red);
        margin: 14px;
        width: 92%;
        border-radius: 0
    }
}

.contact-area.action-content form>.wpcf7-form-control-wrap {
    position: relative;
    display: inline-block;
    width: 100%
}

.contact-area .wpcf7 form .wpcf7-response-output {
    margin: 0;
    margin-top: 20px;
    padding: 10px 15px
}

.contact-area .wpcf7-form .ajax-loader,
.contact-area .wpcf7-form:not(.submitting) .loading-wrapper {
    display: none
}

.contact-area .loading-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--ninetheme-light)
}

.wpcf7 form .wpcf7-response-output {
    border: 0;
    padding: 0;
    font-size: 13px;
    text-align: left;
    margin: 13px 2px;
    width: 93% !important;
    border-radius: 0;
    margin-top: 20px !important
}

.screen-reader-response {
    display: none
}

.wpcf7-form:not(.invalid) .wpcf7-response-output {
    display: none
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border: 0;
    background: 0 0;
    color: var(--ninetheme-red);
    text-align: left;
    padding: 0 !important;
    margin: 0
}

input.wpcf7-not-valid+span {
    display: none !important
}

span.wpcf7-not-valid-tip {
    color: red;
    font-size: 1em;
    display: block;
    display: none
}

.wpcf7-response-output.wpcf7-validation-errors {
    display: inline-block !important;
    margin: 15px 0 !important;
    width: 100% !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid var(--ninetheme-red);
    background-color: var(--ninetheme-red);
    color: var(--ninetheme-light)
}

div.wpcf7-mail-sent-ok {
    display: inline-block !important;
    margin: 15px !important;
    width: 97.2% !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid var(--ninetheme-success);
    background-color: var(--ninetheme-success);
    color: var(--ninetheme-light)
}

div.wpcf7-mail-sent-ok {
    background-color: var(--ninetheme-success);
    border: 2px solid var(--ninetheme-success);
    color: var(--ninetheme-light)
}

.wpcf7 button,
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
    display: inline-block
}

.wpcf7 br {
    display: none
}

.woo-products-grid-masonry .ninetheme-products.row .product:not(.ninetheme-product-type-7) img {
    width: 100%
}

@media (min-width:1200px) {
    .woo-products-grid-masonry .ninetheme-products.row {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (min-width:992px) {
    .woo-products-grid-masonry .ninetheme-products.row {
        display: grid;
        grid-template-columns: repeat(4, 1fr)
    }

    .woo-products-grid-masonry .ninetheme-products.row .product:not(.ninetheme-product-type-7) {
        display: inline-grid;
        width: 100%
    }

    .woo-products-grid-masonry .ninetheme-products.row .product:not(.ninetheme-product-type-7):nth-child(1) {
        grid-column: span 2;
        grid-row: span 2;
        width: 100%
    }
}

.ninetheme-features-item svg {
    width: 1em
}

.ninetheme-features-item .ninetheme-features-icon {
    display: inline-block
}

.ninetheme-features-item .icon-border {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border: 1px solid;
    margin-bottom: 10px
}

.blog-rc-post ul li {
    display: flex
}

.blog-rc-post .rc-post-content {
    padding: 20px
}

.blog-rc-post .rc-post-content h5 {
    margin-bottom: 10px
}

.blog-rc-post>ul>li+li {
    margin-top: 10px
}

.ninetheme-elementor-footer .elementor-icon {
    display: inline-flex
}

.title-percent {
    font-size: 45px;
    position: absolute;
    top: 7px;
    left: inherit;
    margin-left: 7px
}

.title-off {
    font-size: 18px;
    left: inherit;
    margin-left: 7px
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999998;
    overflow: hidden;
    position: fixed;
    background-color: #00438beb;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.panel-close.mfp-close {
    right: 10px;
    top: 10px
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background-color: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgb(165 165 165/18%);
    background-color: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background-color: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background-color: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media(max-width:1024px) {
    .ninetheme-canvas-menu {
        display: none
    }
}

.ninetheme-mfp-slide-bottom button.mfp-close,
.ninetheme-mfp-slide-bottom button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

.ninetheme-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.ninetheme-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ninetheme-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.ninetheme-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.ninetheme-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.ninetheme-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.ninetheme-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg)
}

.ninetheme-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0)
}

@media(max-width:576px) {
    .ninetheme-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
        margin: 15px;
        padding: 40px 30px 30px
    }
}

.ninetheme-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg)
}

.ninetheme-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.ninetheme-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: .8
}

.ninetheme-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0
}

.ninetheme-tab-products-wrapper:not(.active) {
    position: absolute;
    height: 0;
    opacity: 0;
    visibility: hidden
}

.ninetheme-swiper-container .ninetheme-swiper-prev.swiper-button-disabled,
.ninetheme-swiper-container .ninetheme-swiper-next.swiper-button-disabled {
    opacity: .35 !important;
    pointer-events: unset !important;
    cursor: no-drop !important
}

.ninetheme-tab-products-wrapper .swiper-autoheight .swiper-slide {
    height: 100%
}

.ninetheme-tab-products-wrapper .swiper-autoheight.no-height .swiper-slide {
    height: auto
}

.header-col form.sidebar-search-form,
.default-search-form form[role=search] {
    margin: 0;
    border-radius: 0;
    display: flex;
    width: 100%;
    justify-content: space-between
}

.header-col .sidebar-search-form input,
.default-search-form form input {
    border-radius: 5px 0 0 5px;
    width: 100%
}

.header-col .sidebar-search-form button,
.default-search-form form button {
    outline: none;
    border: 0;
    background-color: var(--ninetheme-dark-soft);
    padding: 0 20px;
    color: var(--ninetheme-light);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    border-radius: 0 5px 5px 0
}

.header-col .sidebar-search-form button:hover,
.default-search-form form button:hover {
    background: var(--ninetheme-primary);
    color: var(--ninetheme-light)
}