@charset "UTF-8"; /*!Theme Name: Teapoz
Theme URI: https://demo2.wpopal.com/teapoz/
Author: Opalthemes
Author URI: https://wpopal.com/
Description: Teapoz is an exquisite and captivating WordPress theme available on Themeforest, designed specifically for online tea shops. If you're looking to create a visually stunning and fully functional e-commerce website to showcase and sell various types of tea, Teapoz is the perfect choice.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: teapoz
Tags: beverage, drink, healthy drinks, herbal, herbal product, herbal theme, tea, tea store, tea room, tea shop elementor, modern, store, responsive, clean.*/

@font-face {
    font-family: teapoz;
    src: url(assets/fonts/new/Teapoz-Regular.eot);
    src: url(assets/fonts/new/Teapoz-Regular.eot?#iefix) format("embedded-opentype"),url(assets/fonts/new/Teapoz-Regular.woff2) format("woff2"),url(assets/fonts/new/Teapoz-Regular.woff) format("woff"),url(assets/fonts/new/Teapoz-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: teapoz;
    src: url(assets/fonts/new/Teapoz-Medium.eot);
    src: url(assets/fonts/new/Teapoz-Medium.eot?#iefix) format("embedded-opentype"),url(assets/fonts/new/Teapoz-Medium.woff2) format("woff2"),url(assets/fonts/new/Teapoz-Medium.woff) format("woff"),url(assets/fonts/new/Teapoz-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: teapoz;
    src: url(assets/fonts/new/Teapoz-Semibold.eot);
    src: url(assets/fonts/new/Teapoz-Semibold.eot?#iefix) format("embedded-opentype"),url(assets/fonts/new/Teapoz-Semibold.woff2) format("woff2"),url(assets/fonts/new/Teapoz-Semibold.woff) format("woff"),url(assets/fonts/new/Teapoz-Semibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

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

::selection {
    text-shadow: none;
    color: #fff;
    background: var(--primary)
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

mark {
    background: #ff0;
    color: var(--accent)
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

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

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

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

:root {
    --primary: #8CBC4F;
    --primary_hover: #648935;
    --secondary: #194A33;
    --text: #194A33;
    --text_light: #86938D;
    --accent: #000000;
    --light: #909090;
    --border: #E0E0E0;
    --highlight: #E84040;
    --background: #FFFFFF;
    --background_light: #F6F6F6;
    --white: #ffffff;
    --e-global-typography-text-font-family: "Teapoz", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    --e-global-typography-accent-font-family: "Teapoz", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    --container: 1560px;
    --gutter-width: 20px
}

body {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--background);
    overflow-x: hidden
}

body, button, input, textarea {
    font-size: 16px;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    color: var(--text);
    font-family: var(--e-global-typography-text-font-family);
    font-weight: 500
}

select {
    color: initial;
    max-width: 100%;
    font-family: var(--e-global-typography-text-font-family)
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    margin: 0 0 .5407911001em;
    font-weight: 600;
    color: var(--text);
    font-family: var(--e-global-typography-accent-font-family)
}

    h1.has-small-font-size, h2.has-small-font-size, h3.has-small-font-size, h4.has-small-font-size, h5.has-small-font-size, h6.has-small-font-size {
        letter-spacing: 0
    }

h1, .alpha {
    font-size: 64px;
    line-height: 1;
    letter-spacing: -1px
}

h2, .beta {
    font-size: 50px;
    line-height: 1;
    letter-spacing: -1px
}

h3, .gamma {
    font-size: 40px;
    line-height: 1.1
}

h4, .delta {
    font-size: 30px;
    line-height: 1.1333333333
}

h5, .omega {
    font-size: 24px;
    line-height: 1.1666666667
}

h6, .sigma {
    font-size: 18px;
    line-height: 1.2222222222
}

.alpha, .beta, .gamma, .delta {
    display: block
}

p + h2, p + header h2, p + h3, p + h4, ul + h2, ul + header h2, ul + h3, ul + h4, ol + h2, ol + header h2, ol + h3, ol + h4, table + h2, table + header h2, table + h3, table + h4, blockquote + h2, blockquote + header h2, blockquote + h3, blockquote + h4, form + h2, form + header h2, form + h3, form + h4 {
    margin-top: 1em
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 0 0 1em
}

p {
    margin: 0 0 1em
}

ul, ol {
    margin: 0 0 1em 3em;
    padding: 0
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 1em
}

dt {
    font-weight: 600
}

dd {
    margin: 0 0 1.41575em
}

b, strong {
    font-weight: 600
}

dfn, cite, em, i {
    font-style: italic
}

blockquote {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1666666667;
    color: var(--accent);
    font-family: var(--e-global-typography-accent-font-family)
}

    blockquote p {
        position: relative
    }

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

address {
    margin: 0 0 1em
}

pre {
    background: rgba(0,0,0,.1);
    font-family: "courier 10 pitch",Courier,monospace;
    margin-bottom: 1.618em;
    padding: 1.618em;
    overflow: auto;
    max-width: 100%
}

code, kbd, tt, var {
    font-family: Monaco,Consolas,andale mono,dejavu sans mono,monospace;
    background-color: rgba(0,0,0,.05);
    padding: .202em .5407911001em
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

mark, ins {
    text-decoration: none;
    font-weight: 600;
    background: 0 0
}

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

sup {
    bottom: 1ex
}

sub {
    top: .5ex
}

small {
    font-size: 75%
}

big {
    font-size: 125%
}

figure {
    margin: 0
}

table {
    margin: 0 0 1.41575em;
    width: 100%
}

img {
    height: auto;
    max-width: 100%;
    display: block
}

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

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

:focus {
    outline: none
}

.teapoz-cute * {
    font-family: comic sans ms,sans-serif
}

.hidden {
    display: none !important
}

* {
    box-sizing: border-box
}

.site {
    overflow-x: hidden
}

.site-content, .header-widget-region {
    -webkit-tap-highlight-color: transparent
}

.bg-primary {
    background-color: var(--primary)
}

.shape-primary .elementor-shape-fill {
    fill: primary
}

.color-primary {
    color: var(--primary)
}

.outline-primary {
    outline-color: primary
}

.bd-primary {
    border-color: var(--primary)
}

.bd-t-primary {
    border-top-color: var(--primary)
}

.bd-b-primary {
    border-bottom-color: var(--primary)
}

.bd-r-primary {
    border-right-color: var(--primary)
}

.bd-l-primary {
    border-left-color: var(--primary)
}

.bg-primary_hover {
    background-color: var(--primary_hover)
}

.shape-primary_hover .elementor-shape-fill {
    fill: primary_hover
}

.color-primary_hover {
    color: var(--primary_hover)
}

.outline-primary_hover {
    outline-color: primary_hover
}

.bd-primary_hover {
    border-color: var(--primary_hover)
}

.bd-t-primary_hover {
    border-top-color: var(--primary_hover)
}

.bd-b-primary_hover {
    border-bottom-color: var(--primary_hover)
}

.bd-r-primary_hover {
    border-right-color: var(--primary_hover)
}

.bd-l-primary_hover {
    border-left-color: var(--primary_hover)
}

.bg-tertiary {
    background-color: var(--tertiary)
}

.shape-tertiary .elementor-shape-fill {
    fill: tertiary
}

.color-tertiary {
    color: var(--tertiary)
}

.outline-tertiary {
    outline-color: tertiary
}

.bd-tertiary {
    border-color: var(--tertiary)
}

.bd-t-tertiary {
    border-top-color: var(--tertiary)
}

.bd-b-tertiary {
    border-bottom-color: var(--tertiary)
}

.bd-r-tertiary {
    border-right-color: var(--tertiary)
}

.bd-l-tertiary {
    border-left-color: var(--tertiary)
}

.bg-body {
    background-color: var(--body)
}

.shape-body .elementor-shape-fill {
    fill: body
}

.color-body {
    color: var(--body)
}

.outline-body {
    outline-color: body
}

.bd-body {
    border-color: var(--body)
}

.bd-t-body {
    border-top-color: var(--body)
}

.bd-b-body {
    border-bottom-color: var(--body)
}

.bd-r-body {
    border-right-color: var(--body)
}

.bd-l-body {
    border-left-color: var(--body)
}

.bg-heading {
    background-color: var(--heading)
}

.shape-heading .elementor-shape-fill {
    fill: heading
}

.color-heading {
    color: var(--heading)
}

.outline-heading {
    outline-color: heading
}

.bd-heading {
    border-color: var(--heading)
}

.bd-t-heading {
    border-top-color: var(--heading)
}

.bd-b-heading {
    border-bottom-color: var(--heading)
}

.bd-r-heading {
    border-right-color: var(--heading)
}

.bd-l-heading {
    border-left-color: var(--heading)
}

.bg-light {
    background-color: var(--light)
}

.shape-light .elementor-shape-fill {
    fill: light
}

.color-light {
    color: var(--light)
}

.outline-light {
    outline-color: light
}

.bd-light {
    border-color: var(--light)
}

.bd-t-light {
    border-top-color: var(--light)
}

.bd-b-light {
    border-bottom-color: var(--light)
}

.bd-r-light {
    border-right-color: var(--light)
}

.bd-l-light {
    border-left-color: var(--light)
}

.bg-border {
    background-color: var(--border)
}

.shape-border .elementor-shape-fill {
    fill: border
}

.color-border {
    color: var(--border)
}

.outline-border {
    outline-color: border
}

.bd-border {
    border-color: var(--border)
}

.bd-t-border {
    border-top-color: var(--border)
}

.bd-b-border {
    border-bottom-color: var(--border)
}

.bd-r-border {
    border-right-color: var(--border)
}

.bd-l-border {
    border-left-color: var(--border)
}

.bg-background {
    background-color: var(--background)
}

.shape-background .elementor-shape-fill {
    fill: background
}

.color-background {
    color: var(--background)
}

.outline-background {
    outline-color: background
}

.bd-background {
    border-color: var(--background)
}

.bd-t-background {
    border-top-color: var(--background)
}

.bd-b-background {
    border-bottom-color: var(--background)
}

.bd-r-background {
    border-right-color: var(--background)
}

.bd-l-background {
    border-left-color: var(--background)
}

.lazyloaded {
    transition: all .3s !important
}

body.home #page .teapoz-breadcrumb {
    display: none
}

#page .site-content {
    margin-top: 105px;
    margin-bottom: 105px
}

.single-post #page .site-content {
    margin-top: 60px
}

.col-full {
    max-width: 1560px;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--gutter-width)/2);
    padding-right: calc(var(--gutter-width)/2)
}

    .col-full:after {
        content: " ";
        display: block;
        clear: both
    }

    .col-full::before, .col-full::after {
        content: "";
        display: table
    }

    .col-full::after {
        clear: both
    }

    .col-full [data-elementor-type=wp-page] {
        width: 100vw;
        margin-left: 50%;
        transform: translateX(-50%)
    }

[class*=" grid-columns-"], [class^=grid-columns-] {
    gap: var(--gutter-width)
}

.grid-columns-1 {
    grid-template-columns: repeat(1,1fr)
}

.grid-columns-2 {
    grid-template-columns: repeat(2,1fr)
}

.grid-columns-3 {
    grid-template-columns: repeat(3,1fr)
}

.grid-columns-4 {
    grid-template-columns: repeat(4,1fr)
}

.grid-columns-5 {
    grid-template-columns: repeat(5,1fr)
}

.grid-columns-6 {
    grid-template-columns: repeat(6,1fr)
}

@media(min-width:768px) {
    .grid-columns-tablet-1 {
        grid-template-columns: repeat(1,1fr)
    }

    .grid-columns-tablet-2 {
        grid-template-columns: repeat(2,1fr)
    }

    .grid-columns-tablet-3 {
        grid-template-columns: repeat(3,1fr)
    }

    .grid-columns-tablet-4 {
        grid-template-columns: repeat(4,1fr)
    }

    .grid-columns-tablet-5 {
        grid-template-columns: repeat(5,1fr)
    }

    .grid-columns-tablet-6 {
        grid-template-columns: repeat(6,1fr)
    }
}

@media(min-width:1024px) {
    .grid-columns-desktop-1 {
        grid-template-columns: repeat(1,1fr)
    }

    .grid-columns-desktop-2 {
        grid-template-columns: repeat(2,1fr)
    }

    .grid-columns-desktop-3 {
        grid-template-columns: repeat(3,1fr)
    }

    .grid-columns-desktop-4 {
        grid-template-columns: repeat(4,1fr)
    }

    .grid-columns-desktop-5 {
        grid-template-columns: repeat(5,1fr)
    }

    .grid-columns-desktop-6 {
        grid-template-columns: repeat(6,1fr)
    }
}

.page-template-template-homepage #primary, .page-template-template-homepage .site-main {
    margin-top: 0;
    margin-bottom: 0
}

.hide {
    display: none !important
}

@media(min-width:768px) {
    .tablet-hide {
        display: none !important
    }
}

@media(min-width:1024px) {
    .desktop-hide {
        display: none !important
    }
}

@media(max-width:767px) {
    .tablet-hide-down {
        display: none !important
    }
}

@media(max-width:1023px) {
    .desktop-hide-down {
        display: none !important
    }
}

.d-none {
    display: none
}

.site-header {
    background-position: center center;
    position: relative;
    z-index: 996;
    background-color: #fff
}

    .site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link {
        display: block;
        margin-bottom: 0
    }

    .site-header .widget {
        margin-bottom: 0
    }

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

.site-branding {
    margin-bottom: 0;
    display: block;
    clear: both
}

    .site-branding .custom-logo-link + .site-branding-text {
        border: 0;
        clip: rect(1px,1px,1px,1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        word-wrap: normal !important
    }

    .site-branding img {
        height: auto
    }

    .site-branding .site-title {
        font-size: 2em;
        margin: 0;
        font-family: var(--e-global-typography-accent-font-family);
        font-weight: 700
    }

    .site-branding .site-description {
        font-size: .875em;
        display: none
    }

    .site-branding .logo {
        margin: 0
    }

.site-header-account {
    position: relative
}

@media(max-width:1024px) {
    .site-header-account {
        display: none
    }
}

.site-header-account > a {
    white-space: nowrap;
    display: flex
}

    .site-header-account > a > span {
        margin-left: 10px
    }

    .site-header-account > a:hover {
        text-decoration: none
    }

.site-header-account .login-form-title {
    font-size: 18px;
    color: #333 !important;
    margin-bottom: 0
}

.site-header-account .account-dropdown {
    text-align: left;
    right: 0;
    top: 100%;
    position: absolute;
    pointer-events: none;
    opacity: 0;
    z-index: 100;
    visibility: hidden;
    margin-top: 15px
}

    .site-header-account .account-dropdown .result-error {
        margin: 1em 0
    }

    .site-header-account .account-dropdown:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        width: 100%;
        background-color: var(--border)
    }

#elementor-sidebar .site-header-account .account-dropdown {
    left: 0;
    right: unset
}

.site-header-account .account-dropdown.right {
    left: 0;
    right: unset
}

    .site-header-account .account-dropdown.right .account-wrap:before {
        left: 20px;
        right: unset
    }

.site-header-account .account-dropdown.justify {
    right: 50%;
    transform: translateX(50%)
}

    .site-header-account .account-dropdown.justify .account-wrap:before {
        right: 50%;
        transform: translateX(50%) rotate(45deg)
    }

.site-header-account .account-dropdown a.register-link, .site-header-account .account-dropdown a.lostpass-link {
    font-size: 14px
}

    .site-header-account .account-dropdown a.register-link:hover, .site-header-account .account-dropdown a.lostpass-link:hover {
        color: var(--accent)
    }

.site-header-account .account-dropdown a.lostpass-link {
    text-decoration: underline dotted
}

.site-header-account .account-dropdown label {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.5
}

.site-header-account .account-dropdown p {
    margin-bottom: 10px
}

.site-header-account .account-dropdown input {
    line-height: normal !important;
    width: 100%
}

.site-header-account .account-dropdown button {
    text-transform: uppercase;
    z-index: 1;
    width: 100%;
    line-height: 1.5;
    margin-top: 5px
}

.site-header-account .account-dropdown .account-wrap {
    display: block !important;
    position: relative;
    background-color: var(--background);
    box-shadow: 0 0 30px 0 rgba(0,0,0,.05);
    border-width: 1px;
    border-style: solid;
    border-color: var(--border)
}

.site-header-account .account-dropdown .login-form-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.site-header-account .account-dropdown .login-form-bottom {
    text-align: right
}

.site-header-account .account-dropdown .teapoz-login-form-ajax {
    margin-bottom: 5px
}

.site-header-account .account-dropdown .account-inner {
    width: 320px;
    padding: 20px;
    max-height: 500px;
    overflow: auto
}

    .site-header-account .account-dropdown .account-inner.dashboard {
        width: 210px;
        padding: 20px 0
    }

    .site-header-account .account-dropdown .account-inner::-webkit-scrollbar {
        width: 3px
    }

    .site-header-account .account-dropdown .account-inner::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
        background-color: #f5f5f5
    }

    .site-header-account .account-dropdown .account-inner::-webkit-scrollbar-thumb {
        background-color: #000
    }

.site-header-account .account-links-menu, .site-header-account .account-dashboard {
    list-style: none;
    margin: 0
}

    .site-header-account .account-links-menu li a, .site-header-account .account-dashboard li a {
        width: 100%;
        text-align: left;
        color: var(--text);
        font-size: 14px;
        line-height: 1.5;
        display: block;
        padding: 7px 30px
    }

        .site-header-account .account-links-menu li a:hover, .site-header-account .account-dashboard li a:hover {
            color: var(--accent);
            background-color: rgba(0,0,0,.035);
            text-decoration: none
        }

@media(max-width:1024px) {
    .site-header-search {
        display: none
    }
}

.site-header-search > a {
    white-space: nowrap;
    display: block
}

    .site-header-search > a i {
        font-size: 24px;
        color: var(--accent)
    }

    .site-header-search > a:hover i {
        color: var(--primary)
    }

@media(max-width:1024px) {
    .site-header-wishlist {
        display: none
    }
}

.site-header-wishlist .header-wishlist {
    position: relative;
    display: block
}

@media(min-width:1024px) {
    .site-header-cart.header-cart-mobile {
        display: none
    }
}

.site-header-cart.header-cart-mobile .cart-contents:before {
    font-size: 24px;
    color: var(--accent)
}

.site-header-cart.header-cart-mobile .count {
    display: inline-block;
    line-height: 1.4285714286;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0;
    margin-left: 5px
}

.site-header-cart.header-cart-mobile .amount {
    display: none
}

.site-header-cart.header-cart-mobile + .menu-mobile-nav-button {
    order: -1
}

.header-main {
    display: flex;
    align-items: center;
    padding-top: 1em;
    padding-bottom: 1em
}

@media(min-width:1024px) {
    .header-main {
        padding-top: 0;
        padding-bottom: 0;
        justify-content: space-between;
        min-height: 75px
    }

        .header-main .header-center {
            margin-left: 20px;
            margin-right: 20px
        }
}

@media(max-width:1023px) {
    .header-group-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.header-group-action .site-header-account .account-dropdown.active {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    z-index: 999
}

.header-group-action .site-header-account a i {
    font-size: 24px;
    color: var(--accent)
}

.header-group-action .site-header-account a:hover i {
    color: var(--primary)
}

.header-group-action .site-header-wishlist a i {
    font-size: 24px;
    color: var(--accent)
}

.header-group-action .site-header-wishlist a:hover {
    text-decoration: none
}

    .header-group-action .site-header-wishlist a:hover i {
        color: var(--primary)
    }

.header-group-action .site-header-wishlist a .count {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    display: inline-block;
    color: var(--accent);
    vertical-align: middle
}

    .header-group-action .site-header-wishlist a .count.hide {
        display: none
    }

.header-group-action .site-header-cart .cart-contents:before {
    font-size: 24px;
    color: var(--accent)
}

.header-group-action .site-header-cart .cart-contents:hover {
    text-decoration: none
}

    .header-group-action .site-header-cart .cart-contents:hover:before {
        color: var(--primary)
    }

.header-group-action .site-header-cart .woocommerce-Price-amount {
    display: none
}

.header-1 {
    border-bottom: 1px solid var(--border)
}

.home .header-1 {
    margin-bottom: 0
}

.header-1 .header-main {
    padding-left: 30px;
    padding-right: 30px
}

@media(max-width:1023px) {
    .header-1 .header-left {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }
}

.header-1 .header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

    .header-1 .header-right .header-group-action {
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

        .header-1 .header-right .header-group-action.left {
            justify-content: flex-start
        }

        .header-1 .header-right .header-group-action.center {
            justify-content: center
        }

        .header-1 .header-right .header-group-action > div {
            position: relative;
            text-align: center
        }

            .header-1 .header-right .header-group-action > div > a {
                -ms-transition: all .2s ease;
                -o-transition: all .2s ease;
                -moz-transition: all .2s ease;
                -webkit-transition: all .2s ease;
                transition: all .2s ease
            }

            .header-1 .header-right .header-group-action > div:not(:last-child) {
                margin-right: 20px
            }

        .header-1 .header-right .header-group-action .site-search {
            width: 100%
        }

            .header-1 .header-right .header-group-action .site-search .widget_product_search {
                margin-bottom: 0
            }

@media(min-width:1024px) {
    .header-1 .site-branding {
        text-align: left;
        margin-right: 35px;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.header-1 .site-branding img {
    width: 126px
}

@media(max-width:1120px) {
    .header-1 .order-wrap {
        display: none
    }
}

@media(min-width:1024px) {
    body.teapoz-header-side {
        width: calc(100vw - 350px);
        max-width: calc(100vw - 350px);
        margin-left: auto
    }

        body.teapoz-header-side .header-sticky {
            display: none
        }

    .header-side {
        position: fixed;
        width: 350px;
        height: 100vh;
        left: 0;
        top: 0;
        background-color: #fff;
        display: flex
    }

        .header-side .header-container {
            display: flex;
            flex-direction: column;
            padding: 50px 30px
        }

    .admin-bar .header-side .header-container {
        padding: 80px 30px 50px
    }

    .header-side .header-container > * {
        display: flex;
        flex-direction: column
    }

    .header-side .header-top {
        justify-content: center;
        margin-bottom: auto;
        margin-top: auto;
        padding-top: 0;
        padding-bottom: 0
    }

    .header-side .header-bottom {
        margin-top: auto;
        margin-bottom: auto
    }

    .header-side .site-branding {
        margin-bottom: 50px
    }

        .header-side .site-branding img {
            margin: auto
        }

    .header-side .main-navigation ul li {
        float: unset;
        display: block;
        text-align: center
    }

    .header-side .main-navigation ul.menu > li > a, .header-side .main-navigation ul.nav-menu > li > a {
        padding: 5px
    }
}

.search-popup-active {
    overflow: hidden
}

.site-search-popup.active .site-search-popup-wrap .site-search {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease-in-out .3s,visibility .3s ease-in-out .3s
}

.site-search-popup {
    position: absolute;
    width: 100vw;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    z-index: 99999;
    height: 100%;
    min-height: 80px;
    background-color: #fff;
    transition: opacity .3s ease;
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

    .site-search-popup.active {
        pointer-events: auto
    }

    .site-search-popup.fadein {
        animation: cover_search_fade_in .3s ease both
    }

    .site-search-popup.fadeout {
        animation: cover_search_fade_out .3s ease both
    }

    .site-search-popup .site-search-popup-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding: 0 30px;
        width: 100%;
        height: 100%
    }

@media(min-width:1025px) {
    .site-search-popup .site-search-popup-wrap {
        padding: 0 60px
    }
}

.site-search-popup .site-search-popup-wrap .site-search-popup-close svg {
    display: block
}

.site-search-popup .site-search-popup-wrap .site-search-popup-close .close-icon:hover line, .site-search-popup .site-search-popup-wrap .site-search-popup-close .close-icon:hover path {
    animation: opal-draw .9s cubic-bezier(.22,.61,.36,1) forwards
}

.site-search-popup .site-search-popup-wrap .site-search-popup-close .close-icon:hover path {
    animation-delay: .1s
}

.site-search-popup .site-search-popup-wrap .widget_search form:before, .site-search-popup .site-search-popup-wrap .site-search form:before {
    content: none
}

.site-search-popup .site-search-popup-wrap .widget_search form button[type=submit], .site-search-popup .site-search-popup-wrap .site-search form button[type=submit] {
    display: none
}

.site-search-popup .site-search-popup-wrap .widget_search form input[type=text], .site-search-popup .site-search-popup-wrap .widget_search form input[type=search], .site-search-popup .site-search-popup-wrap .site-search form input[type=text], .site-search-popup .site-search-popup-wrap .site-search form input[type=search] {
    border: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 21px;
    background-color: transparent
}

@media(min-width:768px) {
    .site-search-popup .site-search-popup-wrap .widget_search form input[type=text], .site-search-popup .site-search-popup-wrap .widget_search form input[type=search], .site-search-popup .site-search-popup-wrap .site-search form input[type=text], .site-search-popup .site-search-popup-wrap .site-search form input[type=search] {
        font-size: 24px
    }

        .site-search-popup .site-search-popup-wrap .widget_search form input[type=text]::placeholder, .site-search-popup .site-search-popup-wrap .widget_search form input[type=search]::placeholder, .site-search-popup .site-search-popup-wrap .site-search form input[type=text]::placeholder, .site-search-popup .site-search-popup-wrap .site-search form input[type=search]::placeholder {
            font-size: 24px
        }
}

.site-search-popup .site-search-popup-wrap .widget_search form input[type=text]:focus::placeholder, .site-search-popup .site-search-popup-wrap .widget_search form input[type=search]:focus::placeholder, .site-search-popup .site-search-popup-wrap .site-search form input[type=text]:focus::placeholder, .site-search-popup .site-search-popup-wrap .site-search form input[type=search]:focus::placeholder {
    opacity: 1
}

.site-search-popup .site-search-popup-wrap form.woocommerce-product-search {
    display: flex;
    align-items: center
}

    .site-search-popup .site-search-popup-wrap form.woocommerce-product-search .search-by-category {
        display: block
    }

.site-search-popup .site-search-popup-wrap .site-search {
    display: block;
    width: 100%;
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out,visibility .2s ease-in-out
}

    .site-search-popup .site-search-popup-wrap .site-search .widget {
        margin-bottom: 0;
        border: none;
        padding: 0
    }

    .site-search-popup .site-search-popup-wrap .site-search .ajax-search-result {
        max-height: 50vh
    }

@media(min-width:568px) {
    .site-search-popup .widget_product_search form input[type=search] {
        padding-left: 240px
    }
}

body > .site-search-popup .site-search-popup-wrap {
    padding-top: 60px;
    align-items: flex-start
}

body > .site-search-popup .search-by-category .input-dropdown-inner > a {
    margin-right: 0
}

body > .site-search-popup .site-search-popup-close {
    position: absolute;
    top: 20px;
    right: 20px
}

@keyframes opal-draw {
    0%,100% {
        clip-path: inset(0 0 0 0)
    }

    42% {
        clip-path: inset(0 0 0 100%)
    }

    43% {
        clip-path: inset(0 100% 0 0)
    }
}

@keyframes cover_search_fade_out {
    0% {
        opacity: 1;
        visibility: visible
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes cover_search_fade_in {
    0% {
        opacity: 0;
        visibility: hidden
    }

    100% {
        opacity: 1;
        visibility: visible
    }
}

.teapoz-mobile-nav {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    width: 330px;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    overflow-y: auto;
    background-color: #fff;
    transition: transform .25s ease;
    transform: translate3d(-330px,0,0)
}

@media(min-width:410px) {
    .teapoz-mobile-nav {
        width: 410px;
        transform: translate3d(-410px,0,0)
    }
}

.mobile-nav-active .teapoz-mobile-nav {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.teapoz-mobile-nav .menu-scroll-mobile {
    padding-top: 60px
}

.admin-bar .teapoz-mobile-nav {
    top: 46px
}

@media(min-width:783px) {
    .admin-bar .teapoz-mobile-nav {
        top: 32px
    }
}

@media(min-width:601px) and (max-width:782px) {
    .admin-bar .teapoz-mobile-nav {
        top: 46px
    }
}

.teapoz-mobile-nav .search-form {
    margin-top: 1em
}

.teapoz-mobile-nav .teapoz-social {
    border-top: 1px solid #0e0e0e;
    padding: .5em;
    margin-top: 1rem
}

body .teapoz-mobile-nav .teapoz-social ul li a:before {
    color: #fff
}

.teapoz-mobile-nav .teapoz-language-switcher-mobile {
    line-height: 0;
    padding: 0 30px
}

    .teapoz-mobile-nav .teapoz-language-switcher-mobile .menu {
        list-style: none;
        margin: 0;
        padding: 10px 0;
        border-top: 1px solid;
        border-top-color: var(--border)
    }

    .teapoz-mobile-nav .teapoz-language-switcher-mobile .item {
        display: inline-block;
        margin-bottom: 5px;
        margin-top: 5px
    }

        .teapoz-mobile-nav .teapoz-language-switcher-mobile .item .language-switcher-head {
            padding-right: 5px
        }

        .teapoz-mobile-nav .teapoz-language-switcher-mobile .item a {
            display: block;
            padding: 0 5px
        }

        .teapoz-mobile-nav .teapoz-language-switcher-mobile .item:last-child {
            margin-right: 0
        }

        .teapoz-mobile-nav .teapoz-language-switcher-mobile .item img {
            width: 24px;
            height: 16px;
            object-fit: cover
        }

.teapoz-mobile-nav .mobile-nav-tabs {
    clear: both;
    padding: 0 30px
}

    .teapoz-mobile-nav .mobile-nav-tabs ul {
        display: flex;
        align-items: center;
        justify-content: center;
        list-style: none;
        margin: 0
    }

        .teapoz-mobile-nav .mobile-nav-tabs ul li {
            display: flex;
            align-items: center;
            position: relative;
            text-align: left;
            font-size: 16px;
            font-weight: 500;
            line-height: 26px;
            padding-bottom: 2px;
            cursor: pointer;
            color: var(--accent)
        }

            .teapoz-mobile-nav .mobile-nav-tabs ul li i {
                color: #000;
                font-size: 15px;
                margin-right: 10px
            }

            .teapoz-mobile-nav .mobile-nav-tabs ul li:before {
                content: "";
                display: inline-block;
                position: absolute;
                height: 2px;
                width: 0;
                bottom: 0;
                transition: all .3s ease;
                background-color: var(--primary)
            }

            .teapoz-mobile-nav .mobile-nav-tabs ul li.active:before {
                width: 20px
            }

        .teapoz-mobile-nav .mobile-nav-tabs ul .mobile-pages-title {
            margin-right: 15px
        }

        .teapoz-mobile-nav .mobile-nav-tabs ul .mobile-categories-title {
            margin-left: 15px
        }

.teapoz-mobile-nav .mobile-menu-tab {
    display: none;
    padding: 15px 30px
}

    .teapoz-mobile-nav .mobile-menu-tab.active {
        display: block
    }

.mobile-nav-close {
    float: right;
    clear: both;
    position: absolute;
    line-height: 1;
    top: 22px;
    right: 24px;
    padding: 0;
    text-align: center;
    z-index: 99;
    color: var(--accent)
}

    .mobile-nav-close:hover, .mobile-nav-close:focus {
        color: var(--accent)
    }

.teapoz-overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 997;
    opacity: 0;
    background-color: rgba(0,0,0,.7);
    visibility: hidden;
    transition: opacity .25s ease,visibility 0s ease
}

.mobile-nav-active .teapoz-overlay {
    visibility: visible;
    opacity: 1
}

.menu-mobile-nav-button {
    display: block;
    font-size: 15px;
    color: var(--accent)
}

@media(min-width:1024px) {
    .menu-mobile-nav-button {
        display: none
    }
}

.menu-mobile-nav-button .teapoz-icon {
    display: flex;
    flex-direction: column;
    margin-right: 15px
}

    .menu-mobile-nav-button .teapoz-icon > span {
        display: inline-block;
        height: 2px;
        width: 24px;
        margin-bottom: 3px;
        border-radius: 5px;
        transition: all .3s ease;
        background-color: var(--accent)
    }

        .menu-mobile-nav-button .teapoz-icon > span:last-child {
            margin-bottom: 0
        }

    .menu-mobile-nav-button .teapoz-icon .icon-2 {
        width: 16px
    }

    .menu-mobile-nav-button .teapoz-icon .icon-3 {
        width: 12px
    }

.menu-mobile-nav-button:hover .teapoz-icon > span {
    background-color: var(--primary)
}

.menu-mobile-nav-button:hover .teapoz-icon .icon-2 {
    width: 24px
}

.menu-mobile-nav-button:hover .teapoz-icon .icon-3 {
    width: 24px
}

html {
    overflow-x: hidden
}

#page {
    transition: all .25s ease
}

.mobile-nav-active {
    overflow: hidden
}

button.menu-toggle {
    cursor: pointer;
    text-align: left;
    float: right;
    position: relative;
    border: 2px solid transparent;
    box-shadow: none;
    border-radius: 5px;
    background-image: none;
    padding: .6180469716em .875em;
    font-size: .875em;
    max-width: 120px
}

.menu-badge {
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
    padding: 2px 7px;
    margin-left: 14px;
    vertical-align: middle;
    text-transform: uppercase
}

.primary-navigation .menu > .menu-item > a .menu-badge {
    position: absolute;
    right: 30px;
    top: 20%
}

.toggled button.menu-toggle::before, .toggled button.menu-toggle::after {
    transform: rotate(45deg)
}

.toggled button.menu-toggle::after {
    transform: rotate(-45deg)
}

.toggled button.menu-toggle span::before {
    opacity: 0
}

.primary-navigation {
    display: none
}

ul.menu li.current-menu-item > a, ul.menu li.current-menu-ancestor > a, ul.menu li.current-menu-parent > a {
    text-decoration: none
}

.main-navigation {
    position: relative
}

    .main-navigation::before, .main-navigation::after {
        content: "";
        display: table
    }

    .main-navigation::after {
        clear: both
    }

    .main-navigation div.menu {
        display: none
    }

        .main-navigation div.menu:last-child {
            display: block
        }

    .main-navigation .menu {
        clear: both
    }

    .main-navigation ul.menu {
        margin-left: 0;
        list-style: none;
        margin-bottom: 0
    }

        .main-navigation ul.menu ul {
            display: block;
            margin-left: 1.41575em
        }

        .main-navigation ul.menu > li.menu-item > a {
            display: flex;
            align-items: center;
            position: relative;
            padding: 3.5em 2.5em;
            font-size: 12px;
            line-height: 1.3333333333;
            font-weight: 500;
            letter-spacing: 2px;
            text-transform: uppercase;
            position: relative;
            font-family: var(--e-global-typography-text-font-family)
        }

            .main-navigation ul.menu > li.menu-item > a:hover {
                text-decoration: none
            }

        .main-navigation ul.menu > li.menu-item.current-menu-parent > a, .main-navigation ul.menu > li.menu-item.current-menu-item > a, .main-navigation ul.menu > li.menu-item.current-menu-ancestor > a {
            color: var(--primary)
        }

        .main-navigation ul.menu li.menu-item .sub-menu .menu-item a {
            width: 100%;
            color: var(--text)
        }

        .main-navigation ul.menu li.menu-item .sub-menu .menu-item:hover > a {
            text-decoration: none;
            color: var(--primary)
        }

        .main-navigation ul.menu li.menu-item .sub-menu .menu-item.current-menu-item > a {
            color: var(--primary)
        }

    .main-navigation ul > li.menu-item > a, .main-navigation ul.nav-menu > li.menu-item > a {
        color: var(--text)
    }

    .main-navigation .sub-menu {
        padding: 15px 0;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 1px 5px rgba(0,0,0,.2)
    }

.mobile-navigation, .mobile-navigation-categories {
    clear: both
}

    .mobile-navigation ul, .mobile-navigation-categories ul {
        margin: 0;
        list-style: none
    }

        .mobile-navigation ul > li.menu-item, .mobile-navigation-categories ul > li.menu-item {
            position: relative
        }

            .mobile-navigation ul > li.menu-item > a, .mobile-navigation-categories ul > li.menu-item > a {
                display: block;
                padding: 12px 0;
                color: var(--text);
                transition: none;
                font-size: 12px;
                line-height: 1.3333333333;
                font-weight: 500;
                letter-spacing: 2px;
                text-transform: uppercase;
                font-family: var(--e-global-typography-text-font-family)
            }

                .mobile-navigation ul > li.menu-item > a i, .mobile-navigation-categories ul > li.menu-item > a i {
                    font-size: 16px;
                    margin-right: 15px
                }

                .mobile-navigation ul > li.menu-item > a span.text-link, .mobile-navigation-categories ul > li.menu-item > a span.text-link {
                    display: block;
                    font-weight: 700;
                    color: var(--accent)
                }

                    .mobile-navigation ul > li.menu-item > a span.text-link i, .mobile-navigation-categories ul > li.menu-item > a span.text-link i {
                        font-size: 12px;
                        margin-left: 10px;
                        margin-right: 0;
                        margin-bottom: 3px
                    }

                .mobile-navigation ul > li.menu-item > a:hover, .mobile-navigation-categories ul > li.menu-item > a:hover {
                    text-decoration: none;
                    color: var(--primary)
                }

            .mobile-navigation ul > li.menu-item.current-menu-parent > a, .mobile-navigation ul > li.menu-item.current-menu-item > a, .mobile-navigation ul > li.menu-item.current-menu-ancestor > a, .mobile-navigation-categories ul > li.menu-item.current-menu-parent > a, .mobile-navigation-categories ul > li.menu-item.current-menu-item > a, .mobile-navigation-categories ul > li.menu-item.current-menu-ancestor > a {
                color: var(--primary)
            }

            .mobile-navigation ul > li.menu-item button::after, .mobile-navigation-categories ul > li.menu-item button::after {
                transition: all,ease,.9s
            }

            .mobile-navigation ul > li.menu-item:last-child > a, .mobile-navigation-categories ul > li.menu-item:last-child > a {
                border-bottom: none
            }

        .mobile-navigation ul ul.sub-menu, .mobile-navigation-categories ul ul.sub-menu {
            display: none;
            margin-bottom: 20px
        }

            .mobile-navigation ul ul.sub-menu > li.menu-item > a, .mobile-navigation-categories ul ul.sub-menu > li.menu-item > a {
                font-size: 14px;
                text-transform: unset;
                padding: 4px 0;
                line-height: 1.7142857143;
                color: var(--text);
                transition: none;
                letter-spacing: 0;
                font-weight: 500;
                border-bottom: 1px solid var(--border)
            }

                .mobile-navigation ul ul.sub-menu > li.menu-item > a span.menu-title:before, .mobile-navigation-categories ul ul.sub-menu > li.menu-item > a span.menu-title:before {
                    height: 1px;
                    bottom: 0
                }

                .mobile-navigation ul ul.sub-menu > li.menu-item > a:hover, .mobile-navigation-categories ul ul.sub-menu > li.menu-item > a:hover {
                    color: var(--primary)
                }

            .mobile-navigation ul ul.sub-menu > li.menu-item ul.sub-menu, .mobile-navigation-categories ul ul.sub-menu > li.menu-item ul.sub-menu {
                margin-left: 15px
            }

            .mobile-navigation ul ul.sub-menu .dropdown-toggle, .mobile-navigation-categories ul ul.sub-menu .dropdown-toggle {
                padding: 7px 0
            }

    .mobile-navigation .dropdown-toggle, .mobile-navigation-categories .dropdown-toggle {
        background: 0 0;
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        padding: 7px 0;
        line-height: 1;
        width: 30px;
        text-align: right;
        border: none;
        font-size: 18px;
        color: var(--accent)
    }

        .mobile-navigation .dropdown-toggle:focus, .mobile-navigation-categories .dropdown-toggle:focus {
            outline: none
        }

        .mobile-navigation .dropdown-toggle:hover, .mobile-navigation .dropdown-toggle:active, .mobile-navigation .dropdown-toggle:focus, .mobile-navigation-categories .dropdown-toggle:hover, .mobile-navigation-categories .dropdown-toggle:active, .mobile-navigation-categories .dropdown-toggle:focus {
            border: none;
            background-color: transparent;
            color: var(--accent)
        }

        .mobile-navigation .dropdown-toggle:after, .mobile-navigation-categories .dropdown-toggle:after {
            content: none
        }

.main-navigation.toggled .menu > ul:not(.nav-menu), .main-navigation.toggled ul[aria-expanded=true] {
    max-height: 9999px
}

.header-1 .main-navigation ul.menu > li.menu-item > a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(50% + 0.6em);
    transform: translate(-50%,0);
    height: 1px;
    width: calc(100% - 5em);
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    z-index: -1;
    background-image: linear-gradient(to right,var(--accent) 0%,var(--accent) 100%);
    background-position: 0 calc(100% - 0em);
    background-size: 0 1px;
    transition: background-size .25s cubic-bezier(.785,.135,.15,.86) 0s;
    background-repeat: no-repeat;
    text-decoration: none
}

.header-1 .main-navigation ul.menu > li.menu-item > a.current-menu-item > a:before {
    background-size: 100% 1px
}

.header-1 .main-navigation ul.menu > li.menu-item:hover > a:before {
    background-size: 100% 1px
}

.header-1 .main-navigation ul.menu > li.menu-item.current-menu-parent > a:before, .header-1 .main-navigation ul.menu > li.menu-item.current-menu-item > a:before, .header-1 .main-navigation ul.menu > li.menu-item.current-menu-ancestor > a:before {
    background-size: 100%
}

.header-1 .main-navigation ul.menu > li.menu-item .sub-menu .menu-item:hover > a {
    color: var(--accent);
    text-decoration: underline
}

.vertical-navigation {
    position: relative;
    height: 100%
}

    .vertical-navigation:before {
        content: "";
        position: absolute;
        height: 5px;
        width: 100%;
        left: 0;
        bottom: -5px;
        background-color: transparent
    }

    .vertical-navigation .vertical-navigation-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 0;
        overflow: hidden;
        cursor: pointer
    }

        .vertical-navigation .vertical-navigation-header .teapoz-icon {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            margin-left: 10px;
            color: var(--accent)
        }

        .vertical-navigation .vertical-navigation-header .vertical-navigation-title {
            position: relative;
            display: flex;
            align-items: center
        }

            .vertical-navigation .vertical-navigation-header .vertical-navigation-title .title {
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                overflow: hidden;
                font-size: 16px;
                line-height: 1.5;
                font-weight: 600;
                color: var(--accent)
            }

            .vertical-navigation .vertical-navigation-header .vertical-navigation-title .title-icon {
                display: flex;
                flex-direction: column;
                margin-right: 13px
            }

                .vertical-navigation .vertical-navigation-header .vertical-navigation-title .title-icon > span {
                    display: inline-block;
                    height: 2px;
                    width: 10px;
                    margin-bottom: 5px;
                    transition: all .3s ease;
                    background-color: var(--accent)
                }

                    .vertical-navigation .vertical-navigation-header .vertical-navigation-title .title-icon > span:last-child {
                        margin-bottom: 0
                    }

                .vertical-navigation .vertical-navigation-header .vertical-navigation-title .title-icon .icon-2 {
                    width: 18px
                }

    .vertical-navigation:hover .vertical-navigation-header .vertical-navigation-title .title-icon .icon-1 {
        width: 18px
    }

    .vertical-navigation:hover .vertical-navigation-header .vertical-navigation-title .title-icon .icon-3 {
        width: 18px
    }

    .vertical-navigation .vertical-menu {
        position: absolute;
        top: calc(100% + 1px);
        left: 0;
        width: 100%;
        opacity: 0;
        min-width: 220px;
        visibility: hidden;
        transform: translateY(15px);
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }

        .vertical-navigation .vertical-menu .menu {
            position: relative;
            list-style: none;
            padding: 30px 0
        }

            .vertical-navigation .vertical-menu .menu > li:last-child a {
                border-bottom: none
            }

            .vertical-navigation .vertical-menu .menu > li > a {
                display: flex;
                align-items: center;
                font-size: 14px;
                padding: 6px 40px;
                font-weight: 500;
                line-height: 1.358
            }

                .vertical-navigation .vertical-menu .menu > li > a span.menu-title {
                    position: relative
                }

                    .vertical-navigation .vertical-menu .menu > li > a span.menu-title:before {
                        content: "";
                        position: absolute;
                        width: 0;
                        height: 1px;
                        left: auto;
                        right: 0;
                        bottom: -2px;
                        background-color: var(--accent);
                        -ms-transition: all .2s ease;
                        -o-transition: all .2s ease;
                        -moz-transition: all .2s ease;
                        -webkit-transition: all .2s ease;
                        transition: all .2s ease
                    }

    .vertical-navigation:hover .vertical-menu {
        opacity: 1;
        visibility: visible;
        z-index: 99;
        transform: translateY(0)
    }

    .vertical-navigation ul.menu {
        list-style: none;
        margin: 0;
        background-color: #fff
    }

        .vertical-navigation ul.menu .sub-menu {
            position: absolute;
            left: -9999em;
            z-index: -1;
            top: -1px;
            visibility: hidden;
            opacity: 0;
            list-style: none;
            margin: 0;
            background: #fff;
            width: 330px;
            padding: 30px 0;
            border: 1px solid var(--accent)
        }

            .vertical-navigation ul.menu .sub-menu > li:last-child > a {
                border-bottom: none
            }

            .vertical-navigation ul.menu .sub-menu > li > a {
                display: flex;
                align-items: center;
                font-size: 16px;
                padding: 5px 60px;
                font-weight: 400;
                line-height: 1.358;
                color: var(--accent)
            }

            .vertical-navigation ul.menu .sub-menu > li:hover > a {
                color: var(--primary)
            }

            .vertical-navigation ul.menu .sub-menu > li.current-menu-item > a {
                color: var(--primary)
            }

            .vertical-navigation ul.menu .sub-menu.mega-menu > li {
                padding: 0
            }

        .vertical-navigation ul.menu > li {
            position: relative
        }

            .vertical-navigation ul.menu > li:before {
                content: "";
                display: block;
                position: absolute;
                width: 3px;
                height: 100%;
                right: -3px
            }

            .vertical-navigation ul.menu > li > a {
                color: var(--accent);
                font-size: 14px;
                padding: .5em 20px;
                display: block
            }

                .vertical-navigation ul.menu > li > a .menu-icon {
                    font-size: 20px;
                    margin-right: 10px;
                    color: var(--accent)
                }

            .vertical-navigation ul.menu > li:hover > .sub-menu {
                opacity: 1;
                visibility: visible;
                left: 100%;
                z-index: 99
            }

            .vertical-navigation ul.menu > li:hover > a {
                text-decoration: none
            }

                .vertical-navigation ul.menu > li:hover > a span.menu-title:before {
                    width: 100%;
                    left: 0;
                    right: auto
                }

                .vertical-navigation ul.menu > li:hover > a .menu-icon {
                    color: var(--primary)
                }

            .vertical-navigation ul.menu > li.current-menu-item > a {
                color: var(--primary)
            }

                .vertical-navigation ul.menu > li.current-menu-item > a .menu-icon {
                    color: var(--primary)
                }

            .vertical-navigation ul.menu > li li {
                position: relative
            }

                .vertical-navigation ul.menu > li li:hover .sub-menu {
                    opacity: 1;
                    visibility: visible;
                    left: 100%;
                    z-index: 99
                }

.has-mega-menu.has-fullwidth {
    position: static !important
}

    .has-mega-menu.has-fullwidth .mega-fullwidth {
        width: 100%
    }

.has-mega-menu.sub-menu-left {
    position: static !important
}

.has-mega-menu .mega-containerwidth {
    max-width: var(--container)
}

.vertical-navigation .has-mega-menu {
    position: static !important
}

    .vertical-navigation .has-mega-menu .mega-menu {
        padding: 0 !important
    }

.main-navigation .has-mega-menu .mega-menu .elementor-icon-list-item {
    min-width: unset
}

.mega-menu.sub-menu {
    padding: 0;
    background: #fff
}

    .mega-menu.sub-menu .elementor-section.elementor-section-stretched {
        left: 0 !important;
        max-width: 100% !important
    }

.mega-menu.mega-stretchwidth {
    width: 100vw
}

.single-teapoz_menu_item .elementor-icon-list-items li, .mega-menu .elementor-icon-list-items li {
    font-weight: 400
}

    .single-teapoz_menu_item .elementor-icon-list-items li a, .mega-menu .elementor-icon-list-items li a {
        color: var(--text)
    }

        .single-teapoz_menu_item .elementor-icon-list-items li a:hover, .mega-menu .elementor-icon-list-items li a:hover {
            color: var(--primary);
            text-decoration: none
        }

.header-side .main-navigation ul.menu {
    margin-left: -30px;
    margin-right: -30px
}

.header-side .main-navigation ul ul.sub-menu {
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important;
    max-height: 100vh;
    overflow-y: auto
}

    .header-side .main-navigation ul ul.sub-menu .elementor-section.elementor-section-stretched {
        left: 0 !important;
        max-width: 100% !important
    }

.header-side .has-mega-menu.sub-menu-left {
    position: relative !important
}

.site-content {
    outline: none
}

article .post strong, article .post th, article .post dt {
    color: var(--accent)
}

article.article-default {
    margin-bottom: 60px
}

    article.article-default:last-of-type {
        margin-bottom: 0
    }

.post-thumbnail {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

    .post-thumbnail img {
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        margin: 0 auto;
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 5px
    }

.posted-on-square {
    position: absolute;
    left: 30px;
    top: 0;
    z-index: 3;
    transition: all ease-in-out .3s
}

    .posted-on-square a {
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: var(--white);
        background-color: var(--primary);
        font-family: var(--e-global-typography-accent-font-family);
        transition: all ease-in-out .3s;
        border-radius: 0 0 5px 5px
    }

        .posted-on-square a b {
            font-size: 40px;
            font-weight: 600;
            display: block;
            line-height: 1;
            letter-spacing: -2px
        }

.categories-link a {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3333333333;
    text-transform: uppercase;
    color: var(--light);
    margin-right: 1px;
    margin-bottom: 0;
    display: inline-block
}

    .categories-link a:hover {
        color: var(--primary)
    }

.entry-title {
    margin-bottom: 0
}

.entry-header {
    margin-bottom: 17px
}

.entry-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3333333333;
    color: var(--text_light);
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px
}

    .entry-meta > div:not(:last-child):after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 10px;
        margin: -5px 10px 0;
        vertical-align: middle;
        background-color: var(--border)
    }

    .entry-meta a {
        display: inline-block;
        color: var(--text_light);
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }

        .entry-meta a:hover {
            text-decoration: none;
            color: var(--primary)
        }

    .entry-meta .post-author a {
        color: var(--accent)
    }

        .entry-meta .post-author a:hover {
            text-decoration: none;
            color: var(--primary)
        }

.more-link-wrap {
    position: relative;
    margin-top: 5px
}

    .more-link-wrap:last-of-type {
        padding-bottom: 0;
        border-bottom: none
    }

    .more-link-wrap i {
        font-size: 8px;
        margin-left: 8px
    }

    .more-link-wrap a.more-link {
        display: inline-flex;
        font-weight: 600;
        font-size: 14px;
        line-height: 2;
        text-transform: capitalize;
        transition: all ease .3s;
        letter-spacing: 0;
        border: 1px solid var(--primary);
        color: var(--accent);
        padding: 10px 30px;
        align-items: center;
        border-radius: 5px
    }

        .more-link-wrap a.more-link:hover {
            text-decoration: none;
            color: var(--white);
            background-color: var(--primary);
            transition: all ease .3s
        }

.tags-links {
    color: var(--text_light);
    font-size: 14px;
    line-height: 1.4285714286;
    font-weight: 500
}

    .tags-links .tags-text {
        color: var(--accent);
        font-weight: 600
    }

    .tags-links a {
        display: inline-block;
        color: var(--text_light);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4285714286;
        position: relative;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        text-transform: capitalize
    }

        .tags-links a:hover {
            color: var(--primary)
        }

.byline, .updated:not(.published) {
    display: none
}

.single .byline, .group-blog .byline {
    display: inline
}

.page-links {
    clear: both;
    margin: 0 0 1em
}

.page-header .page-title {
    font-size: 62px;
    margin-bottom: 60px
}

.single .hentry .entry-taxonomy {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px
}

.single .hentry .entry-content .wp-block-columns {
    margin-bottom: 0
}

    .single .hentry .entry-content .wp-block-columns .wp-block-image {
        margin-bottom: 0
    }

    .single .hentry .entry-content .wp-block-columns .wp-block-column {
        margin-bottom: 0
    }

.author-wrapper {
    background: #fff;
    box-shadow: 0 4px 30px rgba(0,0,0,.1);
    display: flex;
    flex-wrap: wrap;
    padding: 30px
}

    .author-wrapper .author-avatar {
        margin-right: 30px
    }

        .author-wrapper .author-avatar img {
            width: 140px;
            height: 140px;
            object-fit: cover
        }

    .author-wrapper .author-caption {
        flex: 1
    }

        .author-wrapper .author-caption .author-name {
            font-size: 24px;
            margin-top: 20px
        }

    .author-wrapper + nav.post-navigation {
        border-top: none
    }

.single-post .teapoz-social-share {
    padding: 10px 0
}

    .single-post .teapoz-social-share a {
        color: var(--accent)
    }

        .single-post .teapoz-social-share a:hover {
            color: var(--primary)
        }

.single-post .single-content {
    max-width: 1290px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

    .single-post .single-content > * {
        max-width: 1150px;
        margin-left: auto;
        margin-right: auto
    }

    .single-post .single-content .entry-title {
        margin-bottom: 15px
    }

    .single-post .single-content .entry-header {
        margin-bottom: 35px
    }

        .single-post .single-content .entry-header .entry-meta {
            position: relative;
            margin-bottom: 15px
        }

    .single-post .single-content .post-thumbnail {
        margin-bottom: 30px
    }

.post-password-form label {
    vertical-align: middle
}

.post-password-form input[type=submit] {
    vertical-align: middle;
    background-color: var(--accent);
    color: #fff
}

.blog-style-grid {
    margin: 0
}

    .blog-style-grid .post-inner {
        margin-bottom: 25px
    }

        .blog-style-grid .post-inner .entry-title {
            font-size: 24px;
            line-height: 1.1666666667
        }

        .blog-style-grid .post-inner:hover .post-thumbnail img {
            transform: scale(1.1);
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease
        }

    .blog-style-grid .more-link-wrap a.more-link {
        border: none;
        color: var(--text);
        padding: 0;
        border-radius: 0
    }

        .blog-style-grid .more-link-wrap a.more-link:hover {
            background-color: transparent;
            color: var(--primary)
        }

    .blog-style-grid .post-thumbnail {
        position: relative;
        padding-top: 107%;
        border-radius: 5px
    }

        .blog-style-grid .post-thumbnail img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            top: 0;
            left: 0;
            max-height: 100%;
            transform: scale(1);
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease
        }

@media(min-width:768px) {
    .blog-style-list .post-inner {
        display: flex
    }

        .blog-style-list .post-inner .post-thumbnail {
            flex: 0 0 56%;
            max-width: 56%;
            margin: -1px
        }

            .blog-style-list .post-inner .post-thumbnail img {
                border-radius: 5px 0 0 5px
            }

        .blog-style-list .post-inner .post-content {
            min-height: 480px;
            display: flex;
            flex-direction: column;
            padding: 100px 30px 55px 60px
        }

            .blog-style-list .post-inner .post-content .more-link-wrap {
                margin-top: auto
            }

        .blog-style-list .post-inner .entry-header {
            max-width: 100%;
            margin-bottom: 0
        }

        .blog-style-list .post-inner .posted-on-square {
            left: 60px
        }

        .blog-style-list .post-inner .entry-content {
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            transform: translateY(90px);
            height: 0
        }

        .blog-style-list .post-inner:hover .entry-content {
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            transform: translateY(0);
            height: 50px;
            margin-top: 25px
        }
}

.blog-style-list .post-inner {
    border: 1px solid var(--border);
    border-radius: 5px
}

.blog-style-list .post-thumbnail {
    margin-bottom: 0
}

.blog-style-list .post-content {
    position: relative;
    padding: 30px 30px 40px;
    overflow: hidden
}

    .blog-style-list .post-content .entry-title {
        font-size: 40px;
        line-height: 1.1;
        letter-spacing: -1px
    }

.blog-style-list .entry-group {
    margin-top: auto
}

.blog-style-list .posted-on-square {
    left: calc(100% - 110px)
}

.blog-style-list .entry-header {
    margin-bottom: 25px;
    max-width: calc(100% - 100px)
}

@media(min-width:1024px) {
    .blog-style-modern {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-gap: 20px
    }

        .blog-style-modern .post-modern {
            position: relative
        }

            .blog-style-modern .post-modern:nth-child(1) {
                grid-column-end: span 3
            }

                .blog-style-modern .post-modern:nth-child(1) .post-inner {
                    border-radius: 5px;
                    position: relative;
                    min-height: 600px;
                    overflow: hidden;
                    margin-bottom: 0
                }

                    .blog-style-modern .post-modern:nth-child(1) .post-inner:before {
                        content: "";
                        position: absolute;
                        background-color: rgba(0,0,0,.5);
                        left: 0;
                        bottom: 0;
                        width: 100%;
                        height: 100%;
                        z-index: 1;
                        opacity: 1;
                        -ms-transition: all .3s ease;
                        -o-transition: all .3s ease;
                        -moz-transition: all .3s ease;
                        -webkit-transition: all .3s ease;
                        transition: all .3s ease
                    }

                    .blog-style-modern .post-modern:nth-child(1) .post-inner:hover:before {
                        opacity: 1;
                        -ms-transition: all .3s ease;
                        -o-transition: all .3s ease;
                        -moz-transition: all .3s ease;
                        -webkit-transition: all .3s ease;
                        transition: all .3s ease
                    }

                .blog-style-modern .post-modern:nth-child(1) .post-content {
                    padding: 40px 30px;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    z-index: 3
                }

                .blog-style-modern .post-modern:nth-child(1) .entry-content {
                    display: none
                }

                .blog-style-modern .post-modern:nth-child(1) .entry-header {
                    max-width: 50%
                }

                .blog-style-modern .post-modern:nth-child(1) .entry-title {
                    font-size: 40px;
                    line-height: 1.1
                }

                .blog-style-modern .post-modern:nth-child(1) .post-thumbnail {
                    margin-bottom: 0;
                    padding-top: 60%
                }

                    .blog-style-modern .post-modern:nth-child(1) .post-thumbnail img {
                        opacity: 1;
                        transform: scale(1);
                        -ms-transition: all .3s ease;
                        -o-transition: all .3s ease;
                        -moz-transition: all .3s ease;
                        -webkit-transition: all .3s ease;
                        transition: all .3s ease
                    }

                .blog-style-modern .post-modern:nth-child(1) .entry-meta {
                    color: #fff
                }

                    .blog-style-modern .post-modern:nth-child(1) .entry-meta a {
                        color: #fff
                    }

                        .blog-style-modern .post-modern:nth-child(1) .entry-meta a:hover {
                            color: var(--primary)
                        }

                .blog-style-modern .post-modern:nth-child(1) .entry-title a {
                    color: #fff
                }

                    .blog-style-modern .post-modern:nth-child(1) .entry-title a:hover {
                        color: var(--primary)
                    }
}

.blog-style-modern .post-inner {
    margin-bottom: 20px
}

.blog-style-modern .entry-header {
    margin-bottom: 0
}

.blog-style-modern .post-thumbnail {
    position: relative;
    padding-top: 111%
}

    .blog-style-modern .post-thumbnail img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
        max-height: 100%;
        opacity: 1;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

.blog-style-modern .entry-title {
    font-size: 24px;
    line-height: 1.1666666667
}

.blog-style-modern .more-link-wrap {
    margin-top: 20px
}

    .blog-style-modern .more-link-wrap a.more-link {
        border: none;
        border-radius: 0;
        padding: 0;
        color: var(--text);
        position: relative
    }

        .blog-style-modern .more-link-wrap a.more-link:before {
            position: absolute;
            content: "";
            width: calc(100% - 13px);
            height: 1px;
            left: 0;
            bottom: 4px;
            background-color: var(--text);
            transition: all .3s ease
        }

        .blog-style-modern .more-link-wrap a.more-link:hover {
            background-color: transparent;
            color: var(--primary)
        }

            .blog-style-modern .more-link-wrap a.more-link:hover:before {
                width: 0;
                background-color: var(--primary)
            }

.teapoz-footer-builder .site-footer {
    padding-top: 0
}

.copyright-bar {
    border-top: 1px solid var(--border);
    padding: 1.618em 0
}

    .copyright-bar .site-info {
        text-align: center
    }

        .copyright-bar .site-info a.site-url:not(.button) {
            color: var(--accent);
            text-decoration: underline
        }

            .copyright-bar .site-info a.site-url:not(.button):hover {
                text-decoration: none
            }

@media(max-width:1024px) {
    [data-elementor-type=footer] {
        margin-bottom: 60px
    }
}

.scrollup {
    display: block;
    position: fixed;
    right: 30px;
    bottom: 80px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-decoration: none;
    background: #fff;
    color: var(--accent);
    border: 1px solid var(--border);
    border-radius: 50%;
    transform: scale(0);
    z-index: 999;
    text-align: center;
    font-size: 20px;
    transition: all ease .35s
}

@media(min-width:1024px) {
    .scrollup {
        bottom: 30px
    }
}

@media(max-width:768px) {
    .scrollup {
        opacity: 0 !important;
        pointer-events: none
    }
}

.scrollup i {
    margin-top: -5px
}

.scrollup.activate {
    transform: scale(1)
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.41575em;
    margin-bottom: 1.41575em;
    clear: both
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.41575em;
    margin-bottom: 1.41575em;
    clear: both
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
    margin-bottom: 1.41575em
}

.screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

    .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 5px;
        box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
        clip: auto !important;
        display: block;
        font-weight: 700;
        height: auto;
        left: 0;
        line-height: normal;
        padding: 1em 1.618em;
        text-decoration: none;
        top: 0;
        width: auto;
        z-index: 100000;
        outline: none
    }

.clear::before, .clear::after, .entry-content::before, .entry-content::after, .comment-content::before, .comment-content::after, .site-header::before, .site-header::after, .site-content::before, .site-content::after, .site-footer::before, .site-footer::after {
    content: "";
    display: table
}

.clear::after, .entry-content::after, .comment-content::after, .site-header::after, .site-content::after, .site-footer::after {
    clear: both
}

table {
    border-spacing: 0;
    width: 100%;
    border-collapse: collapse
}

    table caption {
        padding: 1em 0;
        font-weight: 600
    }

    table td, table th {
        padding: 1em 1.41575em;
        text-align: left;
        vertical-align: top;
        word-break: break-all
    }

        table td p:last-child, table th p:last-child {
            margin-bottom: 0
        }

    table th {
        font-weight: 600
    }

    table thead th {
        padding: 1.41575em;
        vertical-align: middle
    }

    table tbody h2 {
        font-size: 1em;
        letter-spacing: normal;
        font-weight: 400
    }

        table tbody h2 a {
            font-weight: 400
        }

.entry-content table:not(.shop_table) td, .entry-content table:not(.shop_table) th {
    border: 1px solid;
    border-color: var(--border)
}

table.shop_attributes td, table.shop_attributes th {
    border: 1px solid;
    border-color: var(--border)
}

.error404 #page .site-content {
    min-height: 100% !important
}

.error404 .col-full {
    max-width: 1082px;
    margin: 0 auto
}

.error-404 .page-content {
    display: block
}

.error-404 .error-image {
    flex: 50%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding-bottom: 30px
}

    .error-404 .error-image img {
        margin: 0 auto
    }

.error-404 .error-content {
    flex: 50%
}

    .error-404 .error-content .page-title .title {
        font-family: var(--e-global-typography-accent-font-family);
        font-size: 120px;
        line-height: 80px;
        font-weight: 600;
        color: #a82832;
        text-align: center;
        letter-spacing: -1px;
        margin-bottom: 26px
    }

    .error-404 .error-content .error-text .text {
        font-family: var(--e-global-typography-accent-font-family);
        font-size: 32px;
        font-weight: 600;
        text-align: center;
        line-height: 36px;
        color: var(--text);
        letter-spacing: -1px;
        margin-bottom: 30px
    }

    .error-404 .error-content .button-error {
        text-align: center
    }

        .error-404 .error-content .button-error .go-back {
            text-align: center;
            display: inline-flex;
            align-items: center;
            color: #fff;
            font-size: 14px;
            line-height: 14px;
            text-transform: capitalize;
            font-weight: 600;
            padding: 18px 30px;
            background-color: var(--primary);
            transition: all .3s ease;
            border-radius: 5px;
            font-family: var(--e-global-typography-text-font-family)
        }

            .error-404 .error-content .button-error .go-back:hover {
                transition: all ease .3s;
                text-decoration: none;
                background-color: var(--primary_hover)
            }

            .error-404 .error-content .button-error .go-back i {
                margin-left: 10px;
                font-size: 9px
            }

.error-404.right-sidebar .content-area, .error-404.left-sidebar .content-area {
    width: 100%;
    display: block
}

@media(min-width:1024px) {
    .error-404 .page-content {
        display: flex
    }

        .error-404 .page-content .error-image {
            padding-right: 45px
        }

        .error-404 .page-content .error-content {
            padding-left: 45px
        }

            .error-404 .page-content .error-content .page-title .title {
                font-size: 240px;
                line-height: 200px;
                text-align: left
            }

            .error-404 .page-content .error-content .error-text .text {
                font-size: 50px;
                line-height: 54px;
                text-align: left;
                margin-bottom: 45px
            }

        .error-404 .page-content .button-error {
            text-align: left
        }
}

@media(min-width:768px) {
    .error-404 .page-content {
        display: flex
    }

        .error-404 .page-content .error-image {
            padding-right: 15px
        }

        .error-404 .page-content .error-content {
            padding-left: 15px
        }

            .error-404 .page-content .error-content .page-title .title {
                text-align: left
            }

            .error-404 .page-content .error-content .error-text .text {
                text-align: left;
                margin-bottom: 30px
            }

        .error-404 .page-content .button-error {
            text-align: left
        }
}

#comments {
    margin-top: 55px
}

    #comments .comment-form p {
        margin-bottom: 1em
    }

    #comments .comment-form .comment-form-author, #comments .comment-form .comment-form-email, #comments .comment-form .comment-form-url {
        margin-bottom: 30px
    }

        #comments .comment-form .comment-form-author input, #comments .comment-form .comment-form-email input, #comments .comment-form .comment-form-url input {
            width: 100%
        }

    #comments .comment-form .comment-notes, #comments .comment-form .logged-in-as, #comments .comment-form .comment-form-cookies-consent, #comments .comment-form .comment-form-comment {
        margin-bottom: 30px
    }

        #comments .comment-form .comment-notes a, #comments .comment-form .logged-in-as a, #comments .comment-form .comment-form-cookies-consent a, #comments .comment-form .comment-form-comment a {
            color: var(--accent);
            font-weight: 500;
            font-size: 15px
        }

            #comments .comment-form .comment-notes a:hover, #comments .comment-form .logged-in-as a:hover, #comments .comment-form .comment-form-cookies-consent a:hover, #comments .comment-form .comment-form-comment a:hover {
                color: var(--accent);
                text-decoration: underline
            }

    #comments .comments-title {
        color: var(--text);
        font-size: 30px;
        line-height: 1.1333333333;
        margin-bottom: 30px;
        font-weight: 600;
        text-transform: capitalize;
        font-family: var(--e-global-typography-accent-font-family)
    }

    #comments .comment-form-author, #comments .comment-form-email, #comments .comment-form-url {
        padding: 0 15px;
        order: -1
    }

@media(min-width:1024px) {
    #comments .comment-form-author, #comments .comment-form-email, #comments .comment-form-url {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

#comments .comment-notes {
    flex: 0 0 100%;
    max-width: 100%;
    order: -1
}

#comments .comment-form-comment {
    flex: 0 0 100%;
    max-width: 100%;
    order: -1
}

#comments .comment-form-cookies-consent {
    flex: 0 0 100%;
    max-width: 100%
}

#comments .comment-list-wrap {
    margin-bottom: 60px
}

#comments .comment-list {
    position: relative;
    list-style: none;
    margin: 0
}

    #comments .comment-list .comment.depth-1:last-of-type .comment-body {
        margin-bottom: 0
    }

    #comments .comment-list .comment.depth-1:last-of-type .comment-content {
        padding-bottom: 0;
        border-bottom: none
    }

    #comments .comment-list .comment-body {
        margin-bottom: 30px;
        display: flex;
        flex-wrap: wrap
    }

        #comments .comment-list .comment-body::before, #comments .comment-list .comment-body::after {
            content: "";
            display: table
        }

        #comments .comment-list .comment-body::after {
            clear: both
        }

    #comments .comment-list .comment-author {
        display: none
    }

@media(min-width:1024px) {
    #comments .comment-list .comment-author {
        display: block
    }
}

#comments .comment-list .avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
    margin-top: 2px;
    margin-right: 23px
}

#comments .comment-list .comment-content {
    width: 100%;
    position: relative;
    border-bottom: 1px solid var(--border);
    padding-bottom: 30px
}

@media(min-width:1024px) {
    #comments .comment-list .comment-content {
        width: calc(100% - 83px)
    }
}

#comments .comment-list .comment-content .comment-text {
    margin-bottom: 7px
}

    #comments .comment-list .comment-content .comment-text p:last-child {
        margin-bottom: 0
    }

#comments .comment-list .comment-head {
    margin-bottom: 5px
}

#comments .comment-list .comment-meta {
    display: flex;
    align-items: center
}

    #comments .comment-list .comment-meta a.comment-date {
        color: var(--text_light);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4285714286
    }

        #comments .comment-list .comment-meta a.comment-date:hover {
            color: var(--accent)
        }

    #comments .comment-list .comment-meta .comment-author {
        display: inline-block;
        margin-right: 6px
    }

    #comments .comment-list .comment-meta cite {
        color: var(--accent);
        font-style: normal;
        clear: both;
        font-weight: 600;
        font-size: 14px;
        line-height: 1.4285714286;
        margin-right: 10px
    }

        #comments .comment-list .comment-meta cite a {
            color: var(--accent)
        }

#comments .comment-list .trackback .comment-body .comment-content:before, #comments .comment-list .pingback .comment-body .comment-content:before {
    content: none
}

#comments .comment-list .reply::before, #comments .comment-list .reply::after {
    content: "";
    display: table
}

#comments .comment-list .reply::after {
    clear: both
}

#comments .comment-list .reply a {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5714285714;
    display: inline-flex;
    align-items: center;
    margin-right: 15px;
    margin-top: 0;
    margin-bottom: 0;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #e74f3d;
    position: relative;
    z-index: 3
}

    #comments .comment-list .reply a:hover {
        transition: all ease .3s;
        text-decoration: none;
        color: var(--accent)
    }

    #comments .comment-list .reply a:last-child {
        margin-right: 0
    }

#comments .comment-list .children {
    list-style: none
}

#comments .comment-list #respond {
    padding: 20px 1.618em 15px;
    margin: 10px 0 10px auto;
    border-radius: 2px;
    border: 1px solid var(--border);
    width: 100%
}

@media(min-width:1024px) {
    #comments .comment-list #respond {
        width: calc(100% - 83px)
    }
}

#comments .bypostauthor {
    font-size: inherit
}

#comments blockquote {
    margin-left: 0
}

#comments table th, #comments table td {
    border: 1px solid;
    border-color: var(--border)
}

#commentform {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

    #commentform > p, #commentform .comment-form-rating {
        padding: 0 15px;
        width: 100%
    }

.comment-content a {
    word-wrap: break-word
}

#respond {
    clear: both;
    position: relative
}

    #respond .comment-form-cookies-consent label {
        color: var(--text)
    }

    #respond .form-submit, #respond form {
        margin-bottom: 0
    }

    #respond label {
        color: var(--text)
    }

    #respond #reply-title {
        color: var(--text);
        font-size: 30px;
        line-height: 1.1333333333;
        margin-bottom: 25px;
        font-weight: 600;
        text-transform: capitalize;
        font-family: var(--e-global-typography-accent-font-family)
    }

    #respond #cancel-comment-reply-link {
        position: absolute;
        top: 15px;
        right: .5407911001em;
        display: block;
        height: 1.5rem;
        width: 1.5rem;
        overflow: hidden;
        line-height: 1;
        font-size: 1.5rem;
        text-align: center;
        transition: transform,ease,.3s
    }

        #respond #cancel-comment-reply-link:hover {
            transform: scale(1.3)
        }

form {
    margin-bottom: 1.618em
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

.button-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 2;
    font-family: var(--e-global-typography-text-font-family);
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 30px;
    text-decoration: none;
    text-shadow: none;
    -webkit-appearance: none;
    letter-spacing: 0;
    border: 1px solid;
    background: 0 0;
    border-color: var(--primary);
    color: var(--primary)
}

    .button-outline i {
        margin-left: 8px;
        font-size: 16px
    }

    .button-outline:hover {
        color: #fff;
        background-color: var(--primary_hover);
        border-color: var(--primary_hover);
        text-decoration: none
    }

    .button-outline.loading {
        opacity: .5
    }

    .button-outline.small {
        padding: .5407911001em .875em;
        font-size: .875em
    }

    .button-outline.disabled, .button-outline:disabled {
        opacity: .5 !important;
        cursor: not-allowed
    }

        .button-outline.disabled:hover, .button-outline:disabled:hover {
            opacity: .5 !important
        }

button, input[type=button], input[type=reset], input[type=submit], .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 2.1428571429;
    font-family: var(--e-global-typography-text-font-family);
    border-radius: 5px;
    cursor: pointer;
    color: var(--white);
    padding: 10px 30px;
    text-decoration: none;
    text-shadow: none;
    -webkit-appearance: none;
    letter-spacing: 0;
    text-transform: capitalize;
    border: none;
    background-color: var(--primary);
    transition: all ease .3s
}

    button i, input[type=button] i, input[type=reset] i, input[type=submit] i, .button i {
        margin-left: 8px;
        font-size: 8px
    }

    button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover {
        border-color: var(--primary);
        background-color: var(--primary);
        text-decoration: none
    }

    button.loading, input[type=button].loading, input[type=reset].loading, input[type=submit].loading, .button.loading {
        opacity: .5
    }

    button.small, input[type=button].small, input[type=reset].small, input[type=submit].small, .button.small {
        padding: .5407911001em .875em;
        font-size: .875em
    }

    button.disabled, button:disabled, input[type=button].disabled, input[type=button]:disabled, input[type=reset].disabled, input[type=reset]:disabled, input[type=submit].disabled, input[type=submit]:disabled, .button.disabled, .button:disabled {
        opacity: .5 !important;
        cursor: not-allowed
    }

        button.disabled:hover, button:disabled:hover, input[type=button].disabled:hover, input[type=button]:disabled:hover, input[type=reset].disabled:hover, input[type=reset]:disabled:hover, input[type=submit].disabled:hover, input[type=submit]:disabled:hover, .button.disabled:hover, .button:disabled:hover {
            opacity: .5 !important
        }

input[type=checkbox], input[type=radio] {
    padding: 0
}

    input[type=checkbox] + label, input[type=radio] + label {
        margin: 0 0 0 .3819820591em
    }

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

input[type=search] {
    box-sizing: border-box
}

    input[type=search]::placeholder {
        color: #616161
    }

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    padding: 14px 30px;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: 0;
    color: var(--text);
    transition: all ease-in-out .3s;
    border: 1px solid var(--border);
    background-color: transparent;
    border-radius: 5px
}

    input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, .input-text:focus {
        border-color: var(--accent)
    }

    input[type=text]::placeholder, input[type=number]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, input[type=url]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, textarea::placeholder, .input-text::placeholder {
        color: var(--text)
    }

select {
    padding: .63em 28px .63em 1.41575em
}

    select:not([size]):not([multiple]) {
        color: var(--text);
        background-color: #fff;
        border: 1px solid;
        border-color: var(--border);
        max-width: 100%;
        -webkit-appearance: none;
        -moz-appearance: textfield;
        appearance: none;
        width: 100%;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjMzQzYTQwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMicgZD0nTTIgNWw2IDYgNi02Jy8+PC9zdmc+);
        background-position: calc(100% - 10px) center;
        background-repeat: no-repeat;
        background-size: 16px 12px;
        border-radius: 0
    }

textarea {
    overflow: auto;
    vertical-align: top;
    width: 100%;
    border-radius: 5px
}

label {
    font-weight: 500
}

    label.inline input {
        width: auto
    }

fieldset {
    padding: 1.618em;
    padding-top: 1em;
    margin: 0;
    margin-bottom: 1.618em;
    margin-top: 1.618em;
    border-color: var(--border)
}

    fieldset legend {
        font-weight: 700;
        color: var(--accent);
        padding: .6180469716em 1em;
        margin-left: -1em
    }

[placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity .5s .5s ease;
    -moz-transition: opacity .5s .5s ease;
    transition: opacity .5s .5s ease;
    opacity: 0
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    display: inline-block;
    border-radius: 0
}

.gallery {
    margin-bottom: 1.41575em
}

    .gallery::before, .gallery::after {
        content: "";
        display: table
    }

    .gallery::after {
        clear: both
    }

    .gallery .gallery-item {
        float: left
    }

        .gallery .gallery-item .gallery-icon a {
            display: block
        }

        .gallery .gallery-item .gallery-icon img {
            border: none;
            height: auto;
            margin: 0 auto
        }

        .gallery .gallery-item .gallery-caption {
            margin: 0;
            text-align: center
        }

    .gallery.gallery-columns-1 .gallery-item {
        width: 100%
    }

    .gallery.gallery-columns-2 .gallery-item {
        width: 50%
    }

    .gallery.gallery-columns-3 .gallery-item {
        width: 33.3%
    }

    .gallery.gallery-columns-4 .gallery-item {
        width: 25%
    }

    .gallery.gallery-columns-5 .gallery-item {
        width: 20%
    }

    .gallery.gallery-columns-6 .gallery-item {
        width: 16.666666667%
    }

    .gallery.gallery-columns-7 .gallery-item {
        width: 14.285714286%
    }

    .gallery.gallery-columns-8 .gallery-item {
        width: 12.5%
    }

    .gallery.gallery-columns-9 .gallery-item {
        width: 11.111111111%
    }

embed, iframe, object, video {
    max-width: 100%
}

.wp-caption {
    margin-bottom: 1em;
    max-width: 100%
}

    .wp-caption img[class*=wp-image-] {
        display: block;
        margin: 0 auto
    }

    .wp-caption .wp-caption-text {
        text-align: left;
        font-style: italic;
        border-bottom: 2px solid #e4e4e4;
        padding: 5px 0;
        font-size: 14px;
        line-height: 20px
    }

nav.navigation {
    clear: both
}

    nav.navigation::before, nav.navigation::after {
        content: "";
        display: table
    }

    nav.navigation::after {
        clear: both
    }

.woocommerce-pagination-wrap {
    margin-top: 80px
}

.pagination, .woocommerce-pagination {
    clear: both
}

    .pagination ul.page-numbers::before, .pagination ul.page-numbers::after, .woocommerce-pagination ul.page-numbers::before, .woocommerce-pagination ul.page-numbers::after {
        content: "";
        display: table
    }

    .pagination ul.page-numbers::after, .woocommerce-pagination ul.page-numbers::after {
        clear: both
    }

    .pagination ul.page-numbers, .woocommerce-pagination ul.page-numbers {
        display: flex;
        align-items: center;
        list-style: none;
        flex-wrap: wrap;
        margin: 60px 0 0;
        justify-content: center
    }

        .pagination ul.page-numbers li, .woocommerce-pagination ul.page-numbers li {
            display: inline-block
        }

            .pagination ul.page-numbers li .page-numbers, .woocommerce-pagination ul.page-numbers li .page-numbers {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                font-size: 12px;
                line-height: 1.3333333333;
                font-weight: 600;
                color: var(--light);
                min-width: 60px;
                text-transform: uppercase;
                transition: all ease .3s;
                letter-spacing: 2px
            }

                .pagination ul.page-numbers li .page-numbers.current, .woocommerce-pagination ul.page-numbers li .page-numbers.current {
                    color: var(--accent)
                }

                .pagination ul.page-numbers li .page-numbers:hover, .woocommerce-pagination ul.page-numbers li .page-numbers:hover {
                    color: var(--primary);
                    text-decoration: none
                }

                .pagination ul.page-numbers li .page-numbers.prev, .pagination ul.page-numbers li .page-numbers.next, .woocommerce-pagination ul.page-numbers li .page-numbers.prev, .woocommerce-pagination ul.page-numbers li .page-numbers.next {
                    color: var(--accent);
                    -ms-transition: all .5s ease;
                    -o-transition: all .5s ease;
                    -moz-transition: all .5s ease;
                    -webkit-transition: all .5s ease;
                    transition: all .5s ease
                }

                    .pagination ul.page-numbers li .page-numbers.prev:hover, .pagination ul.page-numbers li .page-numbers.next:hover, .woocommerce-pagination ul.page-numbers li .page-numbers.prev:hover, .woocommerce-pagination ul.page-numbers li .page-numbers.next:hover {
                        color: var(--primary)
                    }

.rtl .pagination a.next, .rtl .pagination a.prev, .rtl .woocommerce-pagination a.next, .rtl .woocommerce-pagination a.prev {
    transform: rotateY(180deg)
}

.page-links {
    padding-top: 20px
}

    .page-links > * {
        box-sizing: content-box;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        display: inline-block;
        color: var(--accent)
    }

        .page-links > *:hover {
            background-color: #eee;
            color: var(--accent)
        }

        .page-links > *.current {
            background-color: var(--primary);
            color: #fff
        }

nav.post-navigation {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    margin-top: 55px
}

    nav.post-navigation .nav-links {
        display: flex;
        flex-wrap: wrap
    }

    nav.post-navigation .nav-previous, nav.post-navigation .nav-next {
        padding-top: 55px;
        padding-bottom: 55px;
        display: flex;
        position: relative;
        overflow: hidden;
        transition: all .3s ease
    }

        nav.post-navigation .nav-previous a, nav.post-navigation .nav-next a {
            display: flex;
            color: var(--text);
            max-width: 260px
        }

            nav.post-navigation .nav-previous a:hover, nav.post-navigation .nav-next a:hover {
                text-decoration: none;
                color: var(--primary)
            }

                nav.post-navigation .nav-previous a:hover .reader-text, nav.post-navigation .nav-next a:hover .reader-text {
                    color: var(--text)
                }

        nav.post-navigation .nav-previous .nav-content, nav.post-navigation .nav-next .nav-content {
            flex: 1
        }

        nav.post-navigation .nav-previous .title, nav.post-navigation .nav-next .title {
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            font-size: 18px;
            line-height: 1.2222222222;
            font-weight: 600;
            font-family: var(--e-global-typography-accent-font-family);
            text-transform: capitalize;
            -ms-transition: all .2s ease;
            -o-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -webkit-transition: all .2s ease;
            transition: all .2s ease
        }

        nav.post-navigation .nav-previous .reader-text, nav.post-navigation .nav-next .reader-text {
            display: block;
            color: var(--text_light);
            position: relative;
            font-size: 14px;
            line-height: 1.7142857143;
            font-weight: 500;
            text-transform: capitalize;
            margin-bottom: 11px
        }

    nav.post-navigation .nav-previous {
        float: left;
        width: 100%;
        justify-content: flex-start;
        margin-right: auto
    }

@media(min-width:768px) {
    nav.post-navigation .nav-previous {
        width: 50%;
        padding-right: 15px
    }
}

nav.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 100%;
    justify-content: flex-end;
    margin-left: auto
}

@media(min-width:768px) {
    nav.post-navigation .nav-next {
        width: 50%;
        padding-left: 20px
    }
}

.products-load-more-btn {
    display: block;
    padding: 15px 30px;
    text-align: center
}

@media(max-width:1024px) {
    #secondary {
        display: none
    }
}

#secondary .widget {
    margin-bottom: 50px
}

    #secondary .widget:last-child {
        margin-bottom: 0
    }

.widget {
    position: relative
}

    .widget .wp-block-group__inner-container > h2, .widget .widget-title, .widget .widgettitle {
        font-size: 18px;
        line-height: 1.3333333333;
        font-weight: 600;
        padding-bottom: 12px;
        letter-spacing: 0;
        color: var(--accent);
        text-transform: capitalize;
        transition: all ease .3s;
        margin-bottom: 19px;
        border-bottom: 1px solid var(--border)
    }

    .widget .price_slider .ui-slider-range {
        background-color: var(--accent)
    }

    .widget .price_slider .ui-slider-handle {
        background-color: var(--accent)
    }

    .widget select {
        max-width: 100%
    }

    .widget .widget-search .search-submit {
        border: 0;
        clip: rect(1px,1px,1px,1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        word-wrap: normal !important
    }

    .widget.widget_recent_entries {
        counter-reset: section
    }

        .widget.widget_recent_entries li {
            display: flex;
            flex-direction: row;
            margin-bottom: 20px;
            align-items: center
        }

            .widget.widget_recent_entries li:last-child {
                margin-bottom: 0;
                padding-bottom: 0;
                border-bottom: none
            }

        .widget.widget_recent_entries .recent-posts-thumbnail {
            flex: 0 0 auto;
            overflow: hidden;
            position: relative
        }

            .widget.widget_recent_entries .recent-posts-thumbnail img {
                margin-right: 15px;
                width: 80px;
                height: 80px;
                object-fit: cover;
                border-radius: 5px
            }

        .widget.widget_recent_entries .recent-posts-info {
            flex: 1 1 auto;
            display: flex;
            flex-direction: column-reverse
        }

        .widget.widget_recent_entries .post-date {
            font-size: 10px;
            font-weight: 500;
            line-height: 1.4;
            color: var(--text_light);
            text-transform: uppercase;
            letter-spacing: 2px
        }

        .widget.widget_recent_entries .post-title {
            line-height: 1.4285714286;
            font-size: 15px;
            font-weight: 600;
            color: var(--text);
            text-transform: capitalize;
            margin-bottom: 5px;
            letter-spacing: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical
        }

            .widget.widget_recent_entries .post-title a {
                color: #033d50;
                font-weight: 600
            }

    .widget ul {
        margin-left: 0;
        list-style: none
    }

        .widget ul li {
            list-style: none;
            margin-bottom: .3819820591em
        }

        .widget ul .children {
            margin-top: .3819820591em
        }

        .widget ul ul {
            margin-left: 1.27em;
            margin-top: .6180469716em
        }

    .widget.widget_rss .rss-date {
        font-style: italic;
        display: block;
        margin: 0 0 .7em
    }

    .widget.widget_rss .widget-title .rsswidget {
        display: inline-block;
        font-size: 16px;
        line-height: 1.375;
        font-weight: 700;
        color: var(--accent)
    }

    .widget.widget_rss .rss-date, .widget.widget_rss cite {
        color: var(--accent)
    }

    .widget.widget_rss li {
        margin-bottom: 1em
    }

        .widget.widget_rss li a.rsswidget {
            line-height: 1.41575em;
            font-weight: 600
        }

            .widget.widget_rss li a.rsswidget:hover {
                text-decoration: none
            }

.wpml-ls.wpml-ls-legacy-list-vertical li, .wpml-ls.wpml-ls-legacy-list-horizontal li {
    margin-bottom: 1em
}

.wpml-ls.wpml-ls-legacy-list-vertical a, .wpml-ls.wpml-ls-legacy-list-horizontal a {
    padding: 0
}

.wpml-ls.wpml-ls-legacy-list-horizontal a {
    padding-right: .875em
}

.wpml-ls.wpml-ls-legacy-dropdown-click, .wpml-ls.wpml-ls-legacy-dropdown {
    width: 100%
}

    .wpml-ls.wpml-ls-legacy-dropdown-click a, .wpml-ls.wpml-ls-legacy-dropdown a {
        padding: 1em 1.41575em;
        border-color: var(--border);
        background-color: var(--background)
    }

        .wpml-ls.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after, .wpml-ls.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
            right: 1em
        }

    .wpml-ls.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .wpml-ls.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
        border-top: 0
    }

.wpml-ls-statics-footer.wpml-ls-legacy-list-horizontal {
    margin-bottom: 0
}

.wpml-ls-statics-footer.wpml-ls-legacy-list-vertical {
    margin-top: 1em;
    margin-bottom: 0
}

.wpml-ls-statics-footer li a {
    color: var(--text)
}

    .wpml-ls-statics-footer li a:hover {
        color: var(--primary)
    }

.widget.widget_tag_cloud .tagcloud a, .widget.widget_tag_cloud .wp-block-tag-cloud a, .widget.widget_product_tag_cloud .tagcloud a, .widget.widget_product_tag_cloud .wp-block-tag-cloud a, .elementor-widget-wp-widget-tag_cloud .tagcloud a, .elementor-widget-wp-widget-tag_cloud .wp-block-tag-cloud a {
    display: inline-block;
    padding: 3px 16px;
    margin-right: 4px;
    margin-bottom: 5px;
    font-size: 12px !important;
    line-height: 1.5;
    font-weight: 500;
    position: relative;
    color: var(--text_light);
    border: 1px solid var(--border);
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-transform: capitalize;
    border-radius: 3px
}

    .widget.widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud .wp-block-tag-cloud a:hover, .widget.widget_product_tag_cloud .tagcloud a:hover, .widget.widget_product_tag_cloud .wp-block-tag-cloud a:hover, .elementor-widget-wp-widget-tag_cloud .tagcloud a:hover, .elementor-widget-wp-widget-tag_cloud .wp-block-tag-cloud a:hover {
        color: #fff;
        border-color: var(--primary);
        background-color: var(--primary);
        text-decoration: none
    }

.widget-area .widget a.button {
    font-weight: 700 !important
}

.widget_search form, .widget_product_search form, .site-search form {
    position: relative;
    margin-bottom: 0
}

    .widget_search form::before, .widget_product_search form::before, .site-search form::before {
        font-size: 15px;
        color: var(--accent)
    }

    .widget_search form input[type=text], .widget_search form input[type=search], .widget_product_search form input[type=text], .widget_product_search form input[type=search], .site-search form input[type=text], .site-search form input[type=search] {
        width: 100%;
        padding: 12px 20px;
        padding-right: 55px;
        flex: 1;
        border-radius: 5px;
        color: var(--accent)
    }

        .widget_search form input[type=text]:focus, .widget_search form input[type=search]:focus, .widget_product_search form input[type=text]:focus, .widget_product_search form input[type=search]:focus, .site-search form input[type=text]:focus, .site-search form input[type=search]:focus {
            border-color: var(--primary)
        }

        .widget_search form input[type=text]::placeholder, .widget_search form input[type=search]::placeholder, .widget_product_search form input[type=text]::placeholder, .widget_product_search form input[type=search]::placeholder, .site-search form input[type=text]::placeholder, .site-search form input[type=search]::placeholder {
            font-weight: 400;
            font-size: 14px;
            line-height: 24px;
            color: var(--text_light)
        }

    .widget_search form input[type=submit], .widget_search form button[type=submit], .widget_product_search form input[type=submit], .widget_product_search form button[type=submit], .site-search form input[type=submit], .site-search form button[type=submit] {
        font-size: 0;
        line-height: 0;
        width: 55px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 3;
        background: 0 0;
        border: none;
        padding: 0
    }

        .widget_search form input[type=submit]:hover, .widget_search form input[type=submit]:focus, .widget_search form input[type=submit]:active, .widget_search form button[type=submit]:hover, .widget_search form button[type=submit]:focus, .widget_search form button[type=submit]:active, .widget_product_search form input[type=submit]:hover, .widget_product_search form input[type=submit]:focus, .widget_product_search form input[type=submit]:active, .widget_product_search form button[type=submit]:hover, .widget_product_search form button[type=submit]:focus, .widget_product_search form button[type=submit]:active, .site-search form input[type=submit]:hover, .site-search form input[type=submit]:focus, .site-search form input[type=submit]:active, .site-search form button[type=submit]:hover, .site-search form button[type=submit]:focus, .site-search form button[type=submit]:active {
            background: 0 0
        }

        .widget_search form input[type=submit]:after, .widget_search form button[type=submit]:after, .widget_product_search form input[type=submit]:after, .widget_product_search form button[type=submit]:after, .site-search form input[type=submit]:after, .site-search form button[type=submit]:after {
            background-color: transparent
        }

.site-search form {
    margin-bottom: 0
}

.widget_categories form, .widget_text form {
    margin: 0
}

.widget_categories p, .widget_text p {
    margin: 0
}

.widget.widget_block ul, .widget.widget_block ol, .wp-block-archives-list ul, .wp-block-archives-list ol, .widget_product_brands ul, .widget_product_brands ol, .widget_pages ul, .widget_pages ol, .widget_categories ul, .widget_categories ol, .widget_archive ul, .widget_archive ol, .widget_recent_comments ul, .widget_recent_comments ol, .widget_recent_entries ul, .widget_recent_entries ol, .widget_nav_menu ul, .widget_nav_menu ol, .widget_links ul, .widget_links ol, .widget_product_categories ul, .widget_product_categories ol, .widget_layered_nav ul, .widget_layered_nav ol, .widget_meta ul, .widget_meta ol, .widget_layered_nav_filters ul, .widget_layered_nav_filters ol {
    margin-bottom: 0
}

    .widget.widget_block ul li, .widget.widget_block ol li, .wp-block-archives-list ul li, .wp-block-archives-list ol li, .widget_product_brands ul li, .widget_product_brands ol li, .widget_pages ul li, .widget_pages ol li, .widget_categories ul li, .widget_categories ol li, .widget_archive ul li, .widget_archive ol li, .widget_recent_comments ul li, .widget_recent_comments ol li, .widget_recent_entries ul li, .widget_recent_entries ol li, .widget_nav_menu ul li, .widget_nav_menu ol li, .widget_links ul li, .widget_links ol li, .widget_product_categories ul li, .widget_product_categories ol li, .widget_layered_nav ul li, .widget_layered_nav ol li, .widget_meta ul li, .widget_meta ol li, .widget_layered_nav_filters ul li, .widget_layered_nav_filters ol li {
        list-style: none;
        margin-bottom: .6180469716em;
        position: relative
    }

    .widget.widget_block ul a:not(.button), .widget.widget_block ol a:not(.button), .wp-block-archives-list ul a:not(.button), .wp-block-archives-list ol a:not(.button), .widget_product_brands ul a:not(.button), .widget_product_brands ol a:not(.button), .widget_pages ul a:not(.button), .widget_pages ol a:not(.button), .widget_categories ul a:not(.button), .widget_categories ol a:not(.button), .widget_archive ul a:not(.button), .widget_archive ol a:not(.button), .widget_recent_comments ul a:not(.button), .widget_recent_comments ol a:not(.button), .widget_recent_entries ul a:not(.button), .widget_recent_entries ol a:not(.button), .widget_nav_menu ul a:not(.button), .widget_nav_menu ol a:not(.button), .widget_links ul a:not(.button), .widget_links ol a:not(.button), .widget_product_categories ul a:not(.button), .widget_product_categories ol a:not(.button), .widget_layered_nav ul a:not(.button), .widget_layered_nav ol a:not(.button), .widget_meta ul a:not(.button), .widget_meta ol a:not(.button), .widget_layered_nav_filters ul a:not(.button), .widget_layered_nav_filters ol a:not(.button) {
        color: var(--text);
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        font-weight: 500
    }

        .widget.widget_block ul a:not(.button):hover, .widget.widget_block ol a:not(.button):hover, .wp-block-archives-list ul a:not(.button):hover, .wp-block-archives-list ol a:not(.button):hover, .widget_product_brands ul a:not(.button):hover, .widget_product_brands ol a:not(.button):hover, .widget_pages ul a:not(.button):hover, .widget_pages ol a:not(.button):hover, .widget_categories ul a:not(.button):hover, .widget_categories ol a:not(.button):hover, .widget_archive ul a:not(.button):hover, .widget_archive ol a:not(.button):hover, .widget_recent_comments ul a:not(.button):hover, .widget_recent_comments ol a:not(.button):hover, .widget_recent_entries ul a:not(.button):hover, .widget_recent_entries ol a:not(.button):hover, .widget_nav_menu ul a:not(.button):hover, .widget_nav_menu ol a:not(.button):hover, .widget_links ul a:not(.button):hover, .widget_links ol a:not(.button):hover, .widget_product_categories ul a:not(.button):hover, .widget_product_categories ol a:not(.button):hover, .widget_layered_nav ul a:not(.button):hover, .widget_layered_nav ol a:not(.button):hover, .widget_meta ul a:not(.button):hover, .widget_meta ol a:not(.button):hover, .widget_layered_nav_filters ul a:not(.button):hover, .widget_layered_nav_filters ol a:not(.button):hover {
            color: var(--primary)
        }

            .widget.widget_block ul a:not(.button):hover .archive-count, .widget.widget_block ul a:not(.button):hover .count, .widget.widget_block ul a:not(.button):hover .cat-count, .widget.widget_block ol a:not(.button):hover .archive-count, .widget.widget_block ol a:not(.button):hover .count, .widget.widget_block ol a:not(.button):hover .cat-count, .wp-block-archives-list ul a:not(.button):hover .archive-count, .wp-block-archives-list ul a:not(.button):hover .count, .wp-block-archives-list ul a:not(.button):hover .cat-count, .wp-block-archives-list ol a:not(.button):hover .archive-count, .wp-block-archives-list ol a:not(.button):hover .count, .wp-block-archives-list ol a:not(.button):hover .cat-count, .widget_product_brands ul a:not(.button):hover .archive-count, .widget_product_brands ul a:not(.button):hover .count, .widget_product_brands ul a:not(.button):hover .cat-count, .widget_product_brands ol a:not(.button):hover .archive-count, .widget_product_brands ol a:not(.button):hover .count, .widget_product_brands ol a:not(.button):hover .cat-count, .widget_pages ul a:not(.button):hover .archive-count, .widget_pages ul a:not(.button):hover .count, .widget_pages ul a:not(.button):hover .cat-count, .widget_pages ol a:not(.button):hover .archive-count, .widget_pages ol a:not(.button):hover .count, .widget_pages ol a:not(.button):hover .cat-count, .widget_categories ul a:not(.button):hover .archive-count, .widget_categories ul a:not(.button):hover .count, .widget_categories ul a:not(.button):hover .cat-count, .widget_categories ol a:not(.button):hover .archive-count, .widget_categories ol a:not(.button):hover .count, .widget_categories ol a:not(.button):hover .cat-count, .widget_archive ul a:not(.button):hover .archive-count, .widget_archive ul a:not(.button):hover .count, .widget_archive ul a:not(.button):hover .cat-count, .widget_archive ol a:not(.button):hover .archive-count, .widget_archive ol a:not(.button):hover .count, .widget_archive ol a:not(.button):hover .cat-count, .widget_recent_comments ul a:not(.button):hover .archive-count, .widget_recent_comments ul a:not(.button):hover .count, .widget_recent_comments ul a:not(.button):hover .cat-count, .widget_recent_comments ol a:not(.button):hover .archive-count, .widget_recent_comments ol a:not(.button):hover .count, .widget_recent_comments ol a:not(.button):hover .cat-count, .widget_recent_entries ul a:not(.button):hover .archive-count, .widget_recent_entries ul a:not(.button):hover .count, .widget_recent_entries ul a:not(.button):hover .cat-count, .widget_recent_entries ol a:not(.button):hover .archive-count, .widget_recent_entries ol a:not(.button):hover .count, .widget_recent_entries ol a:not(.button):hover .cat-count, .widget_nav_menu ul a:not(.button):hover .archive-count, .widget_nav_menu ul a:not(.button):hover .count, .widget_nav_menu ul a:not(.button):hover .cat-count, .widget_nav_menu ol a:not(.button):hover .archive-count, .widget_nav_menu ol a:not(.button):hover .count, .widget_nav_menu ol a:not(.button):hover .cat-count, .widget_links ul a:not(.button):hover .archive-count, .widget_links ul a:not(.button):hover .count, .widget_links ul a:not(.button):hover .cat-count, .widget_links ol a:not(.button):hover .archive-count, .widget_links ol a:not(.button):hover .count, .widget_links ol a:not(.button):hover .cat-count, .widget_product_categories ul a:not(.button):hover .archive-count, .widget_product_categories ul a:not(.button):hover .count, .widget_product_categories ul a:not(.button):hover .cat-count, .widget_product_categories ol a:not(.button):hover .archive-count, .widget_product_categories ol a:not(.button):hover .count, .widget_product_categories ol a:not(.button):hover .cat-count, .widget_layered_nav ul a:not(.button):hover .archive-count, .widget_layered_nav ul a:not(.button):hover .count, .widget_layered_nav ul a:not(.button):hover .cat-count, .widget_layered_nav ol a:not(.button):hover .archive-count, .widget_layered_nav ol a:not(.button):hover .count, .widget_layered_nav ol a:not(.button):hover .cat-count, .widget_meta ul a:not(.button):hover .archive-count, .widget_meta ul a:not(.button):hover .count, .widget_meta ul a:not(.button):hover .cat-count, .widget_meta ol a:not(.button):hover .archive-count, .widget_meta ol a:not(.button):hover .count, .widget_meta ol a:not(.button):hover .cat-count, .widget_layered_nav_filters ul a:not(.button):hover .archive-count, .widget_layered_nav_filters ul a:not(.button):hover .count, .widget_layered_nav_filters ul a:not(.button):hover .cat-count, .widget_layered_nav_filters ol a:not(.button):hover .archive-count, .widget_layered_nav_filters ol a:not(.button):hover .count, .widget_layered_nav_filters ol a:not(.button):hover .cat-count {
                color: var(--primary)
            }

    .widget.widget_block ul .children, .widget.widget_block ol .children, .wp-block-archives-list ul .children, .wp-block-archives-list ol .children, .widget_product_brands ul .children, .widget_product_brands ol .children, .widget_pages ul .children, .widget_pages ol .children, .widget_categories ul .children, .widget_categories ol .children, .widget_archive ul .children, .widget_archive ol .children, .widget_recent_comments ul .children, .widget_recent_comments ol .children, .widget_recent_entries ul .children, .widget_recent_entries ol .children, .widget_nav_menu ul .children, .widget_nav_menu ol .children, .widget_links ul .children, .widget_links ol .children, .widget_product_categories ul .children, .widget_product_categories ol .children, .widget_layered_nav ul .children, .widget_layered_nav ol .children, .widget_meta ul .children, .widget_meta ol .children, .widget_layered_nav_filters ul .children, .widget_layered_nav_filters ol .children {
        margin-top: .6180469716em
    }

.widget_archive select {
    margin-bottom: 0
}

.widget_rating_filter li, .widget_product_brands li, .widget_product_categories li, .woocommerce-widget-layered-nav li, .widget_categories li, .widget_archive li, .wp-block-archives li, .wp-block-categories li, .widget_pages li, .widget_meta li, .widget_nav_menu li {
    position: relative;
    font-size: 16px;
    line-height: 1.25;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 10px;
    transition: all .3s ease
}

    .widget_rating_filter li .archive-count, .widget_rating_filter li .count, .widget_rating_filter li .cat-count, .widget_product_brands li .archive-count, .widget_product_brands li .count, .widget_product_brands li .cat-count, .widget_product_categories li .archive-count, .widget_product_categories li .count, .widget_product_categories li .cat-count, .woocommerce-widget-layered-nav li .archive-count, .woocommerce-widget-layered-nav li .count, .woocommerce-widget-layered-nav li .cat-count, .widget_categories li .archive-count, .widget_categories li .count, .widget_categories li .cat-count, .widget_archive li .archive-count, .widget_archive li .count, .widget_archive li .cat-count, .wp-block-archives li .archive-count, .wp-block-archives li .count, .wp-block-archives li .cat-count, .wp-block-categories li .archive-count, .wp-block-categories li .count, .wp-block-categories li .cat-count, .widget_pages li .archive-count, .widget_pages li .count, .widget_pages li .cat-count, .widget_meta li .archive-count, .widget_meta li .count, .widget_meta li .cat-count, .widget_nav_menu li .archive-count, .widget_nav_menu li .count, .widget_nav_menu li .cat-count {
        color: var(--text_light);
        font-weight: 500;
        font-size: 14px
    }

.widget-area .widget_search .wp-block-search .wp-block-search__label {
    font-size: 18px;
    line-height: 1.2222222222;
    font-weight: 600;
    padding-bottom: 18px;
    text-transform: capitalize;
    color: var(--accent);
    transition: all ease .3s;
    font-family: var(--e-global-typography-accent-font-family);
    margin-bottom: 22px;
    border-bottom: 1px solid var(--border);
    display: block
}

.widget-area .widget_archive select {
    margin-bottom: 0
}

.widget_recent_comments .wp-block-latest-comments__comment {
    line-height: 1.7
}

.wp-block-latest-comments .wp-block-latest-comments__comment {
    line-height: 1.425
}

.widget-area #wp-calendar th, .widget-area #wp-calendar td, .footer-widgets #wp-calendar th, .footer-widgets #wp-calendar td {
    padding: .236em;
    text-align: center
}

.widget_recent_entries ul ul.children {
    margin: .6180469716em 0 0
}

.teapoz-canvas-filter .widget h1.widget-title, .widget-area .widget h1.widget-title {
    font-size: 1.41575em
}

.teapoz-canvas-filter a:not(.button), .widget-area a:not(.button) {
    color: var(--accent)
}

    .teapoz-canvas-filter a:not(.button):hover, .widget-area a:not(.button):hover {
        color: var(--accent)
    }

.widget_calendar, .wp-block-calendar {
    text-align: left
}

    .widget_calendar table caption, .wp-block-calendar table caption {
        padding: 7px 0;
        background: var(--primary);
        color: var(--accent)
    }

    .widget_calendar table th, .widget_calendar table td, .wp-block-calendar table th, .wp-block-calendar table td {
        text-align: center;
        border: 1px solid;
        border-color: var(--border)
    }

    .widget_calendar table #today, .wp-block-calendar table #today {
        background-color: var(--primary);
        color: #fff
    }

    .widget_calendar table th, .wp-block-calendar table th {
        background: #ddd;
        color: var(--accent)
    }

.ajax-search .site-header-search .button-search-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: none;
    width: 100%;
    height: unset
}

.ajax-search .site-header-search i {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 10px;
    color: var(--accent)
}

.ajax-search .site-header-search .content {
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    color: var(--accent)
}

.ajax-search .site-header-search:hover i {
    color: var(--accent)
}

.search-by-category {
    display: none;
    position: relative
}

    .search-by-category .input-dropdown-inner {
        height: 48px;
        line-height: 48px;
        width: 155px
    }

@media(min-width:768px) {
    .search-by-category .input-dropdown-inner {
        width: 215px
    }
}

.search-by-category .input-dropdown-inner > a {
    display: block;
    margin-right: 24px;
    font-weight: 400;
    color: var(--text);
    position: relative;
    text-decoration: none
}

    .search-by-category .input-dropdown-inner > a:hover {
        color: var(--accent)
    }

    .search-by-category .input-dropdown-inner > a span {
        width: 110px;
        display: block;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        text-align: right
    }

@media(min-width:768px) {
    .search-by-category .input-dropdown-inner > a span {
        width: 135px
    }
}

.search-by-category .input-dropdown-inner > a:after {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: #666
}

@media(min-width:768px) {
    .search-by-category .input-dropdown-inner > a:after {
        right: 20px
    }
}

.search-by-category .input-dropdown-inner select.dropdown_product_cat_ajax {
    line-height: 44px;
    height: 44px;
    padding: 0 15px;
    font-size: 13px;
    display: none;
    border: none;
    background-color: transparent
}

.search-by-category .list-wrapper {
    position: absolute;
    top: 100%;
    left: 1px;
    z-index: 300;
    display: none;
    margin-top: 1px;
    height: auto;
    background-color: #fff;
    text-align: left;
    box-shadow: 0 0 3px rgba(0,0,0,.15);
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid var(--border)
}

    .search-by-category .list-wrapper .teapoz-scroll-content {
        position: relative;
        max-height: 255px;
        max-width: 215px;
        overflow-y: auto;
        margin-bottom: 0
    }

.search-by-category ul li {
    margin-bottom: 0
}

    .search-by-category ul li a {
        display: block;
        padding: 5px 25px;
        color: var(--accent);
        font-size: 14px;
        line-height: 20px;
        white-space: nowrap
    }

        .search-by-category ul li a:focus, .search-by-category ul li a:hover {
            background-color: #f9f9f9;
            color: var(--accent);
            text-decoration: none
        }

    .search-by-category ul li.current-item > a {
        background-color: #f4f4f4;
        color: var(--accent)
    }

.search-by-category ul .children {
    margin-top: 0;
    display: none
}

    .search-by-category ul .children > li > a {
        padding-left: 15px;
        color: var(--light)
    }

        .search-by-category ul .children > li > a:focus, .search-by-category ul .children > li > a:hover {
            background-color: #f9f9f9;
            color: var(--primary)
        }

@media(min-width:1025px) {
    .menu-toggle, .main-navigation.toggled div.menu {
        display: none
    }

    .primary-navigation {
        display: block
    }

    .instagram-widget .instagram-picture, .instagram-widget .instagram-box-title {
        order: unset !important
    }

    .main-navigation {
        clear: both;
        display: block;
        width: 100%
    }

        .main-navigation ul {
            list-style: none;
            margin: 0;
            padding-left: 0;
            display: block
        }

            .main-navigation ul li {
                position: relative;
                display: inline-block;
                text-align: left
            }

                .main-navigation ul li a:not(.elementor-button-link) {
                    display: block
                }

                .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
                    display: block;
                    opacity: 1;
                    visibility: visible;
                    pointer-events: auto;
                    transform: translateY(0px)
                }

                    .main-navigation ul li:hover > ul li > ul, .main-navigation ul li.focus > ul li > ul {
                        display: block;
                        left: calc(100% + 10px);
                        top: 0;
                        opacity: 0;
                        visibility: hidden;
                        border-radius: 5px
                    }

                        .main-navigation ul li:hover > ul li > ul:before, .main-navigation ul li.focus > ul li > ul:before {
                            position: absolute;
                            content: "";
                            display: block;
                            height: 100%;
                            width: 15px;
                            left: -15px
                        }

                        .main-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device, .main-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device {
                            display: none;
                            left: 0
                        }

                    .main-navigation ul li:hover > ul li:hover > ul, .main-navigation ul li:hover > ul li.focus > ul, .main-navigation ul li.focus > ul li:hover > ul, .main-navigation ul li.focus > ul li.focus > ul {
                        opacity: 1;
                        visibility: visible;
                        pointer-events: auto
                    }

            .main-navigation ul ul.sub-menu {
                float: left;
                position: absolute;
                top: 100%;
                transform: translateY(20px);
                z-index: 99999;
                left: 0;
                opacity: 0;
                visibility: hidden;
                transition: opacity .3s,transform .3s,visibility .3s ease;
                pointer-events: none
            }

                .main-navigation ul ul.sub-menu.sub-menu--is-touch-device {
                    display: none;
                    left: 0
                }

                .main-navigation ul ul.sub-menu li {
                    display: block;
                    min-width: 260px;
                    padding: 0 30px
                }

    .site-content::before, .site-content::after {
        content: "";
        display: table
    }

    .site-content::after {
        clear: both
    }

    .content-area {
        width: calc(100% - 390px);
        float: left;
        position: relative
    }

    .teapoz-sidebar-left .content-area {
        float: right
    }

    .widget-area {
        width: 260px;
        float: right
    }

    .teapoz-sidebar-left .widget-area {
        float: left
    }

    .left-sidebar .content-area {
        float: right
    }

    .left-sidebar .widget-area {
        float: left
    }

    .woocommerce-page.teapoz-full-width-content .content-area {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

        .woocommerce-page.teapoz-full-width-content .content-area:after {
            display: none
        }

    .teapoz-full-width-content .content-area {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

        .teapoz-full-width-content .content-area:after {
            display: none
        }
}

@media(min-width:768px) {
    .site-branding .site-description {
        margin-bottom: 0
    }

    .site-header .subscribe-and-connect-connect {
        float: right;
        margin-bottom: 1em
    }

        .site-header .subscribe-and-connect-connect .icons {
            list-style: none;
            margin: 0
        }

            .site-header .subscribe-and-connect-connect .icons a {
                font-size: 1em !important
            }

            .site-header .subscribe-and-connect-connect .icons li {
                margin: 0 0 0 .5407911001em !important;
                display: inline-block
            }

    .page-template-template-fullwidth-php .content-area, .elementor_library-template-default .content-area, .page-template-template-homepage-php .content-area {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .comment-list::before, .comment-list::after {
        content: "";
        display: table
    }

    .comment-list::after {
        clear: both
    }

    .comment-list .comment {
        clear: both
    }

    .comment-list #respond .comment-form-author, .comment-list #respond .comment-form-email, .comment-list #respond .comment-form-url {
        width: 100%;
        margin-right: 0
    }

    .comment-list .comment-body #respond {
        border: 1px solid #e4e4e4
    }

    .comment-list .comment-head {
        width: calc(100% - 180px)
    }

    .comment-list .reply {
        clear: both
    }

    .comment-list ol.children {
        margin-left: 50px;
        list-style: none
    }

    #respond .comment-form-comment {
        clear: both
    }

    .teapoz-primary-navigation {
        clear: both
    }

        .teapoz-primary-navigation::before, .teapoz-primary-navigation::after {
            content: "";
            display: table
        }

        .teapoz-primary-navigation::after {
            clear: both
        }

    .main-navigation div.menu {
        display: block
    }

    .main-navigation ul.menu, .main-navigation ul.nav-menu {
        max-height: none;
        overflow: visible;
        margin-left: -1.1em;
        margin-right: -1.1em;
        transition: none
    }

        .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
            padding: 1.287em 1.1em
        }

        .main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.sub-menu {
            margin-left: 0
        }

            .main-navigation ul.menu ul.sub-menu li.menu-item a, .main-navigation ul.nav-menu ul.sub-menu li.menu-item a {
                padding: 8px 0;
                font-size: 16px;
                line-height: 1.675;
                font-weight: 500;
                border-bottom: 1px solid var(--border)
            }

            .main-navigation ul.menu ul.sub-menu ul, .main-navigation ul.nav-menu ul.sub-menu ul {
                margin-left: 0
            }

            .main-navigation ul.menu ul.sub-menu > li:last-child > a, .main-navigation ul.nav-menu ul.sub-menu > li:last-child > a {
                border-bottom: none
            }

    .error404 .fourohfour-columns-2 .col-1 {
        width: 48.3870967742%;
        float: left;
        margin-right: 3.2258064516%
    }

        .error404 .fourohfour-columns-2 .col-1 ul.products {
            margin-bottom: 0
        }

    .error404 .fourohfour-columns-2 .col-2 {
        width: 48.3870967742%;
        float: right;
        margin-right: 0
    }

    .wpml-ls-statics-footer {
        max-width: 1560px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px
    }

        .wpml-ls-statics-footer::before, .wpml-ls-statics-footer::after {
            content: "";
            display: table
        }

        .wpml-ls-statics-footer::after {
            clear: both
        }

        .wpml-ls-statics-footer:after {
            content: " ";
            display: block;
            clear: both
        }

    .copyright-bar .teapoz-social {
        text-align: left;
        margin: 0
    }

    .copyright-bar .site-info {
        margin: 0
    }

    .copyright-bar .logo-brands img {
        margin-left: auto;
        margin-right: 0
    }
}

.d-grid {
    display: grid
}

.d-flex {
    display: flex
}

.flex-row {
    flex-direction: row
}

.flex-column {
    flex-direction: column
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-column-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.justify-content-start {
    justify-content: flex-start
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-center {
    justify-content: center
}

.justify-content-between {
    justify-content: space-between
}

.justify-content-around {
    justify-content: space-around
}

.align-items-start {
    align-items: flex-start
}

.align-items-end {
    align-items: flex-end
}

.align-items-center {
    align-items: center
}

.align-items-baseline {
    align-items: baseline
}

.align-items-stretch {
    align-items: stretch
}

.align-content-start {
    align-content: flex-start
}

.align-content-end {
    align-content: flex-end
}

.align-content-center {
    align-content: center
}

.align-content-between {
    align-content: space-between
}

.align-content-around {
    align-content: space-around
}

.align-content-stretch {
    align-content: stretch
}

.align-self-auto {
    align-self: auto
}

.align-self-start {
    align-self: flex-start
}

.align-self-end {
    align-self: flex-end
}

.align-self-center {
    align-self: center
}

.align-self-baseline {
    align-self: baseline
}

.align-self-stretch {
    align-self: stretch
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

@media(min-width:1400px) {
    .pl-vw {
        padding-left: calc(calc(100vw - calc(var(--container) + 30px))/2) !important
    }

    .pr-vw {
        padding-right: calc(calc(100vw - calc(var(--container) + 30px))/2) !important
    }

    .ml-vw {
        margin-left: calc(calc(100vw - calc(var(--container) + 30px))/2) !important
    }

    .mr-vw {
        margin-right: calc(calc(100vw - calc(var(--container) + 30px))/2) !important
    }
}

.teapoz-social-share {
    font-size: 14px;
    line-height: 30px
}

    .teapoz-social-share .social-share-header {
        margin-right: 10px;
        color: var(--text_light)
    }

    .teapoz-social-share a {
        color: var(--text)
    }

        .teapoz-social-share a:hover {
            color: var(--primary)
        }

        .teapoz-social-share a span {
            border: 0;
            clip: rect(1px,1px,1px,1px);
            -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
            word-wrap: normal !important
        }

.single-product .social-share-header {
    margin-right: 10px
}

.single-product .teapoz-social-share {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px
}

    .single-product .teapoz-social-share a {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height: 30px;
        padding: 0;
        margin-right: 15px;
        color: var(--accent);
        font-size: 16px
    }

        .single-product .teapoz-social-share a:hover {
            text-decoration: none
        }

@font-face {
    font-family: teapoz-icon;
    src: url(./assets/fonts/icons/teapoz-icon-1.0.0.eot);
    src: url(./assets/fonts/icons/teapoz-icon-1.0.0.eot?#iefix) format("eot"),url(./assets/fonts/icons/teapoz-icon-1.0.0.woff2) format("woff2"),url(./assets/fonts/icons/teapoz-icon-1.0.0.woff) format("woff"),url(./assets/fonts/icons/teapoz-icon-1.0.0.ttf) format("truetype"),url(./assets/fonts/icons/teapoz-icon-1.0.0.svg#teapoz-icon-1.0.0) format("svg")
}

[class*=teapoz-icon-] {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle
}

.teapoz-icon-360:before {
    content: ""
}

.teapoz-icon-bars:before {
    content: ""
}

.teapoz-icon-cart-empty:before {
    content: ""
}

.teapoz-icon-check-square:before {
    content: ""
}

.teapoz-icon-circle:before {
    content: ""
}

.teapoz-icon-cloud-download-alt:before {
    content: ""
}

.teapoz-icon-comment:before {
    content: ""
}

.teapoz-icon-comments:before {
    content: ""
}

.teapoz-icon-contact:before {
    content: ""
}

.teapoz-icon-credit-card:before {
    content: ""
}

.teapoz-icon-dot-circle:before {
    content: ""
}

.teapoz-icon-edit:before {
    content: ""
}

.teapoz-icon-envelope:before {
    content: ""
}

.teapoz-icon-expand-alt:before {
    content: ""
}

.teapoz-icon-external-link-alt:before {
    content: ""
}

.teapoz-icon-file-alt:before {
    content: ""
}

.teapoz-icon-file-archive:before {
    content: ""
}

.teapoz-icon-folder-open:before {
    content: ""
}

.teapoz-icon-folder:before {
    content: ""
}

.teapoz-icon-frown:before {
    content: ""
}

.teapoz-icon-gift:before {
    content: ""
}

.teapoz-icon-grid:before {
    content: ""
}

.teapoz-icon-grip-horizontal:before {
    content: ""
}

.teapoz-icon-heart-fill:before {
    content: ""
}

.teapoz-icon-history:before {
    content: ""
}

.teapoz-icon-home:before {
    content: ""
}

.teapoz-icon-info-circle:before {
    content: ""
}

.teapoz-icon-instagram:before {
    content: ""
}

.teapoz-icon-level-up-alt:before {
    content: ""
}

.teapoz-icon-list:before {
    content: ""
}

.teapoz-icon-map-marker-check:before {
    content: ""
}

.teapoz-icon-meh:before {
    content: ""
}

.teapoz-icon-minus-circle:before {
    content: ""
}

.teapoz-icon-minus:before {
    content: ""
}

.teapoz-icon-mobile-android-alt:before {
    content: ""
}

.teapoz-icon-money-bill:before {
    content: ""
}

.teapoz-icon-pencil-alt:before {
    content: ""
}

.teapoz-icon-plus:before {
    content: ""
}

.teapoz-icon-random:before {
    content: ""
}

.teapoz-icon-reply-all:before {
    content: ""
}

.teapoz-icon-reply:before {
    content: ""
}

.teapoz-icon-search:before {
    content: ""
}

.teapoz-icon-shield-check:before {
    content: ""
}

.teapoz-icon-shopping-basket:before {
    content: ""
}

.teapoz-icon-sign-out-alt:before {
    content: ""
}

.teapoz-icon-smile:before {
    content: ""
}

.teapoz-icon-spinner:before {
    content: ""
}

.teapoz-icon-square:before {
    content: ""
}

.teapoz-icon-star:before {
    content: ""
}

.teapoz-icon-store:before {
    content: ""
}

.teapoz-icon-sync:before {
    content: ""
}

.teapoz-icon-tachometer-alt:before {
    content: ""
}

.teapoz-icon-thumbtack:before {
    content: ""
}

.teapoz-icon-ticket:before {
    content: ""
}

.teapoz-icon-times-circle:before {
    content: ""
}

.teapoz-icon-times-square:before {
    content: ""
}

.teapoz-icon-times:before {
    content: ""
}

.teapoz-icon-trophy-alt:before {
    content: ""
}

.teapoz-icon-truck:before {
    content: ""
}

.teapoz-icon-video:before {
    content: ""
}

.teapoz-icon-wishlist-empty:before {
    content: ""
}

.teapoz-icon-adobe:before {
    content: ""
}

.teapoz-icon-amazon:before {
    content: ""
}

.teapoz-icon-android:before {
    content: ""
}

.teapoz-icon-angular:before {
    content: ""
}

.teapoz-icon-apper:before {
    content: ""
}

.teapoz-icon-apple:before {
    content: ""
}

.teapoz-icon-atlassian:before {
    content: ""
}

.teapoz-icon-behance:before {
    content: ""
}

.teapoz-icon-bitbucket:before {
    content: ""
}

.teapoz-icon-bitcoin:before {
    content: ""
}

.teapoz-icon-bity:before {
    content: ""
}

.teapoz-icon-bluetooth:before {
    content: ""
}

.teapoz-icon-btc:before {
    content: ""
}

.teapoz-icon-centos:before {
    content: ""
}

.teapoz-icon-chrome:before {
    content: ""
}

.teapoz-icon-codepen:before {
    content: ""
}

.teapoz-icon-cpanel:before {
    content: ""
}

.teapoz-icon-discord:before {
    content: ""
}

.teapoz-icon-dochub:before {
    content: ""
}

.teapoz-icon-docker:before {
    content: ""
}

.teapoz-icon-dribbble:before {
    content: ""
}

.teapoz-icon-dropbox:before {
    content: ""
}

.teapoz-icon-drupal:before {
    content: ""
}

.teapoz-icon-ebay:before {
    content: ""
}

.teapoz-icon-facebook-f:before {
    content: ""
}

.teapoz-icon-facebook:before {
    content: ""
}

.teapoz-icon-figma:before {
    content: ""
}

.teapoz-icon-firefox:before {
    content: ""
}

.teapoz-icon-google-plus:before {
    content: ""
}

.teapoz-icon-google:before {
    content: ""
}

.teapoz-icon-grunt:before {
    content: ""
}

.teapoz-icon-gulp:before {
    content: ""
}

.teapoz-icon-html5:before {
    content: ""
}

.teapoz-icon-joomla:before {
    content: ""
}

.teapoz-icon-link-brand:before {
    content: ""
}

.teapoz-icon-linkedin:before {
    content: ""
}

.teapoz-icon-mailchimp:before {
    content: ""
}

.teapoz-icon-opencart:before {
    content: ""
}

.teapoz-icon-paypal:before {
    content: ""
}

.teapoz-icon-pinterest-p:before {
    content: ""
}

.teapoz-icon-reddit:before {
    content: ""
}

.teapoz-icon-skype:before {
    content: ""
}

.teapoz-icon-slack:before {
    content: ""
}

.teapoz-icon-snapchat:before {
    content: ""
}

.teapoz-icon-spotify:before {
    content: ""
}

.teapoz-icon-trello:before {
    content: ""
}

.teapoz-icon-twitter:before {
    content: ""
}

.teapoz-icon-vimeo:before {
    content: ""
}

.teapoz-icon-whatsapp:before {
    content: ""
}

.teapoz-icon-wordpress:before {
    content: ""
}

.teapoz-icon-yoast:before {
    content: ""
}

.teapoz-icon-youtube:before {
    content: ""
}

.teapoz-icon-angle-down:before {
    content: ""
}

.teapoz-icon-angle-left:before {
    content: ""
}

.teapoz-icon-angle-right:before {
    content: ""
}

.teapoz-icon-angle-up:before {
    content: ""
}

.teapoz-icon-arrow-drop-down-fill:before {
    content: ""
}

.teapoz-icon-arrow-left:before {
    content: ""
}

.teapoz-icon-arrow-right:before {
    content: ""
}

.teapoz-icon-artisan-made:before {
    content: ""
}

.teapoz-icon-calendar:before {
    content: ""
}

.teapoz-icon-canvas-menu:before {
    content: ""
}

.teapoz-icon-card-secure:before {
    content: ""
}

.teapoz-icon-cavas-menu:before {
    content: ""
}

.teapoz-icon-checked-rounded:before {
    content: ""
}

.teapoz-icon-checked:before {
    content: ""
}

.teapoz-icon-chevron-double-left:before {
    content: ""
}

.teapoz-icon-chevron-double-right:before {
    content: ""
}

.teapoz-icon-clock:before {
    content: ""
}

.teapoz-icon-close-menu:before {
    content: ""
}

.teapoz-icon-close:before {
    content: ""
}

.teapoz-icon-communication:before {
    content: ""
}

.teapoz-icon-compare:before {
    content: ""
}

.teapoz-icon-config:before {
    content: ""
}

.teapoz-icon-copy:before {
    content: ""
}

.teapoz-icon-credit-card-1:before {
    content: ""
}

.teapoz-icon-credit-card-lock:before {
    content: ""
}

.teapoz-icon-customer-service:before {
    content: ""
}

.teapoz-icon-envelope-1:before {
    content: ""
}

.teapoz-icon-eye:before {
    content: ""
}

.teapoz-icon-fast-delivery:before {
    content: ""
}

.teapoz-icon-fast:before {
    content: ""
}

.teapoz-icon-filter:before {
    content: ""
}

.teapoz-icon-free-delivery:before {
    content: ""
}

.teapoz-icon-free-shipping:before {
    content: ""
}

.teapoz-icon-gift-box:before {
    content: ""
}

.teapoz-icon-gluten-free:before {
    content: ""
}

.teapoz-icon-google-plus-g:before {
    content: ""
}

.teapoz-icon-grid-2:before {
    content: ""
}

.teapoz-icon-guarantee:before {
    content: ""
}

.teapoz-icon-guts-1:before {
    content: ""
}

.teapoz-icon-gym:before {
    content: ""
}

.teapoz-icon-headphones:before {
    content: ""
}

.teapoz-icon-heart-circle:before {
    content: ""
}

.teapoz-icon-heart:before {
    content: ""
}

.teapoz-icon-help:before {
    content: ""
}

.teapoz-icon-import:before {
    content: ""
}

.teapoz-icon-knitting-1:before {
    content: ""
}

.teapoz-icon-knitting:before {
    content: ""
}

.teapoz-icon-language-1:before {
    content: ""
}

.teapoz-icon-linkedin-in:before {
    content: ""
}

.teapoz-icon-list-ul:before {
    content: ""
}

.teapoz-icon-location:before {
    content: ""
}

.teapoz-icon-locator:before {
    content: ""
}

.teapoz-icon-long-arrow-left:before {
    content: ""
}

.teapoz-icon-long-arrow-right:before {
    content: ""
}

.teapoz-icon-love-world:before {
    content: ""
}

.teapoz-icon-lowest-price:before {
    content: ""
}

.teapoz-icon-mail-send:before {
    content: ""
}

.teapoz-icon-map-marker-alt:before {
    content: ""
}

.teapoz-icon-medal:before {
    content: ""
}

.teapoz-icon-nature:before {
    content: ""
}

.teapoz-icon-no-gmo:before {
    content: ""
}

.teapoz-icon-one-click:before {
    content: ""
}

.teapoz-icon-package-check:before {
    content: ""
}

.teapoz-icon-packaging-1:before {
    content: ""
}

.teapoz-icon-pen:before {
    content: ""
}

.teapoz-icon-performance:before {
    content: ""
}

.teapoz-icon-phone-1:before {
    content: ""
}

.teapoz-icon-phone-2:before {
    content: ""
}

.teapoz-icon-phone-3:before {
    content: ""
}

.teapoz-icon-phone:before {
    content: ""
}

.teapoz-icon-pin:before {
    content: ""
}

.teapoz-icon-play-1:before {
    content: ""
}

.teapoz-icon-play-circle:before {
    content: ""
}

.teapoz-icon-play-line:before {
    content: ""
}

.teapoz-icon-plus-1:before {
    content: ""
}

.teapoz-icon-plus-2:before {
    content: ""
}

.teapoz-icon-plus-circle:before {
    content: ""
}

.teapoz-icon-popular:before {
    content: ""
}

.teapoz-icon-question1:before {
    content: ""
}

.teapoz-icon-quote-1:before {
    content: ""
}

.teapoz-icon-quote-2:before {
    content: ""
}

.teapoz-icon-quote:before {
    content: ""
}

.teapoz-icon-refresh:before {
    content: ""
}

.teapoz-icon-responsive-design:before {
    content: ""
}

.teapoz-icon-right-arrow-cicrle:before {
    content: ""
}

.teapoz-icon-save-energy:before {
    content: ""
}

.teapoz-icon-search-3:before {
    content: ""
}

.teapoz-icon-search-plus:before {
    content: ""
}

.teapoz-icon-search2:before {
    content: ""
}

.teapoz-icon-seo-1:before {
    content: ""
}

.teapoz-icon-seo:before {
    content: ""
}

.teapoz-icon-shipping:before {
    content: ""
}

.teapoz-icon-shopping-bag:before {
    content: ""
}

.teapoz-icon-shopping-cart:before {
    content: ""
}

.teapoz-icon-sliders-v:before {
    content: ""
}

.teapoz-icon-small-batch:before {
    content: ""
}

.teapoz-icon-star-3:before {
    content: ""
}

.teapoz-icon-star2:before {
    content: ""
}

.teapoz-icon-store-1:before {
    content: ""
}

.teapoz-icon-supply:before {
    content: ""
}

.teapoz-icon-support-1:before {
    content: ""
}

.teapoz-icon-support-2:before {
    content: ""
}

.teapoz-icon-support:before {
    content: ""
}

.teapoz-icon-sustainable-1:before {
    content: ""
}

.teapoz-icon-sustainable:before {
    content: ""
}

.teapoz-icon-tag:before {
    content: ""
}

.teapoz-icon-tea-leaf-1:before {
    content: ""
}

.teapoz-icon-tea-leaf:before {
    content: ""
}

.teapoz-icon-tea-pack:before {
    content: ""
}

.teapoz-icon-tea-pot-1:before {
    content: ""
}

.teapoz-icon-tea-pot:before {
    content: ""
}

.teapoz-icon-tea:before {
    content: ""
}

.teapoz-icon-telephone:before {
    content: ""
}

.teapoz-icon-text:before {
    content: ""
}

.teapoz-icon-top-brand:before {
    content: ""
}

.teapoz-icon-touch-controls:before {
    content: ""
}

.teapoz-icon-trolley:before {
    content: ""
}

.teapoz-icon-trophy:before {
    content: ""
}

.teapoz-icon-truck-1:before {
    content: ""
}

.teapoz-icon-twitte-1:before {
    content: ""
}

.teapoz-icon-typography:before {
    content: ""
}

.teapoz-icon-user:before {
    content: ""
}

.teapoz-icon-verification:before {
    content: ""
}

.editor-styles-wrapper blockquote, .editor-styles-wrapper .wp-block-quote, .hentry .entry-content blockquote, .hentry .entry-content .wp-block-quote {
    position: relative
}

    .editor-styles-wrapper blockquote:before, .editor-styles-wrapper .wp-block-quote:before, .hentry .entry-content blockquote:before, .hentry .entry-content .wp-block-quote:before {
        position: absolute;
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        left: 0;
        top: 8px;
        font-size: 30px;
        color: var(--primary)
    }

.teapoz-social ul {
    margin: 0;
    list-style-type: none
}

    .teapoz-social ul li {
        display: inline-block;
        margin-right: 10px;
        line-height: 1
    }

        .teapoz-social ul li:last-child {
            margin-right: 0
        }

        .teapoz-social ul li a:before {
            position: relative;
            font-family: teapoz-icon;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            line-height: 1;
            vertical-align: middle;
            content: ""
        }

        .teapoz-social ul li a[href*=twitter]:before {
            content: "";
            color: #1da1f2
        }

        .teapoz-social ul li a[href*=instagram]:before {
            content: "";
            color: #262626
        }

        .teapoz-social ul li a[href*=docker]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=dochub]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=yelp]:before {
            content: "";
            color: #af0606
        }

        .teapoz-social ul li a[href*=flickr]:before {
            content: "";
            color: #0063dc
        }

        .teapoz-social ul li a[href*=github]:before {
            content: "";
            color: #333
        }

        .teapoz-social ul li a[href*=dribbble]:before {
            content: "";
            color: #ea4c89
        }

        .teapoz-social ul li a[href*=wordpress]:before {
            content: "";
            color: #21759b
        }

        .teapoz-social ul li a[href*=tumblr]:before {
            content: "";
            color: #35465c
        }

        .teapoz-social ul li a[href*=angular]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=atlassian]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=snapchat]:before {
            content: "";
            color: #fffc00
        }

        .teapoz-social ul li a[href*=apper]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=codepen]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=gulp]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=cpanel]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=skype]:before {
            content: "";
            color: #00aff0
        }

        .teapoz-social ul li a[href*=reddit]:before {
            content: "";
            color: #ff4500
        }

        .teapoz-social ul li a[href*=whatsapp]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=slack]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=amazon]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=android]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=grunt]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=firefox]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=adobe]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=behance]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=dropbox]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=facebook]:before {
            content: "";
            color: #3b5998
        }

        .teapoz-social ul li a[href*=linkedin]:before {
            content: "";
            color: #0077b5
        }

        .teapoz-social ul li a[href*=paypal]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=trello]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=vimeo]:before {
            content: "";
            color: #1ab7ea
        }

        .teapoz-social ul li a[href*=youtube]:before {
            content: "";
            color: #cd201f
        }

        .teapoz-social ul li a[href*=apple]:before {
            content: "";
            color: #999
        }

        .teapoz-social ul li a[href*=bitbucket]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=bitcoin]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=bluetooth]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=bity]:before {
            content: ""
        }

        .teapoz-social ul li a[href*="google/chrome"]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=drupal]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=html5]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=mailchimp]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=jenkins]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=spotify]:before {
            content: "";
            color: #2ebd59
        }

        .teapoz-social ul li a[href*=ebay]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=telegram]:before {
            content: "";
            color: #2ca5e0
        }

        .teapoz-social ul li a[href*=yoast]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=btc-e]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=discord]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=google]:before {
            content: "";
            color: #dd4b39
        }

        .teapoz-social ul li a[href*=google-plus]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=figma]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=joomla]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=opencart]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=pinterest]:before {
            content: "";
            color: #bd081c
        }

        .teapoz-social ul li a[href*=vimeo]:before {
            content: "";
            color: #1ab7ea
        }

        .teapoz-social ul li a[href*=centos]:before {
            content: ""
        }

        .teapoz-social ul li a[href*=whatsapp]:before {
            content: ""
        }

#comments .commentlist .bypostauthor > .comment-body cite::after {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-left: .5407911001em
}

#respond #cancel-comment-reply-link::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    display: block
}

.sticky .entry-title::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-right: .5407911001em
}

.nav-previous a {
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

    .nav-previous a:before {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        font-size: 10px;
        margin-right: 30px;
        margin-top: 8px;
        color: var(--border)
    }

    .nav-previous a:hover:before {
        color: var(--text)
    }

.nav-next a {
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

    .nav-next a:after {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        font-size: 10px;
        margin-left: 30px;
        margin-top: 8px;
        color: var(--border)
    }

    .nav-next a:hover:after {
        color: var(--text)
    }

button.loading, .button.loading, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading, .added_to_cart.loading {
    position: relative
}

    button.loading::after, .button.loading::after, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading::after, .added_to_cart.loading::after {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        animation: fa-spin .75s linear infinite;
        height: 20px;
        width: 20px;
        line-height: 20px;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -10px;
        margin-top: -10px;
        display: block;
        background-color: transparent;
        z-index: 1
    }

.shop-action .blockUI.blockOverlay:before, .shop-action .loader:before {
    top: 50%;
    left: 50%;
    opacity: 1 !important;
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    animation: fa-spin .75s linear infinite;
    font-size: 20px;
    width: 20px;
    height: 20px;
    line-height: 1;
    position: absolute;
    display: block !important;
    margin-left: -10px;
    margin-top: -10px;
    color: #000
}

.shop-action .blockUI.blockOverlay {
    opacity: 1 !important;
    overflow: hidden;
    background-image: none !important;
    background: #fff !important
}

.main-navigtion ul li a::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-right: .5407911001em
}

.mobile-navigation ul li button::before, .mobile-navigation-categories ul li button::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

.mobile-navigation ul li button.toggled-on::before, .mobile-navigation-categories ul li button.toggled-on::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

.widget_search form::before, .widget_product_search form::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translate(0,-50%);
    z-index: 9;
    color: #000;
    pointer-events: none;
    font-size: 16px
}

.widget_search.widget_block form::before, .widget_product_search.widget_block form::before {
    content: none
}

.widget_search.widget_block form .wp-block-search__inside-wrapper, .widget_product_search.widget_block form .wp-block-search__inside-wrapper {
    position: relative
}

    .widget_search.widget_block form .wp-block-search__inside-wrapper:before, .widget_product_search.widget_block form .wp-block-search__inside-wrapper:before {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translate(0,-50%);
        z-index: 1;
        font-size: 16px
    }

.widget_search form::before {
    color: var(--accent);
    right: 20px
}

.single-product .pswp__button {
    background-color: transparent
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    text-indent: -999px;
    overflow: hidden
}

    .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger::before {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        display: block;
        text-indent: 0;
        font-size: 30px
    }

    .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger img {
        display: none !important
    }

.single-product div.product .entry-summary .yith-wcwl-add-to-wishlist > div > a:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

.single-product div.product .entry-summary .compare:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

.single-product div.product .single_add_to_cart_button:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

a.remove {
    display: block;
    width: 1.618em;
    height: 1.618em;
    line-height: 1.618;
    font-weight: 400;
    text-indent: -9999px;
    position: relative
}

    a.remove::before {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        color: #999;
        line-height: 1.618;
        text-indent: 0;
        text-align: center
    }

.woocommerce-shipping-calculator > p:first-child a::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-right: .3342343017em
}

.blockUI::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    animation: fa-spin .75s linear infinite;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px
}

.woocommerce-pagination .next, .woocommerce-pagination .prev {
    display: inline-block;
    position: relative
}

#shipping_method li > label {
    cursor: pointer;
    padding-right: 20px;
    position: relative
}

    #shipping_method li > label::after {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

#shipping_method li > input[type=radio]:first-child {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

    #shipping_method li > input[type=radio]:first-child:checked + label::after {
        font-weight: 700;
        content: ""
    }

#shipping_method li > input[type=hidden]:first-child + label {
    padding-right: 0
}

    #shipping_method li > input[type=hidden]:first-child + label::after {
        content: none
    }

#payment .payment_methods li > label {
    cursor: pointer
}

    #payment .payment_methods li > label::before {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        margin-right: .5407911001em;
        transition: color,ease,.2s
    }

#payment .payment_methods li > input[type=radio]:first-child {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

    #payment .payment_methods li > input[type=radio]:first-child:checked + label::before {
        font-weight: 700;
        content: ""
    }

.woocommerce-password-strength::after {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-left: .5407911001em
}

.woocommerce-password-strength.strong::after {
    content: ""
}

.woocommerce-password-strength.good::after {
    content: ""
}

.woocommerce-MyAccount-navigation ul li.is-active a::before {
    opacity: 1
}

.woocommerce-MyAccount-navigation ul li a::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    line-height: 1.618;
    margin-left: .5407911001em;
    width: 1.41575em;
    text-align: right;
    float: right;
    opacity: .25
}

.woocommerce-MyAccount-navigation ul li a:hover::before {
    opacity: 1
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: ""
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
    content: ""
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before {
    content: ""
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: ""
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    content: ""
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: ""
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: ""
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a::before {
    content: ""
}

.my_account_orders .button.view::after {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-left: .5407911001em
}

p.order-again .button::after {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-left: .5407911001em
}

.woocommerce-MyAccount-downloads .button::after {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-left: .5407911001em
}

.demo_store::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-right: .5407911001em
}

#reviews .commentlist li p.meta .verified {
    display: inline-block;
    height: 1.41575em;
    width: 1.41575em;
    position: relative;
    text-indent: -9999px
}

    #reviews .commentlist li p.meta .verified::before {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        color: #0f834d;
        position: absolute;
        top: 0;
        left: 0;
        width: 1.41575em;
        height: 1.41575em;
        text-indent: 0;
        text-align: center;
        line-height: 1.618em
    }

.single-product div.product .component_selections .clear_component_options::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-right: .5407911001em
}

.cart .mnm_table_item .mnm_table_item_indent::before, .shop_table .mnm_table_item .mnm_table_item_indent::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    transform: rotate(90deg);
    margin-right: .3819820591em;
    opacity: .25
}

.quick-view-button::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-right: .6180469716em
}

.woocommerce-page .ship_address .gift-form label::after, .woocommerce-page .no_shipping_address .gift-form label::after {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-left: .5407911001em
}

.woocommerce-page .ship_address .modify-address-button::before, .woocommerce-page .no_shipping_address .modify-address-button::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-right: .5407911001em
}

.woocommerce-page .addresses + .addresses header.title a::before {
    content: ""
}

.woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--contributions a::before, .woocommerce-page .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--contributions a::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

a#variations_clear::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-right: .5407911001em
}

.wl-add-link::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-right: .5407911001em
}

.button.wl-create-new::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-right: .5407911001em
}

.site-header-cart .cart-contents::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

.elementor-widget-teapoz-vertical-menu .vertical-navigation .teapoz-icon {
    position: relative
}

    .elementor-widget-teapoz-vertical-menu .vertical-navigation .teapoz-icon::after {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        font-size: 24px;
        font-weight: 700;
        transition: transform .2s
    }

    .elementor-widget-teapoz-vertical-menu .vertical-navigation .teapoz-icon::before {
        position: absolute;
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        font-size: 24px;
        font-weight: 700;
        transform: translate3d(0,250%,0);
        transition: transform .2s
    }

.elementor-widget-teapoz-vertical-menu .vertical-navigation:hover .teapoz-icon::after {
    transform: translate3d(0,-250%,0)
}

.elementor-widget-teapoz-vertical-menu .vertical-navigation:hover .teapoz-icon::before {
    transform: translate3d(0,0,0)
}

@media(min-width:768px) {
    .main-navigation ul.menu > li.menu-item-has-children > a:after, .main-navigation ul.menu > li.page_item_has_children > a:after, .main-navigation ul.menu > li.has-mega-menu > a:after, .main-navigation ul.nav-menu > li.menu-item-has-children > a:after, .main-navigation ul.nav-menu > li.page_item_has_children > a:after, .main-navigation ul.nav-menu > li.has-mega-menu > a:after {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        font-size: 16px;
        margin-left: 7px;
        font-weight: 700
    }

    .gecko .main-navigation ul.menu > li.menu-item-has-children > a:after, .gecko .main-navigation ul.menu > li.page_item_has_children > a:after, .gecko .main-navigation ul.menu > li.has-mega-menu > a:after, .gecko .main-navigation ul.nav-menu > li.menu-item-has-children > a:after, .gecko .main-navigation ul.nav-menu > li.page_item_has_children > a:after, .gecko .main-navigation ul.nav-menu > li.has-mega-menu > a:after {
        margin-bottom: 0;
        vertical-align: sub
    }

    .header-side .main-navigation ul.menu > li.menu-item-has-children > a::after, .header-side .main-navigation ul.menu > li.page_item_has_children > a::after, .header-side .main-navigation ul.menu > li.has-mega-menu > a::after, .header-side .main-navigation ul.nav-menu > li.menu-item-has-children > a::after, .header-side .main-navigation ul.nav-menu > li.page_item_has_children > a::after, .header-side .main-navigation ul.nav-menu > li.has-mega-menu > a::after {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        margin-left: 1em;
        margin-right: -25px
    }

    .vertical-navigation ul.menu > li.menu-item-has-children > a::after, .vertical-navigation ul.menu > li.page_item_has_children > a::after, .vertical-navigation ul.menu > li.has-mega-menu > a::after, .vertical-navigation ul.nav-menu > li.menu-item-has-children > a::after, .vertical-navigation ul.nav-menu > li.page_item_has_children > a::after, .vertical-navigation ul.nav-menu > li.has-mega-menu > a::after, .vertical-navigation ul.sub-menu > li.menu-item-has-children > a::after, .vertical-navigation ul.sub-menu > li.page_item_has_children > a::after, .vertical-navigation ul.sub-menu > li.has-mega-menu > a::after {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        margin-left: auto;
        float: right;
        font-size: 8px
    }

    .main-navigation ul.menu ul li.menu-item-has-children > a::after, .main-navigation ul.menu ul li.page_item_has_children > a::after, .main-navigation ul.nav-menu ul li.menu-item-has-children > a::after, .main-navigation ul.nav-menu ul li.page_item_has_children > a::after {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        float: right;
        margin-left: 10px;
        line-height: 1.5;
        color: var(--accent);
        font-size: 10px;
        position: relative;
        top: 6px
    }

    .demo_store a.woocommerce-store-notice__dismiss-link::before {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        margin-right: .3342343017em
    }

    .addresses header.title a {
        display: block;
        width: 1em;
        height: 1em;
        text-indent: -9999px;
        position: relative;
        padding: .875em;
        margin-top: .6180469716em
    }

        .addresses header.title a::before {
            font-family: teapoz-icon;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            line-height: 1;
            vertical-align: middle;
            content: "";
            line-height: 1.618;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            text-align: center;
            text-indent: 0
        }

    #wl-wrapper .wl-tabs > li.active::after {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        display: block !important;
        position: absolute;
        top: 50%;
        height: 1em;
        width: 1em;
        margin-top: -.5em
    }
}

ul.wishlist_table.mobile .remove_from_wishlist:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

body.loading {
    position: relative
}

    body.loading::after {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        animation: fa-spin .75s linear infinite;
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 40px;
        position: fixed;
        top: 50%;
        left: 50%;
        display: block;
        z-index: 999999;
        color: #fff
    }

    body.loading:before {
        content: "";
        display: block;
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        background-color: rgba(0,0,0,.7);
        z-index: 999998
    }

.woocommerce-cart .cart-empty:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    font-size: 164px;
    color: var(--light);
    display: block;
    margin-bottom: 50px
}

.widget_product_categories .icon-minus {
    float: right;
    width: 20px;
    text-align: center;
    cursor: pointer
}

    .widget_product_categories .icon-minus:before {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        font-size: 14px;
        color: var(--accent)
    }

.widget_product_categories .icon-plus {
    float: right;
    width: 20px;
    text-align: center;
    cursor: pointer
}

    .widget_product_categories .icon-plus:before {
        font-family: teapoz-icon;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle;
        content: "";
        font-size: 14px;
        color: var(--accent)
    }

.product-action a[class*=product_type_]:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

ul.products-list li.product-list a[class*=product_type_]:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

.shop-action .woosc-btn:before, .shop-action .woosq-btn:before, .shop-action .woosw-btn:before, .shop-action a[class*=product_type_]:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle
}

.shop-action .woosw-btn:before {
    content: ""
}

.shop-action .woosw-btn.woosw-added:before {
    content: "";
    color: red;
    margin-right: 0
}

.shop-action .woosw-btn.woosw-adding::after {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    line-height: inherit;
    content: "" !important;
    animation: fa-spin .75s linear infinite;
    height: 14px;
    width: 14px;
    line-height: 14px;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -7px;
    display: block;
    transform: translate(0);
    background-color: transparent
}

.shop-action .woosw-btn.woosw-adding:before {
    opacity: 0
}

.shop-action .woosc-btn:before {
    content: ""
}

.shop-action .woosq-btn:before {
    content: ""
}

.shop-action a[class*=product_type_]:before {
    content: ""
}

.single-product div.product .entry-summary .woosc-btn:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    line-height: inherit
}

.single-product div.product .entry-summary .woosw-btn:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    line-height: inherit
}

.single-product div.product .entry-summary .woosw-btn.woosw-added:before {
    content: ""
}

a.read-more:after {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-left: 5px
}

.ajax-search .widget_product_search .woocommerce-product-search.loading::before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    animation: mf-spin-fast 1s linear infinite;
    margin-top: -9px;
    z-index: 999
}

.ajax-search .widget_product_search .woocommerce-product-search.loading button[type=submit] i {
    opacity: 0
}

.elementor-widget-teapoz-language-switcher .teapoz-language-switcher .language-switcher-head:after {
    position: relative;
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-left: 5px;
    line-height: 12px
}

.loading-quick-shop .product-transition::after {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

.search-by-category .input-dropdown-inner > a:after {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

.popup-navigation ul.menu > li.menu-item-has-children > a:after, .popup-navigation ul.menu > li.page_item_has_children > a:after, .popup-navigation ul.menu > li.has-mega-menu > a:after, .popup-navigation ul.nav-menu > li.menu-item-has-children > a:after, .popup-navigation ul.nav-menu > li.page_item_has_children > a:after, .popup-navigation ul.nav-menu > li.has-mega-menu > a:after {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-left: .5em;
    font-size: 16px
}

.popup-navigation ul.menu ul li.menu-item-has-children > a::after, .popup-navigation ul.menu ul li.page_item_has_children > a::after, .popup-navigation ul.nav-menu ul li.menu-item-has-children > a::after, .popup-navigation ul.nav-menu ul li.page_item_has_children > a::after {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    float: right;
    margin-left: .5em;
    line-height: 20px;
    font-size: 14px
}

.teapoz-elementor-single-product .shop-button a[class*=product_type_]:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-left: 5px;
    margin-top: 3px;
    float: right;
    transition: all .3s ease
}

.elementor-widget-teapoz-image-gallery .grid__item a[data-elementor-open-lightbox=yes]:after {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

.woosw-list .woosw-content-mid-notice:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    font-size: 164px;
    color: var(--light);
    display: block;
    margin-bottom: 50px
}

@keyframes mf-spin-fast {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    50% {
        -webkit-transform: rotate(900deg);
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    to {
        -webkit-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

@-webkit-keyframes mf-spin-fast {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    50% {
        -webkit-transform: rotate(900deg);
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    to {
        -webkit-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

@-o-keyframes mf-spin-fast {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    50% {
        -webkit-transform: rotate(900deg);
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    to {
        -webkit-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

@-ms-keyframes mf-spin-fast {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    50% {
        -webkit-transform: rotate(900deg);
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    to {
        -webkit-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

#dokan-seller-listing-wrap .store-data .store-phone i:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-top: -2px;
    margin-right: 5px
}

.filter-close:after {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

.widget.teapoz-widget-woocommerce .widget-title::after {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    transition: all ease .2s;
    font-size: 24px;
    line-height: 20px;
    transform: rotate(180deg)
}

.widget.teapoz-widget-woocommerce .widget-title.toggled-on::after {
    transform: rotate(0)
}

.widget_rating_filter ul li a:before, .widget_layered_nav ul li a:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    content: "";
    margin-right: 14px;
    width: 14px;
    height: 14px;
    box-shadow: 0 0 0 2px inset var(--border);
    text-align: center;
    line-height: 14px;
    color: #fff;
    margin-top: -4px;
    font-size: 6px
}

.widget_rating_filter ul li.chosen a:before, .widget_layered_nav ul li.chosen a:before {
    content: "";
    box-shadow: 0 0 0 2px inset var(--accent)
}

.teapoz-active-filters .widget_layered_nav_filters ul li a:after {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-left: 10px;
    margin-top: -2px
}

.form-style .mc4wp-form .mc4wp-form-fields:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

.button-popup-content .mfp-close:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

.teapoz-frequently-bought .teapoz_add_to_cart_button:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: "";
    margin-right: 8px;
    font-size: 15px;
    margin-top: -3px
}

.teapoz-frequently-bought .select-item:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

.teapoz-frequently-bought .seperator .product-transition:before {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

.star-rating {
    overflow: hidden;
    position: relative;
    height: 14px;
    line-height: 1;
    font-size: 16px;
    width: 5em;
    display: block
}

    .star-rating::before {
        font-family: teapoz-icon;
        content: "" "" "" "" "";
        float: left;
        top: 0;
        left: 0;
        position: absolute;
        text-transform: capitalize;
        color: #ccc
    }

    .star-rating span {
        overflow: hidden;
        float: left;
        top: 0;
        left: 0;
        position: absolute;
        padding-top: 1.7em
    }

        .star-rating span::before {
            font-family: teapoz-icon;
            content: "" "" "" "" "";
            top: 0;
            position: absolute;
            left: 0;
            color: var(--primary)
        }

.single-product .woocommerce-tabs.product-accordions .accordion-head .accordion-title:after {
    font-family: teapoz-icon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    content: ""
}

.overflow-to-both .teapoz-swiper {
    overflow: visible
}

.overflow-to-left .teapoz-swiper {
    overflow: visible;
    clip-path: inset(0 0 0 -100%)
}

.overflow-to-right .teapoz-swiper {
    overflow: visible;
    clip-path: inset(0 -100% 0 0)
}

.swiper-autowidth .swiper-slide {
    width: auto
}

.elementor-swiper-button {
    width: 50px;
    height: 50px;
    background-color: transparent;
    align-items: center;
    justify-content: center;
    position: absolute;
    display: inline-flex;
    z-index: 1;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid var(--border);
    color: var(--accent);
    font-size: 8px
}

    .elementor-swiper-button.elementor-swiper-button-next {
        right: 10px
    }

    .elementor-swiper-button.elementor-swiper-button-prev {
        left: 10px
    }

    .elementor-swiper-button:hover {
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        color: #fff;
        background-color: var(--accent);
        border-color: var(--accent)
    }

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: static;
    width: 100%;
    margin-top: 30px
}

.swiper-scrollbar-drag {
    background-color: var(--primary)
}

.elementor-element.elementor-pagination-position-outside .teapoz-swiper {
    padding-bottom: 0 !important
}

    .elementor-element.elementor-pagination-position-outside .teapoz-swiper .swiper-pagination {
        position: static
    }

.swiper-vertical .swiper-slide {
    opacity: 0
}

    .swiper-vertical .swiper-slide.swiper-slide-active {
        opacity: 1
    }

.elementor-lightbox .swiper .elementor-swiper-button {
    border: none
}

    .elementor-lightbox .swiper .elementor-swiper-button:hover {
        background: 0 0
    }

html[dir=rtl] .wc-forward::after, html[dir=rtl] .woocommerce-Button--next::after {
    content: ""
}

html[dir=rtl] .woocommerce-Button--previous::before {
    content: ""
}

html[dir=rtl] .teapoz-product-pagination .teapoz-icon-arrow-circle-left:before {
    content: ""
}

html[dir=rtl] .teapoz-product-pagination .teapoz-icon-arrow-circle-right:before {
    content: ""
}

html[dir=rtl] .main-navigation ul.menu ul li.menu-item-has-children > a::after, html[dir=rtl] .main-navigation ul.menu ul li.page_item_has_children > a::after, html[dir=rtl] .main-navigation ul.nav-menu ul li.menu-item-has-children > a::after, html[dir=rtl] .main-navigation ul.nav-menu ul li.page_item_has_children > a::after {
    content: ""
}

html[dir=rtl] #wl-wrapper .wl-tabs > li.active::after {
    content: ""
}

html[dir=rtl] .site-main nav.navigation .nav-previous a::before {
    content: ""
}

html[dir=rtl] .site-main nav.navigation .nav-next a::after {
    content: ""
}

html[dir=rtl] .mega-menu.mega-stretchwidth {
    right: auto !important
}