:root {
    --swiper-navigation-size: 44px;
    --swiper-theme-color: #007aff;
	--page-title-display: block;
	
}

*,
:after,
:before {
    box-sizing: border-box
}
html {
    font-size: 10px;
  -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: sans-serif;
    line-height: 2;
}


::-webkit-scrollbar-track {
    background-color: #f0f0f1;
    box-shadow: inset 0 0 5px #e0e0e2
}

::-webkit-scrollbar {
    background-color: #f0f0f1;
    width: 10px
}

::-webkit-scrollbar-thumb {
    background-color: #c0c2c5;
    border-radius: 4px
}

body {

    --preset--color--black: #000000;
    --preset--color--cyan-bluish-gray: #abb8c3;
    --preset--color--white: #ffffff;
    --preset--color--pale-pink: #f78da7;
    --preset--color--vivid-red: #cf2e2e;
    --preset--color--luminous-vivid-orange: #ff6900;
    --preset--color--luminous-vivid-amber: #fcb900;
    --preset--color--light-green-cyan: #7bdcb5;
    --preset--color--vivid-green-cyan: #00d084;
    --preset--color--pale-cyan-blue: #8ed1fc;
    --preset--color--vivid-cyan-blue: #0693e3;
    --preset--color--vivid-purple: #9b51e0;
    --preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --preset--duotone--dark-grayscale: url('#-duotone-dark-grayscale');
    --preset--duotone--grayscale: url('#-duotone-grayscale');
    --preset--duotone--purple-yellow: url('#-duotone-purple-yellow');
    --preset--duotone--blue-red: url('#-duotone-blue-red');
    --preset--duotone--midnight: url('#-duotone-midnight');
    --preset--duotone--magenta-yellow: url('#-duotone-magenta-yellow');
    --preset--duotone--purple-green: url('#-duotone-purple-green');
    --preset--duotone--blue-orange: url('#-duotone-blue-orange');
    --preset--font-size--small: 13px;
    --preset--font-size--medium: 20px;
    --preset--font-size--large: 36px;
    --preset--font-size--x-large: 42px;
    --preset--spacing--20: 0.44rem;
    --preset--spacing--30: 0.67rem;
    --preset--spacing--40: 1rem;
    --preset--spacing--50: 1.5rem;
    --preset--spacing--60: 2.25rem;
    --preset--spacing--70: 3.38rem;
    --preset--spacing--80: 5.06rem;
    --preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
	 direction: rtl;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    text-align: right;
	font-family: -apple-system,IRANSans;
    background-color: #f6f6f6;
    margin: 0;
}
.body {
    --e-global-color-primary: #6EC1E4;
    --e-global-color-secondary: #54595F;
    --e-global-color-text: #7A7A7A;
    --e-global-color-accent: #61CE70;
    --e-global-color-c0881cd: #F6F6F6;
    --e-global-color-1ffb30b: #1C61E7;
    --e-global-typography-primary-font-family: "Roboto";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Roboto Slab";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Roboto";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Roboto";
    --e-global-typography-accent-font-weight: 500;
}
  
 

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

 

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 44px;
    margin: 0
}

h1 {
    font-size: 30px
}

h2 {
    font-size: 27px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 21px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

p {
    margin: 0
}

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

address {
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

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

dt {
    font-weight: 700
}

blockquote,
dd {
    margin: 0
}

b,
strong {
    font-weight: 700
}

small {
    font-size: 80%
}

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

sub {
    bottom: -5px
}

sup {
    top: -5px
}

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

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

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

pre {
    overflow: auto
}

figure,
pre {
    margin: 0
}

img {
    border-style: none
}

img,
svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

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

caption {
    caption-side: bottom;
    padding-top: 10px;
    text-align: left
}

th {
    text-align: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

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

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

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

button:focus {
    outline: none
}

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

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

textarea {
    overflow: auto;
    resize: vertical
}

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

legend {
    color: inherit;
    display: block;
    line-height: inherit;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    width: 100%
}

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

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

template {
    display: none
}

[hidden] {
    display: none !important
}

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

.main-container {
    margin-bottom: 20px;
    margin-top: 20px
}

@media(min-width:576px) {
    .container {
        max-width: 768px
    }
}

@media(min-width:768px) {
    .container {
        max-width: 992px
    }
}

@media(min-width:992px) {
    .container {
        max-width: 1070px
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1281px
    }
    body.container-max-width .container {
        max-width: 1640px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }
    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

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

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
textarea {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    display: block;
    height: 48px;
    padding: 8px;
    width: 100%
}

input[type=date]::-ms-expand,
input[type=email]::-ms-expand,
input[type=number]::-ms-expand,
input[type=password]::-ms-expand,
input[type=search]::-ms-expand,
input[type=tel]::-ms-expand,
input[type=text]::-ms-expand,
input[type=time]::-ms-expand,
input[type=url]::-ms-expand,
textarea::-ms-expand {
    background-color: transparent;
    border: 0
}

input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
textarea:focus {
    border-color: #19bfd3;
    box-shadow: none;
    outline: 0
}

input[type=date]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

input[type=date]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

input[type=date]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

input[type=date]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=search]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
input[type=time]::-ms-input-placeholder,
input[type=url]::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

input[type=date]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=time]::placeholder,
input[type=url]::placeholder,
textarea::placeholder {
    color: #6c757d;
    opacity: 1
}

input[type=date]:disabled,
input[type=date][readonly],
input[type=email]:disabled,
input[type=email][readonly],
input[type=number]:disabled,
input[type=number][readonly],
input[type=password]:disabled,
input[type=password][readonly],
input[type=search]:disabled,
input[type=search][readonly],
input[type=tel]:disabled,
input[type=tel][readonly],
input[type=text]:disabled,
input[type=text][readonly],
input[type=time]:disabled,
input[type=time][readonly],
input[type=url]:disabled,
input[type=url][readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #f0f0f1;
    opacity: 1
}

textarea {
    height: auto
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/12px 12px;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    display: inline-block;
    height: 48px;
    padding: 0 8px;
    vertical-align: middle;
    width: 100%
}

select:focus {
    border-color: #19bfd3;
    box-shadow: none;
    outline: 0
}

select:disabled {
    background-color: #f0f0f1
}

input[type=checkbox],
input[type=radio] {
    color-adjust: exact;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 2px solid #81858b;
    height: 20px;
    min-width: 20px;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    vertical-align: top;
    width: 20px
}

input[type=checkbox]:active,
input[type=radio]:active {
    filter: brightness(90%)
}

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

input[type=checkbox]:checked,
input[type=radio]:checked {
    background-color: #008eb2;
    border-color: #008eb2
}

[type=checkbox] {
    border-radius: 4px
}

[type=radio] {
    border-radius: 50%
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E")
}

[type=radio]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")
}

[type=checkbox]:indeterminate {
    background-color: #19bfd3;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");
    border-color: #19bfd3
}

.form-row {
    margin-bottom: 20px
}

.form-row label {
    margin-bottom: 8px
}

.button,
input[type=submit] {
    align-items: center;
    background-color: #ef4056;
    border: 1px solid #ef4056;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4px;
    height: 48px;
    justify-content: center;
    line-height: 2;
    padding: 0 16px;
    text-align: center;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
}

.button .button-text,
input[type=submit] .button-text {
    margin-right: 8px
}

.button svg,
input[type=submit] svg {
    fill: #fff;
    height: 24px;
    width: 24px
}

.button .loading,
input[type=submit] .loading {
    display: none;
    height: 48px;
    width: 48px
}

.button.disabled,
input[type=submit].disabled {
    cursor: default;
    opacity: .5
}

.button:hover,
input[type=submit]:hover {
    color: #232933;
    text-decoration: none
}

.button:focus,
input[type=submit]:focus {
    box-shadow: none;
    outline: 0
}

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

.button:active,
.button:focus,
.button:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=submit]:hover {
    background-color: #ed2d45;
    border-color: #ed2d45;
    color: #fff
}

.button-small {
    font-size: 1.2rem;
    height: 38.4px
}

.button-small svg {
    height: 20px;
    width: 20px
}

.button-outline {
    background-color: transparent;
    border-color: #ef4056;
    color: #ef4056
}

.button-outline svg {
    fill: #ef4056
}

.button-outline:active,
.button-outline:focus,
.button-outline:hover {
    background-color: transparent;
    color: #ef4056
}

.button-secondary {
    background-color: #19bfd3;
    border-color: #19bfd3;
    color: #fff
}

.button-secondary:active,
.button-secondary:focus,
.button-secondary:hover {
    background-color: #17aec1;
    border-color: #17aec1;
    color: #fff
}

.button-secondary-outline {
    background-color: transparent;
    border-color: #19bfd3;
    color: #19bfd3
}

.button-secondary-outline svg {
    fill: #19bfd3
}

.button-secondary-outline:active,
.button-secondary-outline:focus,
.button-secondary-outline:hover {
    background-color: transparent;
    color: #19bfd3
}

.button-gray {
    background-color: #62666d;
    border-color: #62666d;
    color: #fff
}

.button-gray:active,
.button-gray:focus,
.button-gray:hover {
    background-color: #585c62;
    border-color: #585c62;
    color: #fff
}

.button-gray-outline {
    background-color: transparent;
    border-color: #c0c2c5;
    color: #a1a3a8
}

.button-gray-outline svg {
    fill: #a1a3a8
}

.button-gray-outline:active,
.button-gray-outline:focus,
.button-gray-outline:hover {
    background-color: transparent;
    border-color: #a1a3a8;
    color: #a1a3a8
}

.dropdown {
    position: relative
}

.dropdown .dropdown-toggle {
    cursor: pointer
}

.dropdown .dropdown-toggle:after,
.dropdown .dropdown-toggle:before {
    display: none
}

.dropdown .dropdown-toggle.show-dropdown+.dropdown-menu {
    display: block
}

.dropdown .dropdown-menu {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .3);
    display: none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%;
    width: 256px;
    z-index: 100004
}

.cat-overlay,
.overlay {
    background: #080a38;
    bottom: 0;
    content: "";
    height: 100%;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .2s cubic-bezier(.215, .61, .355, 1) .1s;
    width: 100%;
    z-index: 100
}

.cat-overlay.show,
.overlay.show {
    opacity: .5;
    pointer-events: auto
}

.cat-overlay.z-index,
.overlay.z-index {
    z-index: 100002
}

.owl-carousel .owl-item .slider-item>a {
    display: block
}

.owl-carousel .fadeout {
    animation-name: fadeOut
}

.owl-carousel .owl-nav {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 0 8px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s ease-in-out;
    width: 100%
}

.owl-carousel .owl-nav button {
    align-items: center;
    background: #fff !important;
    border: 1px solid #c0c2c5 !important;
    border-radius: 50%;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    pointer-events: auto;
    width: 40px
}

.owl-carousel .owl-nav button svg {
    fill: #424750;
    height: 24px;
    width: 24px
}

.owl-carousel .owl-dots {
    text-align: center
}

.owl-carousel .owl-dots .owl-dot {
    background: #e0e0e2;
    border-radius: 2px;
    height: 4px;
    margin: 0 4px;
    transition: width .2s ease-in-out;
    width: 4px
}

.owl-carousel .owl-dots .active {
    background: #a1a3a8;
    width: 16px
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fullwidth-slider .owl-carousel .owl-dots,
.widget-main-slider .owl-carousel .owl-dots {
    bottom: 8px;
    left: 0;
    padding-left: 20px;
    position: absolute;
    width: 100%
}

.fullwidth-slider .owl-carousel .owl-dots .owl-dot,
.widget-main-slider .owl-carousel .owl-dots .owl-dot {
    background: #0c0c0c;
    opacity: .3
}

.fullwidth-slider .owl-carousel .owl-dots .active,
.widget-main-slider .owl-carousel .owl-dots .active {
    background: #fff;
    opacity: 1
}

@media(max-width:768px) {
    .owl-carousel .owl-nav {
        display: none
    }
}

.modal {
    align-items: center;
    background: rgba(8, 10, 56, .5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: all .2s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 100004
}

.modal.show {
    opacity: 1;
    visibility: visible
}

.modal .modal-dialog {
    background: #fff;
    margin: 0;
    overflow: hidden;
    padding: 12px 0
}

.modal .modal-dialog .modal-header {
    align-items: center;
    border-bottom: 1px solid #e0e0e2;
    display: flex;
    justify-content: space-between;
    padding: 8px 16px 16px
}

.modal .modal-dialog .modal-header .close {
    fill: #424750;
    cursor: pointer;
    height: 24px;
    width: 24px
}

.modal .modal-dialog .modal-content {
    border: none;
    overflow-y: auto;
    padding: 16px 16px 8px
}

.modal#popup-ads .modal-dialog {
    background: transparent;
    border-radius: 0;
    max-height: unset;
    max-width: unset;
    min-width: unset;
    overflow: auto;
    padding: 0
}

.modal#popup-ads .modal-dialog .modal-header {
    justify-content: center
}

.modal#popup-ads .modal-dialog .modal-header .close {
    fill: #fff
}

.modal#popup-ads .modal-dialog .modal-content {
    max-height: unset;
    padding: 0;
    text-align: center
}

@media(min-width:992px) {
    .modal .modal-dialog {
        border-radius: 8px;
        max-height: calc(100vh - 8px);
        max-width: 40vw;
        min-width: 460px
    }
    .modal .modal-dialog .modal-content {
        max-height: calc(100vh - 73px)
    }
}

.modal#loader-modal .modal-dialog {
    border-radius: 8px;
    height: auto;
    min-width: 300px;
    width: auto
}

.modal#loader-modal .modal-dialog .modal-content {
    padding-bottom: 16px
}

@media(max-width:992px) {
    .modal:not(#loader-modal):not(#popup-ads) {
        align-items: flex-end
    }
    .modal:not(#loader-modal):not(#popup-ads).show .modal-dialog {
        transform: translateY(0)
    }
    .modal:not(#loader-modal):not(#popup-ads) .modal-dialog {
        display: flex;
        flex-direction: column;
        max-height: 100%;
        max-width: 100%;
        min-width: 100%;
        transform: translateY(100%);
        transition: all .2s ease-in-out;
        width: 100%
    }
    .modal:not(#loader-modal):not(#popup-ads) .modal-dialog .modal-content {
        max-height: calc(100% - 40px)
    }
}

.toast-container {
    align-items: center;
    background: #0f172a;
    border-radius: 4px;
    bottom: -100%;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .15), 0 2px 6px 2px rgba(60, 64, 67, .15);
    display: flex;
    justify-content: space-between;
    left: 50%;
    min-width: 260px;
    padding: 12px;
    position: fixed;
    transform: translateX(-50%);
    transition: all .5s ease-in-out;
    z-index: 999999
}

.toast-container .toast-text {
    color: #fff;
    user-select: none
}

.toast-container.show {
    bottom: 4px
}

.toast-container svg {
    fill: #fff;
    cursor: pointer;
    height: 24px;
    width: 24px
}

.pagination,
ul.page-numbers {
    align-items: center;
    border-top: 1px solid #f0f0f1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 16px 0;
    padding-top: 16px
}

.pagination .page-numbers,
ul.page-numbers .page-numbers {
    align-items: center;
    border: 2px solid transparent;
    border-radius: 17px;
    display: inline-flex;
    font-size: 1.2rem;
    height: 34px;
    justify-content: center;
    margin: 4px 8px;
    text-align: center;
    width: 34px
}

.pagination .page-numbers svg,
ul.page-numbers .page-numbers svg {
    fill: #62666d;
    height: 20px;
    width: 20px
}

.pagination .page-numbers:hover,
ul.page-numbers .page-numbers:hover {
    border-color: #ef4056;
    color: #ef4056
}

.pagination .page-numbers:hover svg,
ul.page-numbers .page-numbers:hover svg {
    fill: #ef4056
}

.pagination .page-numbers.current,
ul.page-numbers .page-numbers.current {
    background: #ef4056;
    color: #fff
}

.breadcrumb {
    font-size: 1.3rem;
    margin-bottom: 20px
}

.breadcrumb,
.breadcrumb a {
    color: #81858b
}

.breadcrumb a:hover {
    color: #ef4056
}

.breadcrumb .delimiter {
    color: #c0c2c5;
    margin: 0 8px
}

.message,
.message-error,
.message-info,
.message-success,
.message-warning,
.page-wrapper-Message,
.page-wrapper-Message--info,
.page-wrapper-error,
.page-wrapper-info,
.page-wrapper-message,
.page-wrapper-notice,
.page-wrapper-notice--error,
.page-wrapper-notice--success {
    border-radius: 8px;
    padding: 16px
}

.message-error:after,
.message-info:after,
.message-success:after,
.message-warning:after,
.message:after,
.page-wrapper-Message--info:after,
.page-wrapper-Message:after,
.page-wrapper-error:after,
.page-wrapper-info:after,
.page-wrapper-message:after,
.page-wrapper-notice--error:after,
.page-wrapper-notice--success:after,
.page-wrapper-notice:after {
    clear: both;
    content: "";
    display: block
}

.message li:before,
.message-error li:before,
.message-info li:before,
.message-success li:before,
.message-warning li:before,
.page-wrapper-Message li:before,
.page-wrapper-Message--info li:before,
.page-wrapper-error li:before,
.page-wrapper-info li:before,
.page-wrapper-message li:before,
.page-wrapper-notice li:before,
.page-wrapper-notice--error li:before,
.page-wrapper-notice--success li:before {
    display: none
}

.message-error:not(.page-wrapper-thankyou-order-failed-actions) .button,
.message-info:not(.page-wrapper-thankyou-order-failed-actions) .button,
.message-success:not(.page-wrapper-thankyou-order-failed-actions) .button,
.message-warning:not(.page-wrapper-thankyou-order-failed-actions) .button,
.message:not(.page-wrapper-thankyou-order-failed-actions) .button,
.page-wrapper-Message--info:not(.page-wrapper-thankyou-order-failed-actions) .button,
.page-wrapper-Message:not(.page-wrapper-thankyou-order-failed-actions) .button,
.page-wrapper-error:not(.page-wrapper-thankyou-order-failed-actions) .button,
.page-wrapper-info:not(.page-wrapper-thankyou-order-failed-actions) .button,
.page-wrapper-message:not(.page-wrapper-thankyou-order-failed-actions) .button,
.page-wrapper-notice--error:not(.page-wrapper-thankyou-order-failed-actions) .button,
.page-wrapper-notice--success:not(.page-wrapper-thankyou-order-failed-actions) .button,
.page-wrapper-notice:not(.page-wrapper-thankyou-order-failed-actions) .button {
    background: transparent !important;
    border: none;
    color: #0c0c0c;
    float: right;
    height: auto;
    padding: 0
}

.message-success,
.page-wrapper-message,
.page-wrapper-notice--success {
    background-color: rgba(57, 174, 0, .1);
    color: #39ae00
}

.message-info,
.page-wrapper-Message--info,
.page-wrapper-info {
    background-color: rgba(0, 142, 178, .1);
    color: #008eb2
}

.message-error,
.page-wrapper-error,
.page-wrapper-notice--error {
    background-color: rgba(239, 57, 78, .1);
    color: #ef394e
}

.message-warning {
    background: #fff7ed;
    color: #c2410c
}

#pre-loader {
    background: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999999
}

#pre-loader>div {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.la-ball-scale-multiple,
.la-ball-scale-multiple>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.la-ball-scale-multiple {
    color: #ef4056;
    display: block;
    font-size: 0
}

.la-ball-scale-multiple.la-dark {
    color: #d1122a
}

.la-ball-scale-multiple>div {
    background-color: currentColor;
    border: 0 solid;
    display: inline-block;
    float: none
}

.la-ball-scale-multiple {
    height: 74px;
    width: 74px
}

.la-ball-scale-multiple>div {
    -webkit-animation: ball-scale-multiple 1s linear 0s infinite;
    -moz-animation: ball-scale-multiple 1s linear 0s infinite;
    -o-animation: ball-scale-multiple 1s linear 0s infinite;
    animation: ball-scale-multiple 1s linear 0s infinite;
    border-radius: 100%;
    height: 74px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 74px
}

.la-ball-scale-multiple>div:nth-child(2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.la-ball-scale-multiple>div:nth-child(3) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

@-webkit-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: .75
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: .75
    }
    to {
        opacity: 0;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: .75
    }
    to {
        opacity: 0;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: .75
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.la-ball-beat,
.la-ball-beat>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.la-ball-beat {
    color: #ef4056;
    display: block;
    font-size: 0
}

.la-ball-beat.la-dark {
    color: #333
}

.la-ball-beat>div {
    background-color: currentColor;
    border: 0 solid;
    display: inline-block;
    float: none
}

.la-ball-beat {
    height: 18px;
    width: 100px
}

.la-ball-beat>div {
    -webkit-animation: ball-beat .7s linear -.15s infinite;
    -moz-animation: ball-beat .7s linear -.15s infinite;
    -o-animation: ball-beat .7s linear -.15s infinite;
    animation: ball-beat .7s linear -.15s infinite;
    border-radius: 100%;
    height: 15px;
    margin: 4px;
    width: 15px
}

.la-ball-beat>div:nth-child(2n-1) {
    -webkit-animation-delay: -.5s;
    -moz-animation-delay: -.5s;
    -o-animation-delay: -.5s;
    animation-delay: -.5s
}

@-webkit-keyframes ball-beat {
    50% {
        opacity: .2;
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-beat {
    50% {
        opacity: .2;
        -moz-transform: scale(.75);
        transform: scale(.75)
    }
    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-beat {
    50% {
        opacity: .2;
        -o-transform: scale(.75);
        transform: scale(.75)
    }
    to {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-beat {
    50% {
        opacity: .2;
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        -o-transform: scale(.75);
        transform: scale(.75)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.la-ball-circus,
.la-ball-circus>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.la-ball-circus {
    color: #ef4056;
    display: block;
    font-size: 0
}

.la-ball-circus.la-dark {
    color: #333
}

.la-ball-circus>div {
    background-color: currentColor;
    border: 0 solid;
    display: inline-block;
    float: none
}

.la-ball-circus {
    height: 26px;
    width: 26px
}

.la-ball-circus>div {
    -webkit-animation: ball-circus-position 2.5s cubic-bezier(.25, 0, .75, 1) infinite, ball-circus-size 2.5s cubic-bezier(.25, 0, .75, 1) infinite;
    -moz-animation: ball-circus-position 2.5s cubic-bezier(.25, 0, .75, 1) infinite, ball-circus-size 2.5s cubic-bezier(.25, 0, .75, 1) infinite;
    -o-animation: ball-circus-position 2.5s cubic-bezier(.25, 0, .75, 1) infinite, ball-circus-size 2.5s cubic-bezier(.25, 0, .75, 1) infinite;
    animation: ball-circus-position 2.5s cubic-bezier(.25, 0, .75, 1) infinite, ball-circus-size 2.5s cubic-bezier(.25, 0, .75, 1) infinite;
    border-radius: 100%;
    display: block;
    height: 16px;
    height: 100%;
    left: -100%;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 16px;
    width: 100%
}

.la-ball-circus>div:first-child {
    -webkit-animation-delay: 0s, -.5s;
    -moz-animation-delay: 0s, -.5s;
    -o-animation-delay: 0s, -.5s;
    animation-delay: 0s, -.5s
}

.la-ball-circus>div:nth-child(2) {
    -webkit-animation-delay: -.5s, -1s;
    -moz-animation-delay: -.5s, -1s;
    -o-animation-delay: -.5s, -1s;
    animation-delay: -.5s, -1s
}

.la-ball-circus>div:nth-child(3) {
    -webkit-animation-delay: -1s, -1.5s;
    -moz-animation-delay: -1s, -1.5s;
    -o-animation-delay: -1s, -1.5s;
    animation-delay: -1s, -1.5s
}

.la-ball-circus>div:nth-child(4) {
    -webkit-animation-delay: -1.5s, -2s;
    -moz-animation-delay: -1.5s, -2s;
    -o-animation-delay: -1.5s, -2s;
    animation-delay: -1.5s, -2s
}

.la-ball-circus>div:nth-child(5) {
    -webkit-animation-delay: -2s, -2.5s;
    -moz-animation-delay: -2s, -2.5s;
    -o-animation-delay: -2s, -2.5s;
    animation-delay: -2s, -2.5s
}

@-webkit-keyframes ball-circus-position {
    50% {
        left: 100%
    }
}

@-moz-keyframes ball-circus-position {
    50% {
        left: 100%
    }
}

@-o-keyframes ball-circus-position {
    50% {
        left: 100%
    }
}

@keyframes ball-circus-position {
    50% {
        left: 100%
    }
}

@-webkit-keyframes ball-circus-size {
    50% {
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@-moz-keyframes ball-circus-size {
    50% {
        -moz-transform: scale(.3);
        transform: scale(.3)
    }
}

@-o-keyframes ball-circus-size {
    50% {
        -o-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes ball-circus-size {
    50% {
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        -o-transform: scale(.3);
        transform: scale(.3)
    }
}

.la-ball-elastic-dots,
.la-ball-elastic-dots>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.la-ball-elastic-dots {
    color: #ef4056;
    display: block
}

.la-ball-elastic-dots.la-dark {
    color: #333
}

.la-ball-elastic-dots>div {
    background-color: currentColor;
    border: 0 solid;
    float: none
}

.la-ball-elastic-dots {
    font-size: 0;
    height: 20px;
    text-align: center;
    width: 160px
}

.la-ball-elastic-dots>div {
    -webkit-animation: ball-elastic-dots-anim 1s infinite;
    -moz-animation: ball-elastic-dots-anim 1s infinite;
    -o-animation: ball-elastic-dots-anim 1s infinite;
    animation: ball-elastic-dots-anim 1s infinite;
    border-radius: 100%;
    display: inline-block;
    height: 15px;
    white-space: nowrap;
    width: 15px
}

@-webkit-keyframes ball-elastic-dots-anim {
    0%,
    to {
        margin: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        margin: 0 5%;
        -webkit-transform: scale(.65);
        transform: scale(.65)
    }
}

@-moz-keyframes ball-elastic-dots-anim {
    0%,
    to {
        margin: 0;
        -moz-transform: scale(1);
        transform: scale(1)
    }
    50% {
        margin: 0 5%;
        -moz-transform: scale(.65);
        transform: scale(.65)
    }
}

@-o-keyframes ball-elastic-dots-anim {
    0%,
    to {
        margin: 0;
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        margin: 0 5%;
        -o-transform: scale(.65);
        transform: scale(.65)
    }
}

@keyframes ball-elastic-dots-anim {
    0%,
    to {
        margin: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        margin: 0 5%;
        -webkit-transform: scale(.65);
        -moz-transform: scale(.65);
        -o-transform: scale(.65);
        transform: scale(.65)
    }
}

.la-ball-clip-rotate,
.la-ball-clip-rotate>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.la-ball-clip-rotate {
    color: #ef4056;
    display: block;
    font-size: 0
}

.la-ball-clip-rotate.la-dark {
    color: #333
}

.la-ball-clip-rotate>div {
    background-color: currentColor;
    border: 0 solid;
    display: inline-block;
    float: none
}

.la-ball-clip-rotate {
    height: 50px;
    width: 50px
}

.la-ball-clip-rotate>div {
    -webkit-animation: ball-clip-rotate 1s linear infinite;
    -moz-animation: ball-clip-rotate 1s linear infinite;
    -o-animation: ball-clip-rotate 1s linear infinite;
    animation: ball-clip-rotate 1s linear infinite;
    background: transparent;
    border-bottom-color: transparent;
    border-radius: 100%;
    border-width: 2px;
    height: 50px;
    width: 50px
}

@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes ball-clip-rotate {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-o-keyframes ball-clip-rotate {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.la-ball-clip-rotate-multiple,
.la-ball-clip-rotate-multiple>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.la-ball-clip-rotate-multiple {
    color: #ef4056;
    display: block;
    font-size: 0
}

.la-ball-clip-rotate-multiple.la-dark {
    color: #333
}

.la-ball-clip-rotate-multiple>div {
    background-color: currentColor;
    border: 0 solid;
    display: inline-block;
    float: none
}

.la-ball-clip-rotate-multiple {
    height: 32px;
    width: 32px
}

.la-ball-clip-rotate-multiple>div {
    -webkit-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
    -moz-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
    -o-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
    animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
    background: transparent;
    border-radius: 100%;
    border-style: solid;
    border-width: 2px;
    left: 50%;
    position: absolute;
    top: 50%
}

.la-ball-clip-rotate-multiple>div:first-child {
    border-left-color: transparent;
    border-right-color: transparent;
    height: 32px;
    position: absolute;
    width: 32px
}

.la-ball-clip-rotate-multiple>div:last-child {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    -o-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    border-bottom-color: transparent;
    border-top-color: transparent;
    height: 16px;
    width: 16px
}

.la-ball-clip-rotate-multiple.la-2x {
    height: 64px;
    width: 64px
}

.la-ball-clip-rotate-multiple.la-2x>div {
    border-width: 4px
}

.la-ball-clip-rotate-multiple.la-2x>div:first-child {
    height: 64px;
    width: 64px
}

.la-ball-clip-rotate-multiple.la-2x>div:last-child {
    height: 32px;
    width: 32px
}

@-webkit-keyframes ball-clip-rotate-multiple-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

@-moz-keyframes ball-clip-rotate-multiple-rotate {
    0% {
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    50% {
        -moz-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }
    to {
        -moz-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

@-o-keyframes ball-clip-rotate-multiple-rotate {
    0% {
        -o-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    50% {
        -o-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }
    to {
        -o-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

@keyframes ball-clip-rotate-multiple-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        -o-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        -moz-transform: translate(-50%, -50%) rotate(180deg);
        -o-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        -moz-transform: translate(-50%, -50%) rotate(1turn);
        -o-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

.la-ball-fall,
.la-ball-fall>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.la-ball-fall {
    color: #ef4056;
    display: block;
    font-size: 0
}

.la-ball-fall.la-dark {
    color: #333
}

.la-ball-fall>div {
    background-color: currentColor;
    border: 0 solid;
    display: inline-block;
    float: none
}

.la-ball-fall {
    height: 18px;
    width: 54px
}

.la-ball-fall>div {
    -webkit-animation: ball-fall 1s ease-in-out infinite;
    -moz-animation: ball-fall 1s ease-in-out infinite;
    -o-animation: ball-fall 1s ease-in-out infinite;
    animation: ball-fall 1s ease-in-out infinite;
    border-radius: 100%;
    height: 10px;
    margin: 4px;
    opacity: 0;
    width: 10px
}

.la-ball-fall>div:first-child {
    -webkit-animation-delay: -.2s;
    -moz-animation-delay: -.2s;
    -o-animation-delay: -.2s;
    animation-delay: -.2s
}

.la-ball-fall>div:nth-child(2) {
    -webkit-animation-delay: -.1s;
    -moz-animation-delay: -.1s;
    -o-animation-delay: -.1s;
    animation-delay: -.1s
}

.la-ball-fall>div:nth-child(3) {
    -webkit-animation-delay: 0ms;
    -moz-animation-delay: 0ms;
    -o-animation-delay: 0ms;
    animation-delay: 0ms
}

.la-ball-fall.la-2x {
    height: 36px;
    width: 108px
}

.la-ball-fall.la-2x>div {
    height: 20px;
    margin: 8px;
    width: 20px
}

@-webkit-keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        transform: translateY(-145%)
    }
    10% {
        opacity: .5
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    90% {
        opacity: .5
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(145%);
        transform: translateY(145%)
    }
}

@-moz-keyframes ball-fall {
    0% {
        opacity: 0;
        -moz-transform: translateY(-145%);
        transform: translateY(-145%)
    }
    10% {
        opacity: .5
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    80% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    90% {
        opacity: .5
    }
    to {
        opacity: 0;
        -moz-transform: translateY(145%);
        transform: translateY(145%)
    }
}

@-o-keyframes ball-fall {
    0% {
        opacity: 0;
        -o-transform: translateY(-145%);
        transform: translateY(-145%)
    }
    10% {
        opacity: .5
    }
    20% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    80% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    90% {
        opacity: .5
    }
    to {
        opacity: 0;
        -o-transform: translateY(145%);
        transform: translateY(145%)
    }
}

@keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        -moz-transform: translateY(-145%);
        -o-transform: translateY(-145%);
        transform: translateY(-145%)
    }
    10% {
        opacity: .5
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    90% {
        opacity: .5
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(145%);
        -moz-transform: translateY(145%);
        -o-transform: translateY(145%);
        transform: translateY(145%)
    }
}

.showmore-button {
    color: #19bfd3;
    cursor: pointer;
    position: relative
}

.showmore-button:before {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .3), #fff);
    content: "";
    height: 64px;
    left: 0;
    position: absolute;
    top: -64px;
    width: 100%
}

.showmore-button.show:before {
    display: none
}

.jtippy {
    background: transparent;
    border-radius: 0;
    padding: 0
}

.jtippy .jt-arrow {
    border-width: 6px;
    margin-left: 0
}

.jtippy .jt-arrow-left {
    border-right-color: #3f4064;
    left: -12px;
    margin-top: -6px
}

.jtippy .jt-arrow-top {
    border-bottom-color: #3f4064;
    margin-left: -6px
}

.jtippy .jt-arrow-bottom {
    border-top-color: #3f4064;
    margin-left: -6px
}

.jtippy .jt-arrow-right {
    border-left-color: #3f4064;
    margin-top: -6px;
    right: -12px
}

.jtippy .jt-title {
    background: #3f4064;
    border-radius: 3px;
    font-size: 1.2rem;
    font-weight: 400;
    margin: 0;
    padding: 7px 10px
}

.loader-bullets {
    -webkit-animation: loading-dots-fadein .5s linear forwards;
    animation: loading-dots-fadein .5s linear forwards;
    direction: ltr;
    filter: alpha(opacity=0);
    opacity: 0;
    padding: 40px 0;
    text-align: center
}

.loader-bullet {
    -webkit-animation: loading-dots-middle-dots .5s ease-in-out infinite;
    animation: loading-dots-middle-dots .5s ease-in-out infinite;
    background-color: #ef4056;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    margin: 0 5px;
    overflow: hidden;
    vertical-align: middle;
    width: 8px
}

.loader-bullet:first-child {
    -webkit-animation: loading-dots-first-dot .5s ease-in-out infinite;
    animation: loading-dots-first-dot .5s ease-in-out infinite;
    opacity: 0;
    transform: translate(-14px)
}

.loader-bullet:last-child {
    -webkit-animation: loading-dots-last-dot .5s ease-in-out infinite;
    animation: loading-dots-last-dot .5s ease-in-out infinite
}

@-webkit-keyframes loading-dots-fadein {
    to {
        opacity: 1
    }
}

@keyframes loading-dots-fadein {
    to {
        opacity: 1
    }
}

@-webkit-keyframes loading-dots-first-dot {
    to {
        opacity: 1;
        transform: translateX(14px)
    }
}

@keyframes loading-dots-first-dot {
    to {
        opacity: 1;
        transform: translateX(14px)
    }
}

@-webkit-keyframes loading-dots-middle-dots {
    to {
        transform: translateX(14px)
    }
}

@keyframes loading-dots-middle-dots {
    to {
        transform: translateX(14px)
    }
}

@-webkit-keyframes loading-dots-last-dot {
    to {
        opacity: 0;
        transform: translateX(28px)
    }
}

@keyframes loading-dots-last-dot {
    to {
        opacity: 0;
        transform: translateX(28px)
    }
}

.separator.vertical {
    border-right: 1px solid #e0e0e2;
    display: inline-block;
    height: 30px;
    margin: 0 20px;
    width: 1px
}

.separator.horizontal {
    border-bottom: 1px solid #e0e0e2;
    border-right: none;
    display: block;
    height: 1px;
    width: 100%
}

html {
    font-size: 10px
}

::-webkit-scrollbar-track {
    background-color: #f0f0f1;
    box-shadow: inset 0 0 5px #e0e0e2
}

::-webkit-scrollbar {
    background-color: #f0f0f1;
    width: 10px
}

::-webkit-scrollbar-thumb {
    background-color: #c0c2c5;
    border-radius: 4px
}

 

a,
body {
    color: #232933
}

a {
    display: inline-block;
    text-decoration: none;
    transition: all .2s ease-in-out
}

a:active,
a:focus,
a:hover {
    outline: none;
    text-decoration: none
}

ul ul li {
    padding-left: 20px
}

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

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

.required {
    color: #ef394e
}

.content-none {
    text-align: center
}

body:not(.cat-menu-show):not(.show-mini-cart):not(.show-search-modal) #wpadminbar {
    z-index: 100002
}

@media(max-width:992px) {
    body:not(.home):not(.page-wrapper-account: not(.logged-in)):not(.user-account-page:not(.logged-in)) {
        background:#f0f0f1
    }
    body.show-bottom-nav {
        padding-bottom: 54px
    }
}

.main-header {
    background: #fff;
    position: relative;
    z-index: 100001
}

.main-header.wrapper {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .14), 0 2px 0 rgba(0, 0, 0, .05)
}

.main-header .top-ads {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 60px;
    margin: 0;
    width: 100%
}

.main-header .contact-bar {
    background: #f0f0f1;
    font-size: 1.35rem;
    line-height: 1.3
}

.main-header .contact-bar .inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 5px 0
}

.main-header .contact-bar .contacts {
    display: flex;
    gap: 12px
}

.main-header .contact-bar .contacts .contact-item .contact-text {
    color: #81858b
}

.main-header .contact-bar .contacts .separator {
    border-right-width: 2px;
    height: unset
}

.main-header .contact-bar .socials .socials-title {
    display: none
}

.main-header .contact-bar .socials .socials-items {
    display: flex;
    gap: 4px
}

.main-header .contact-bar .socials .socials-items img {
    height: auto;
    max-width: 22px
}

.main-header .contact-bar .socials .socials-items i {
    color: #a1a3a8;
    font-size: 2.6rem
}

.main-header .contact-bar .socials .socials-items div {
    display: inline-block
}

.main-header .cat-menu-toggle,
.main-header .faq-toggle {
    cursor: pointer;
    display: inline-block
}

.main-header .cat-menu-toggle svg,
.main-header .faq-toggle svg {
    fill: #424750;
    height: 24px;
    width: 24px
}

.main-header .main-header-cols {
    padding: 12px 0
}

.main-header .main-header-cols .row>div {
    align-items: center;
    display: flex
}

.main-header .main-header-cols .col-logo {
    justify-content: space-between
}

.main-header .col-logo .cat-menu-toggle,
.main-header .col-logo .faq-toggle,
.main-header .main-header-cols .col-logo .faq-toggle,
.main-header .main-header-cols .site-title {
    display: none
}

.main-header .col-address .customer-address {
    border-top: 1px solid #f0f0f1;
    display: none;
    flex: 0 0 100%;
    margin-top: 8px;
    padding-top: 8px
}

.main-header .col-address .customer-address .pin {
    fill: #f9a825;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.main-header .col-address .customer-address .chevron {
    fill: #424750;
    height: 24px;
    margin-left: auto;
    width: 24px
}

.main-header .customer-address {
    align-items: center;
    display: flex;
    flex: 0 0 100%;
    font-size: 1.2rem;
    gap: 8px
}

.main-header .customer-address .pin {
    fill: #f9a825;
    height: 20px;
    width: 20px
}

.main-header .customer-address .chevron {
    fill: #424750;
    height: 24px;
    margin-left: auto;
    width: 24px
}

.main-header .search-form {
    font-size: 1.3rem;
    position: relative;
    width: 100%
}

.main-header .search-form .search-overlay {
    display: none;
    height: 44px;
    position: absolute;
    width: 100%
}

.main-header .search-form .arrow-icon,
.main-header .search-form .search-icon {
    fill: #a1a3a8;
    color: #a1a3a8;
    font-size: 2.4rem;
    height: 24px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 24px
}

.main-header .search-form .arrow-icon {
    fill: #424750;
    cursor: pointer;
    display: none;
    height: 24px;
    width: 24px
}

.main-header .search-form input[type=search] {
    background: #f0f0f1;
    border-color: #f0f0f1;
    height: 44px;
    padding-left: 50px
}

.main-header .search-form .product-cat {
    background: transparent;
    border: none;
    border-left: 1px solid #e0e0e2;
    border-radius: 0;
    height: 34px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 110px
}

.main-header .search-form .clear,
.main-header .search-form .loading {
    fill: #424750;
    cursor: pointer;
    display: none;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px
}

.main-header .search-form .loading {
    height: 44px;
    right: 30px;
    top: 0;
    width: 44px
}

.main-header .search-form .product-cat+.loading {
    right: 140px
}

.main-header .search-form .product-cat+.loading+.clear {
    right: 120px
}

.main-header .search-form .search-results {
    background: #fff;
    border: 1px solid #e0e0e2;
    border-radius: 0 0 8px 8px;
    border-top: none !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .14), 0 4px 4px rgba(0, 0, 0, .1);
    display: none;
    left: 0;
    max-height: 320px;
    overflow: auto;
    padding: 8px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 100004
}

.main-header .search-form .search-results .result-item {
    align-items: center;
    display: flex;
    gap: 8px
}

.main-header .search-form .search-results .result-item:not(:last-child) {
    margin-bottom: 8px
}

.main-header .search-form .search-results .result-item img {
    height: auto;
    max-width: 32px
}

.main-header .search-form .search-results .result-item .product-price {
    color: #81858b;
    margin-left: 4px
}

.main-header .search-form .search-results .item-category .title span {
    color: #a1a3a8
}

.main-header .search-form .search-results .separator {
    border-bottom: 1px solid #e0e0e2;
    margin: 12px 0
}

.main-header .search-form .search-results a.ads {
    margin: 8px
}

.main-header .search-modal {
    background: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100004
}

.main-header .search-modal .search-results {
    max-height: calc(100% - 48px)
}

.main-header .search-form.search-modal .search-icon,
.main-header .search-form.search-modal .search-overlay,
.main-header .search-form.search-modal.full-screen .search-icon,
.main-header .search-form.search-modal.full-screen .search-overlay,
.main-header .search-form.search-modal.minimal .search-icon,
.main-header .search-form.search-modal.minimal .search-overlay {
    display: none
}

.main-header .search-form.search-modal .arrow-icon,
.main-header .search-form.search-modal.full-screen .arrow-icon,
.main-header .search-form.search-modal.minimal .arrow-icon {
    display: inline-block
}

.main-header .search-form.search-modal input[type=search],
.main-header .search-form.search-modal.full-screen input[type=search],
.main-header .search-form.search-modal.minimal input[type=search] {
    background: #fff;
    border: none;
    border-bottom: 1px solid #19bfd3;
    border-radius: 0
}

.main-header .search-form.search-modal .search-results,
.main-header .search-form.search-modal.full-screen .search-results,
.main-header .search-form.search-modal.minimal .search-results {
    border: none;
    box-shadow: none;
    top: 48px
}

.main-header .search-form.full-screen {
    display: none
}

.main-header .search-form.full-screen.search-modal {
    display: block
}

.main-header .search-toggle {
    display: flex;
    justify-content: center
}

.main-header .search-toggle>span {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center
}

.main-header .search-toggle .search-icon {
    fill: #424750;
    color: #a1a3a8;
    font-size: 24px;
    height: 24px;
    width: 24px
}

.main-header .header-buttons {
    align-items: center;
    display: flex;
    justify-content: end;
    width: 100%
}

.main-header .login-register {
    align-items: center;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    display: inline-flex;
    font-size: 1.2rem;
    font-weight: 700;
    gap: 4px;
    padding: 8px 12px
}

.main-header .login-register svg {
    fill: #424750;
    height: 24px;
    width: 24px
}

.main-header .login-register .login {
    font-size: 2rem
}

.main-header .user-button {
    display: inline-block
}

.main-header .user-dropdown {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 8px
}

.main-header .user-dropdown svg {
    fill: #424750;
    height: 24px;
    width: 24px
}

.main-header .user-dropdown.show-dropdown {
    background: rgba(239, 57, 78, .1)
}

.main-header .user-dropdown-menu {
    font-weight: 700;
    max-height: 360px;
    overflow: auto
}

.main-header .user-dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #f0f0f1
}

.main-header .user-dropdown-menu .dropdown-item:hover {
    background: #f0f0f1
}

.main-header .user-dropdown-menu .dropdown-item.display-name {
    padding-bottom: 8px;
    padding-top: 8px
}

.main-header .user-dropdown-menu .dropdown-item.display-name svg {
    fill: #a1a3a8
}

.main-header .user-dropdown-menu .dropdown-item:not(.display-name) a .chevron {
    display: none
}

.main-header .user-dropdown-menu .dropdown-item a {
    align-items: center;
    display: flex;
    gap: 8px;
    padding: 8px 16px
}

.main-header .user-dropdown-menu .dropdown-item a .avatar {
    border-radius: 50%
}

.main-header .user-dropdown-menu .dropdown-item a .chevron {
    margin-left: auto
}

.main-header .user-dropdown-menu .dropdown-item a svg {
    fill: #424750;
    height: 24px;
    width: 24px
}

.main-header .user-dropdown-menu .dropdown-item a .fa,
.main-header .user-dropdown-menu .dropdown-item a .fas {
    margin-right: 12px
}

.main-header .compare,
.main-header .favorites {
    padding: 4px 8px;
    position: relative
}

.main-header .compare svg,
.main-header .favorites svg {
    fill: #424750;
    height: 24px;
    width: 24px
}

.main-header .compare i,
.main-header .favorites i {
    font-size: 2rem
}

.main-header .compare .count,
.main-header .favorites .count {
    align-items: center;
    background: #ef4056;
    border: 2px solid #fff;
    border-radius: 6px;
    color: #fff;
    display: inline-flex;
    font-size: 1rem;
    height: 20px;
    justify-content: center;
    left: 0;
    min-width: 20px;
    position: absolute;
    top: 16px
}

@media(min-width:992px) {
    .main-header.sticky {
        position: sticky
    }
    .site-logo .logo-mobile {
        display: none
    }
    .main-header .search-form.focused input[type=search] {
        background: #fff;
        border: 1px solid #e0e0e2;
        border-bottom: none !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }
}

@media(max-width:992px) {
    .main-header.sticky-mobile {
        position: sticky;
        top: 0
    }
    body:not(.home):not(.page-template-front) .main-header {
        margin-bottom: 20px
    }
}

@media(max-width:768px) {
    .main-header .top-ads {
        height: 30px
    }
    .main-header .contact-bar .socials {
        display: none
    }
}

@media(max-width:992px) {
    .main-header {
        border-bottom: 1px solid #f0f0f1
    }
    .main-header .main-header-cols {
        padding-bottom: 8px;
        padding-top: 8px
    }
    .main-header .main-header-cols .col-logo {
        border-bottom: 1px solid #f0f0f1;
        margin-bottom: 8px;
        padding-bottom: 8px
    }
    .main-header .main-header-cols .col-logo .cat-menu-toggle,
    .main-header .main-header-cols .col-logo .faq-toggle {
        display: inline-block
    }
    .main-header .main-header-cols .col-search {
        flex: unset;
        max-width: unset;
        width: calc(100% - 100px)
    }
    .main-header .main-header-cols .col-buttons {
        flex: unset;
        max-width: unset;
        width: 100px
    }
    .main-header .main-header-cols .col-buttons .separator,
    .main-header .main-header-cols .col-buttons svg.dropdown {
        display: none
    }
    .main-header .col-address .customer-address {
        display: flex
    }
    .site-logo .logo-desktop {
        display: none
    }
    .search-form.search-modal.focused input[type=search] {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }
    .main-header .login-register {
        border: none;
        margin-right: 4px
    }
    .main-header .login-register span {
        display: none
    }
    .main-header .user-dropdown {
        margin-right: 8px
    }
    .main-header:not(.wrapper) .compare,
    .main-header:not(.wrapper) .favorites {
        display: none
    }
    .main-header .search-form:not(.search-modal) .search-overlay {
        display: block;
        opacity: 0;
        z-index: 109
    }
}

@media(min-width:992px) {
    #top-menu .top-menu-toggle {
        display: none
    }
    #top-menu .top-menu {
        display: flex
    }
    #top-menu .top-menu .menu-item:hover>a {
        color: #ef4056
    }
    #top-menu .top-menu .menu-item a {
        color: #62666d
    }
    #top-menu .top-menu>.menu-item>a {
        padding: 8px 12px
    }
    #top-menu .top-menu .menu-item-has-children {
        position: relative
    }
    #top-menu .top-menu .menu-item-has-children:hover>.sub-menu {
        display: block
    }
    #top-menu .top-menu .menu-item-has-children .sub-menu {
        background: #fff;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .3);
        display: none;
        left: 0;
        min-width: 220px;
        overflow: hidden;
        position: absolute;
        top: calc(100% + 1px);
        z-index: 102
    }
    #top-menu .top-menu .menu-item-has-children .sub-menu .menu-item {
        padding-left: 0;
        padding-right: 0
    }
    #top-menu .top-menu .menu-item-has-children .sub-menu .menu-item a {
        display: block;
        padding: 8px
    }
    #top-menu .top-menu .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
        left: calc(100% + 1px);
        top: 0
    }
}

@media(max-width:992px) {
    #top-menu {
        background: #f7f7f8;
        padding: 4px 0
    }
    #top-menu .top-menu-toggle {
        cursor: pointer;
        display: block
    }
    #top-menu .top-menu-toggle span {
        align-items: center;
        display: inline-flex;
        gap: 4px;
        justify-content: center;
        padding: 0 4px
    }
    #top-menu .top-menu-toggle svg {
        fill: #424750;
        height: 24px;
        width: 24px
    }
    #top-menu .top-menu {
        display: none
    }
    #top-menu .top-menu .menu-item a {
        display: block
    }
}

body:not(.home):not(.page-template-front) #cat-menu {
    margin-bottom: 20px
}

.wrapper-widget-container #cat-menu {
    margin-bottom: 0 !important
}

.wrapper-widget-container #cat-menu #magic-line {
    display: none !important
}

@media(min-width:992px) {
    #cat-menu {
        background: #fff;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .14), 0 2px 0 rgba(0, 0, 0, .05);
        position: relative;
        z-index: 100000
    }
    #cat-menu.sticky {
        position: sticky;
        transition: all .25s cubic-bezier(.215, .61, .355, 1) .15s
    }
    #cat-menu .cat-menu {
        display: flex;
        position: relative
    }
    #cat-menu .cat-menu .menu-item:hover>a {
        color: #ef4056
    }
    #cat-menu .cat-menu .menu-item a,
    #cat-menu .cat-menu .menu-item a .item-icon-title {
        align-items: center;
        display: inline-flex;
        gap: 4px
    }
    #cat-menu .cat-menu .menu-item a .item-icon {
        height: auto;
        margin-right: 4px;
        max-width: 22px
    }
    #cat-menu .cat-menu .menu-item a .chevron {
        fill: #424750;
        height: 16px;
        width: 16px
    }
    #cat-menu .cat-menu>.menu-item>a {
        padding: 8px 12px
    }
    #cat-menu .cat-menu>.menu-item>a .chevron {
        display: none
    }
    #cat-menu .cat-menu>.menu-item:not(:nth-last-child(2))>a {
        position: relative
    }
    #cat-menu .cat-menu>.menu-item:not(:nth-last-child(2))>a:after {
        border-right: 1px solid #e0e0e2;
        content: "";
        display: inline-block;
        height: 30%;
        left: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px
    }
    #cat-menu .cat-menu #magic-line {
        background: #ef4056;
        bottom: 0;
        height: 2px;
        left: 0;
        position: absolute;
        transition: all .2s ease-in-out;
        z-index: -1
    }
    #cat-menu .cat-menu .menu-item-has-children {
        position: relative
    }
    #cat-menu .cat-menu .menu-item-has-children:hover>.sub-menu {
        display: block
    }
    #cat-menu .cat-menu .menu-item-has-children.mega-menu:hover>.sub-menu {
        display: flex
    }
    #cat-menu .cat-menu .menu-item-has-children .sub-menu {
        background: #fff;
        display: none;
        left: 0;
        min-width: 220px;
        position: absolute;
        top: 100%
    }
    #cat-menu .cat-menu .menu-item-has-children .sub-menu .menu-item {
        padding-left: 0
    }
    #cat-menu .cat-menu .menu-item-has-children .sub-menu .menu-item a {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 8px
    }
    #cat-menu .cat-menu .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
        border-left: 1px solid #f0f0f1;
        left: 100%;
        top: 0
    }
    #cat-menu .cat-menu .mega-menu {
        position: static
    }
    #cat-menu .cat-menu .mega-menu .sub-menu {
        border-radius: 0 0 8px 8px;
        padding: 4px;
        width: 100%
    }
    #cat-menu .cat-menu .mega-menu .sub-menu .chevron {
        display: none
    }
    #cat-menu .cat-menu .mega-menu .sub-menu .sub-menu {
        background: transparent;
        border-left: none !important;
        display: block;
        position: static
    }
    #cat-menu .cat-menu .mega-menu .sub-menu .sub-menu a {
        color: #81858b;
        font-size: 1.2rem;
        line-height: 1.2
    }
    #cat-menu .cat-menu .mega-menu .sub-menu .sub-menu a:hover {
        color: #ef4056
    }
    #cat-menu .cat-menu .mega-menu>.sub-menu>.menu-item>a {
        font-weight: 700;
        position: relative
    }
    #cat-menu .cat-menu .mega-menu>.sub-menu>.menu-item>a:before {
        background: #ef4056;
        content: "";
        height: 13px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 2px
    }
    #cat-menu .cat-menu .mega-menu-main-item {
        position: static
    }
    #cat-menu .cat-menu .mega-menu-main-item>a {
        font-weight: 700
    }
    #cat-menu .cat-menu .mega-menu-main-item .hamburger-menu {
        fill: #424750;
        height: 20px;
        width: 20px
    }
    #cat-menu .cat-menu .mega-menu-main-item>.sub-menu {
        border-bottom-left-radius: 8px
    }
    #cat-menu .cat-menu .mega-menu-main-item>.sub-menu>.menu-item>a {
        padding-bottom: 12px;
        padding-top: 12px
    }
    #cat-menu .cat-menu .mega-menu-main-item>.sub-menu>.menu-item:hover>a {
        background: #f7f7f8
    }
    #cat-menu .cat-menu .mega-menu-main-item>.sub-menu .mega-menu>.sub-menu {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 8px;
        flex-direction: column;
        flex-wrap: wrap;
        padding: 0 4px
    }
    #cat-menu .cat-menu .mega-menu-main-item>.sub-menu .mega-menu.show>a {
        background: #f7f7f8;
        color: #ef4056
    }
    #cat-menu .cat-menu .mega-menu-main-item>.sub-menu .mega-menu.show .sub-menu {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap
    }
    #cat-menu .cat-menu .menu-item.address {
        margin-left: auto
    }
    #cat-menu .cat-menu .menu-item.address svg {
        fill: #424750;
        height: 20px;
        width: 20px
    }
    #cat-menu .cat-menu .menu-item.logo {
        display: none
    }
    .main-header.wrapper #cat-menu {
        box-shadow: none;
        z-index: 100003
    }
}

@media(max-width:992px) {
    #cat-menu {
        background: #fff;
        height: 100%;
        left: -320px;
        overflow: auto;
        position: fixed;
        top: 0;
        transition: all .2s ease-in-out;
        width: 320px;
        z-index: 100003
    }
    #cat-menu .container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    #cat-menu .hamburger-menu {
        display: none
    }
    #cat-menu .cat-menu {
        display: flex;
        flex-direction: column
    }
    #cat-menu .menu-item a {
        align-items: center;
        display: flex;
        font-weight: 700;
        padding: 12px
    }
    #cat-menu .menu-item a .item-icon-title {
        align-items: center;
        display: inline-flex;
        gap: 4px
    }
    #cat-menu .menu-item a .item-icon {
        height: auto;
        margin-right: 4px;
        max-width: 22px
    }
    #cat-menu .menu-item a .chevron {
        fill: #424750;
        height: 24px;
        margin-left: auto;
        transform: rotate(90deg);
        width: 24px
    }
    #cat-menu .menu-item .sub-menu {
        background: #f0f0f1;
        display: none;
        width: 100% !important
    }
    #cat-menu .menu-item.show-sub-menu>a {
        color: #ef4056
    }
    #cat-menu .menu-item.show-sub-menu>.sub-menu {
        display: block
    }
    #cat-menu .cat-menu>.menu-item:not(:first-child):not(:nth-last-child(2))>a {
        position: relative
    }
    #cat-menu .cat-menu>.menu-item:not(:first-child):not(:nth-last-child(2))>a:after {
        border-bottom: 1px solid #f0f0f1;
        content: "";
        display: inline-block;
        height: 1px;
        left: 0;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: -1
    }
    #cat-menu .menu-item.address {
        display: none
    }
    #cat-menu .menu-item.logo a {
        background: transparent !important;
        border-bottom: 1px solid #f0f0f1;
        justify-content: center;
        margin: 12px;
        padding-bottom: 20px
    }
    #cat-menu .mega-menu-main-item>.sub-menu {
        height: auto !important
    }
    #cat-menu .mega-menu-main-item>.sub-menu>.mega-menu>.sub-menu {
        height: auto !important;
        width: 100% !important
    }
    body.cat-menu-show #cat-menu {
        left: 0
    }
}

.app-bar {
    align-items: center;
    background: #232933;
    border-radius: 8px 8px 0 0;
    bottom: 0;
    display: none;
    gap: 8px;
    left: 0;
    padding: 8px 16px;
    position: fixed;
    user-select: none;
    width: 100%;
    z-index: 95
}

.app-bar img {
    height: auto;
    max-width: 40px
}

.app-bar a {
    color: #fff;
    font-size: 1.6rem
}

.app-bar svg.close {
    fill: #fff;
    cursor: pointer;
    height: 24px;
    margin-left: auto;
    width: 24px
}

@media(max-width:992px) {
    .app-bar {
        display: flex
    }
}

#faq-toggle {
    align-items: center;
    background: #ef4056;
    border: none;
    border-radius: 50%;
    bottom: 10px;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    left: 50px;
    position: fixed;
    width: 48px
}

#faq-toggle.right {
    left: unset;
    right: 50px
}

#faq-toggle .close,
#faq-toggle .support {
    fill: #fff;
    height: 24px;
    width: 24px
}

#faq-toggle .close,
.faq-box {
    display: none
}

.faq-box {
    background: #fff;
    border: 1px solid #ef4056;
    border-radius: 16px;
    bottom: 68px;
    font-weight: 700;
    left: 50px;
    overflow: hidden;
    position: fixed;
    width: 360px;
    z-index: 100003
}

.faq-box.show {
    display: block
}

.faq-box.right {
    left: unset;
    right: 50px
}

.faq-box .faq-header {
    align-items: center;
    background: #ef4056;
    color: #fff;
    display: flex;
    font-size: 1.9rem;
    justify-content: space-between;
    padding: 8px 20px 8px 12px
}

.faq-box .faq-header .close {
    fill: #fff;
    cursor: pointer;
    height: 24px;
    width: 24px
}

.faq-box .faq-content {
    height: 70vh;
    overflow-y: auto;
    padding: 8px 20px
}

.faq-box .faq-content ul li {
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    margin: 8px 0;
    padding: 12px
}

.faq-box .faq-content ul li .faq-title {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    line-height: 1.5
}

.faq-box .faq-content ul li .faq-title svg {
    fill: #424750;
    height: 24px;
    min-width: 24px;
    width: 24px
}

.faq-box .faq-content ul li .faq-text {
    border-top: 1px solid #e0e0e2;
    display: none;
    font-weight: 400;
    margin-top: 12px;
    padding-top: 12px
}

.faq-box .faq-content .faq-footer {
    font-weight: 400;
    text-align: center
}

.faq-box .faq-content .faq-footer p {
    margin: 8px 0
}

.faq-box .faq-content .faq-footer .button {
    border-radius: 24px;
    padding-left: 35px;
    padding-right: 35px
}

@media(max-width:992px) {
    #faq-toggle {
        display: none
    }
    .faq-box {
        border: none;
        border-radius: 0;
        display: block;
        height: 100vh;
        left: 0;
        right: 0 !important;
        top: 100%;
        transition: all .2s ease-in-out;
        width: 100%
    }
    .faq-box.show {
        display: block;
        top: 0
    }
    .faq-box .faq-content {
        height: calc(100vh - 54px)
    }
}

.bottom-nav {
    align-items: center;
    background: hsla(0, 0%, 100%, .95);
    bottom: 0;
    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .05);
    color: #81858b;
    display: flex;
    font-size: 1.1rem;
    height: 54px;
    left: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 94
}

.bottom-nav .nav-item {
    border-top: 1px solid #e0e0e2;
    flex: 1 1 0;
    position: relative
}

.bottom-nav .nav-item .nav-icon {
    margin: 4px 0
}

.bottom-nav .nav-item .nav-icon svg {
    fill: #424750;
    height: 20px;
    width: 20px
}

.bottom-nav .nav-item .nav-icon img {
    height: auto;
    max-width: 20px
}

.bottom-nav .nav-item .badge {
    align-items: center;
    background: #ef4056;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: 1rem;
    height: 16px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 2px;
    width: 16px
}

.bottom-nav .nav-item.active {
    background: #f0f0f1;
    position: relative
}

.bottom-nav .nav-item.active:before {
    background: #ef4056;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 100%
}

@media(min-width:992px) {
    .bottom-nav {
        display: none
    }
}

.main-footer .widget {
    background: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0
}

.main-footer:not(.wrapper) {
    background: #fff;
    border-top: 1px solid #f0f0f1;
    margin-top: 20px;
    padding-top: 32px
}

.main-footer .logo-bar {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.main-footer #scroll-top {
    align-items: center;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    color: #a1a3a8;
    display: inline-flex;
    font-size: 1.2rem;
    gap: 8px;
    justify-content: center;
    padding: 4px 16px
}

.main-footer #scroll-top svg {
    fill: #a1a3a8;
    height: 24px;
    width: 24px
}

.main-footer .contacts {
    align-items: center;
    display: flex;
    font-size: 1.3rem;
    margin: 12px 0
}

.main-footer .contacts .separator {
    background: #a1a3a8;
    height: 14px;
    margin: 0 16px;
    width: 1px
}

.main-footer .services {
    margin: 32px 0
}

.main-footer .services .row {
    gap: 8px
}

.main-footer .services .col {
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center
}

.main-footer .services .col img {
    height: auto;
    max-width: 64px
}

.main-footer .menu-title {
    align-items: center;
    display: flex;
    font-size: 1.6rem;
    justify-content: space-between
}

.main-footer .menu-title svg {
    fill: #a1a3a8;
    display: none;
    height: 24px;
    width: 24px
}

.main-footer .menu .menu-item a {
    align-items: center;
    color: #81858b;
    display: flex;
    gap: 8px
}

.main-footer .socials .socials-title {
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 12px
}

.main-footer .socials .socials-items {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    margin-bottom: 20px
}

.main-footer .socials .socials-items img {
    height: auto;
    max-width: 64px
}

.main-footer .socials .socials-items i {
    color: #81858b;
    font-size: 3rem
}

.main-footer .newsletter .newsletter-title {
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 12px
}

.main-footer .newsletter form {
    display: flex;
    gap: 4px;
    justify-content: space-between
}

.main-footer .newsletter form input[type=email],
.main-footer .newsletter form input[type=text] {
    background: #f0f0f1;
    border: none;
    border-radius: 8px
}

.main-footer .newsletter form button,
.main-footer .newsletter form input[type=submit] {
    background: #ef4056;
    border: 1px solid #ef4056;
    border-radius: 8px;
    color: #fff;
    cursor: pointer
}

.main-footer .apps {
    align-items: center;
    background-color: #3c4b6d;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 2rem;
    font-weight: 700;
    gap: 8px;
    justify-content: space-between;
    margin: 20px 0;
    padding: 16px
}

.main-footer .apps .app {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center
}

.main-footer .description {
    border-bottom: 1px solid #f0f0f1;
    border-top: 1px solid #f0f0f1;
    margin-top: 20px;
    padding: 20px 0
}

.main-footer .description .widget-header {
    margin-bottom: 0;
    padding-bottom: 0
}

.main-footer .description .col-description .widget .textwidget {
    color: #81858b;
    font-size: 1.3rem
}

.main-footer .description .col-description .widget .textwidget a {
    color: #19bfd3
}

.main-footer .description .col-enamad {
    text-align: right
}

.main-footer .description .col-enamad a,
.main-footer .description .col-enamad img {
    margin: 4px;
    max-height: 120px !important;
    padding: 16px;
    width: auto !important
}

.main-footer .description .col-enamad a img {
    background: transparent;
    margin: 0;
    max-height: 90px !important;
    padding: 0;
    width: auto !important
}

.main-footer .description .col-enamad .textwidget>#zarinpal a,
.main-footer .description .col-enamad .textwidget>a,
.main-footer .description .col-enamad .textwidget>img,
.main-footer .description .col-enamad .widget>#zarinpal a,
.main-footer .description .col-enamad .widget>a,
.main-footer .description .col-enamad .widget>img {
    border: 1px solid #e0e0e2;
    border-radius: 8px
}

.main-footer .copyright {
    color: #81858b;
    font-size: 1.3rem;
    padding: 20px 0;
    text-align: center
}

.main-footer .partners {
    background: #f0f0f1
}

.main-footer .partners .inner {
    overflow: hidden
}

.main-footer .partners .inner>div {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: -1px;
    margin-right: -1px
}

.main-footer .partners .inner>div>* {
    border-bottom: 1px solid #e0e0e2;
    border-left: 1px solid #e0e0e2;
    border-right: 1px solid #e0e0e2;
    margin-bottom: -1px;
    margin-left: -1px;
    padding: 28px 20px;
    text-align: center
}

@media(max-width:992px) {
    .main-footer .contacts {
        display: block
    }
    .main-footer .contacts .separator {
        display: none
    }
    .main-footer .apps {
        display: block;
        font-size: 1.4rem;
        text-align: center
    }
    .main-footer .apps .apps-title {
        margin-bottom: 16px
    }
    .main-footer .apps .app a {
        margin: 4px
    }
    .main-footer .description .col-description .widget .title {
        font-size: 1.4rem;
        margin-bottom: 4px
    }
    .main-footer .description .col-description .widget .textwidget {
        color: #81858b;
        font-size: 1.3rem
    }
    .main-footer .description .col-enamad {
        margin-top: 20px;
        text-align: center
    }
    .main-footer .description .col-enamad a,
    .main-footer .description .col-enamad img {
        max-height: 100px !important
    }
    .main-footer .description .col-enamad a img {
        max-height: 70px !important
    }
    .main-footer .partners .container .inner>div {
        grid-template-columns: repeat(5, 1fr) !important
    }
}

@media(max-width:768px) {
    .main-footer .partners .container .inner>div {
        grid-template-columns: repeat(4, 1fr) !important
    }
}

@media(max-width:576px) {
    .main-footer .partners .container .inner>div {
        grid-template-columns: repeat(2, 1fr) !important
    }
}

.fullwidth-slider .owl-carousel:hover .owl-nav {
    opacity: 1;
    visibility: visible
}

.fullwidth-slider .owl-carousel .owl-item a,
.fullwidth-slider .owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.fullwidth-slider .owl-carousel .owl-nav {
    bottom: 40px;
    gap: 4px;
    justify-content: unset;
    left: 0;
    opacity: 0;
    padding-left: 20px;
    top: unset;
    transform: unset;
    visibility: hidden
}

.fullwidth-slider .owl-carousel .owl-nav button+button {
    margin-left: 8px
}

.fullwidth-slider .owl-carousel .owl-dots {
    bottom: 20px;
    text-align: inherit
}

@media(max-width:992px) {
    .fullwidth-slider.object-fit .owl-carousel .owl-item img {
        height: 260px;
        object-fit: cover
    }
}

.sidebar .theiaStickySidebar .widget:last-child,
.sidebar .widget:last-of-type {
    margin-bottom: 0
}

@media(max-width:992px) {
    .sidebar {
        order: 2
    }
    .sidebar .widget {
        border: none;
        border-radius: 0
    }
    .sidebar .widget:first-of-type {
        margin-top: 20px
    }
}

.main-bar .widget:last-of-type {
    margin-bottom: 0
}

.main-bar .widget-brands-slider .widget-header,
.main-bar .widget-featured-cats .widget-header,
.main-bar .widget-posts-slider .widget-header,
.main-bar .widget-products-slider .widget-header,
.main-bar .widget-suggested-cats .widget-header {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

@media(max-width:992px) {
    .main-bar .widget:not(.widget-amazing-slider):not(.widget-amazing):not(.widget-special-offers):not(.widget-special-ads) {
        background: transparent
    }
    .main-bar .widget-amazing-slider,
    .main-bar .widget-main-slider,
    .main-bar .widget-special-ads,
    .main-bar .widget-special-offers {
        border-radius: 0;
        margin-left: -15px;
        margin-right: -15px
    }
}

.widget {
    background: #fff;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 12px 16px
}

.widget .widget-header {
    margin-bottom: 12px;
    padding-bottom: 12px;
    transition: all .2s ease-in-out
}

.widget .widget-header .widget-title {
    align-items: center;
    display: flex;
    font-size: 1.5rem;
    justify-content: space-between;
    line-height: 1.8
}

.widget .widget-header .widget-title span {
    border-bottom: 2px solid #ef4056;
    display: inline-block;
    line-height: 2.5
}

.wrapper-element .widget {
    margin-bottom: 0
}

.wrapper-widget-sidebar .widget {
    margin-bottom: 20px
}

.widget-posts .posts .post-item {
    display: flex;
    gap: 8px
}

.widget-posts .posts .post-item img {
    max-height: 64px;
    max-width: 64px
}

.widget-posts .posts .post-item .post-title {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.7
}

.widget-posts .posts .post-item .post-date {
    color: #a1a3a8
}

.widget-posts .posts .post-item:not(:last-child) {
    border-bottom: 1px solid #f0f0f1;
    margin-bottom: 12px;
    padding-bottom: 8px
}

.widget-posts .widget-footer {
    font-weight: 700;
    padding-top: 20px;
    text-align: center
}

.widget-posts .widget-footer a {
    color: #19bfd3
}

.widget_search form {
    position: relative
}

.widget_search form input[type=submit] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    position: absolute;
    right: 0;
    top: 0
}

.widget_calendar #lara-calendar {
    text-align: center
}

.widget_product_tag_cloud .tagcloud a,
.widget_tag_cloud .tagcloud a {
    background: #f0f0f1;
    border-radius: 4px;
    color: #62666d;
    font-size: 1.4rem !important;
    margin-bottom: 2px;
    padding: 0 8px
}

.widget_media_image {
    text-align: center
}

.widget_media_gallery .gallery-item {
    margin-bottom: 0;
    margin-top: 0 !important
}

.widget_media_gallery .gallery-item img {
    border: 1px solid #e0e0e2 !important;
    height: auto;
    max-width: 100%
}

.widget_recent_entries .post-date {
    color: #a1a3a8
}

.widget-categories .widget-content,
.widget_categories .widget-content,
.widget_product_categories .widget-content {
    max-height: 400px;
    overflow: auto
}

.widget-categories .cat-item a,
.widget_categories .cat-item a,
.widget_product_categories .cat-item a {
    align-items: center;
    display: flex;
    padding: 8px 0
}

.widget-categories .cat-item a:hover,
.widget_categories .cat-item a:hover,
.widget_product_categories .cat-item a:hover {
    color: #19bfd3
}

.widget-categories .cat-item a .count,
.widget_categories .cat-item a .count,
.widget_product_categories .cat-item a .count {
    color: #a1a3a8;
    margin-left: 4px
}

.widget-categories .cat-item a .chevron,
.widget_categories .cat-item a .chevron,
.widget_product_categories .cat-item a .chevron {
    align-items: center;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    margin-left: auto;
    width: 28px
}

.widget-categories .cat-item a .chevron svg,
.widget_categories .cat-item a .chevron svg,
.widget_product_categories .cat-item a .chevron svg {
    fill: #424750;
    height: 20px;
    width: 20px
}

.widget-categories .cat-item .children,
.widget_categories .cat-item .children,
.widget_product_categories .cat-item .children {
    display: none
}

.widget-categories .current-cat>a,
.widget_categories .current-cat>a,
.widget_product_categories .current-cat>a {
    font-weight: 700
}

.widget-categories ul .cat-item:not(:last-child),
.widget_categories ul .cat-item:not(:last-child),
.widget_product_categories ul .cat-item:not(:last-child) {
    border-bottom: 1px solid #f0f0f1
}

.widget-categories .show-children>.children,
.widget_categories .show-children>.children,
.widget_product_categories .show-children>.children {
    display: block
}

.widget-main-slider {
    border: none;
    border-radius: 16px;
    margin-bottom: 28px;
    overflow: hidden;
    padding: 0
}

.widget-main-slider .widget-title {
    align-items: center;
    color: #0c0c0c;
    display: flex;
    font-size: 2rem;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 20px
}

.widget-main-slider .widget-title a {
    color: #19bfd3;
    font-size: 1.4rem
}

@media(max-width:992px) {
    .widget-main-slider {
        border: none;
        border-radius: 0;
        padding: 0
    }
    .widget-main-slider .widget-title {
        padding: 0
    }
}

.widget-main-slider .owl-carousel:hover .owl-nav {
    opacity: 1;
    visibility: visible
}

.widget-main-slider .owl-carousel .owl-item a,
.widget-main-slider .owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.widget-main-slider .owl-carousel .owl-nav {
    opacity: 0;
    visibility: hidden
}

.wrapper-widget-setin-main-slider.wrapper-invisible {
    visibility: visible !important
}

@media(max-width:992px) {
    .widget-main-slider.object-fit .owl-carousel .owl-item img {
        height: 260px;
        object-fit: cover
    }
}

.widget-featured-links {
    grid-gap: 8px;
    background: transparent;
    border: none;
    border-radius: 16px;
    display: grid;
    grid-auto-flow: column;
    margin-bottom: 28px;
    overflow: hidden;
    padding: 20px 0
}

.widget-featured-links .widget-title {
    align-items: center;
    color: #0c0c0c;
    display: flex;
    font-size: 2rem;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 20px
}

.widget-featured-links .widget-title a {
    color: #19bfd3;
    font-size: 1.4rem
}

@media(max-width:992px) {
    .widget-featured-links {
        border: none;
        border-radius: 0;
        padding: 0
    }
    .widget-featured-links .widget-title {
        padding: 0
    }
}

.widget-featured-links .link-item {
    text-align: center
}

.widget-featured-links .link-item a img {
    height: auto;
    max-width: 52px
}

.widget-featured-links .link-item p {
    font-size: 1.2rem;
    margin-top: 4px
}

.widget-featured-links .item-more a {
    align-items: center;
    background: #f0f0f1;
    border-radius: 50%;
    display: flex;
    height: 52px;
    justify-content: center;
    margin: auto;
    width: 52px
}

.widget-featured-links .item-more a svg {
    fill: #a1a3a8;
    height: 32px;
    width: 32px
}

@media(max-width:992px) {
    .widget-featured-links {
        grid-auto-flow: unset;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media(max-width:576px) {
    .widget-featured-links {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.widget-a-d-s {
    background: transparent;
    border: none;
    border-radius: 16px;
    margin-bottom: 28px;
    overflow: hidden;
    padding: 20px 0
}

.widget-a-d-s .widget-title {
    align-items: center;
    color: #0c0c0c;
    display: flex;
    font-size: 2rem;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 20px
}

.widget-a-d-s .widget-title a {
    color: #19bfd3;
    font-size: 1.4rem
}

@media(max-width:992px) {
    .widget-a-d-s {
        border: none;
        border-radius: 0;
        padding: 0
    }
    .widget-a-d-s .widget-title {
        padding: 0
    }
}

.widget-a-d-s .ads-item {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.widget-a-d-s .ads-item:hover .ads-overlay {
    opacity: 1;
    visibility: visible
}

.widget-a-d-s .ads-item .ads-overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 16px;
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease-in-out;
    visibility: hidden
}

.widget-a-d-s a {
    display: block;
    overflow: hidden;
    width: 100%
}

.widget-a-d-s img.img-fluid {
    border-radius: 16px;
    width: 100%
}

@media(max-width:768px) {
    .widget-a-d-s img.img-fluid {
        margin-bottom: 20px
    }
}

.widget-posts-slider {
    background: transparent;
    border: none;
    border-radius: 16px;
    margin-bottom: 28px;
    overflow: hidden;
    padding: 20px 0
}

.widget-posts-slider .widget-title {
    align-items: center;
    color: #0c0c0c;
    display: flex;
    font-size: 2rem;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 20px
}

.widget-posts-slider .widget-title a {
    color: #19bfd3;
    font-size: 1.4rem
}

@media(max-width:992px) {
    .widget-posts-slider {
        border: none;
        border-radius: 0;
        padding: 0
    }
    .widget-posts-slider .widget-title {
        padding: 0
    }
}

.widget-posts-slider .widget-title {
    padding: 0
}

.widget-posts-slider .owl-carousel .slider-item {
    background: #fff;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    overflow: hidden
}

.widget-posts-slider .owl-carousel .slider-item img {
    margin: auto;
    max-width: fit-content
}

.widget-posts-slider .owl-carousel .slider-item .item-title {
    font-size: 1.3rem;
    font-weight: 400;
    height: 66px;
    line-height: 22px;
    margin: 12px;
    overflow: hidden
}

.widget-posts-slider .owl-carousel .slider-item .item-expert {
    color: #a1a3a8;
    line-height: 1.6;
    margin: 16px 0;
    max-height: 90px;
    overflow: hidden;
    padding: 0 16px
}

.widget-posts-slider .owl-carousel .slider-item .item-date {
    color: #81858b;
    font-size: 1.3rem;
    margin-bottom: 8px;
    text-align: center
}

.widget-special-ads {
    background: linear-gradient(76.02deg, #35a6c8 33.32%, #007295 71.55%), radial-gradient(21.29% 87.33% at 50% 50.67%, #7cf2f6 0, #35a6c8 100%);
    border: none;
    border-radius: 16px;
    margin-bottom: 28px;
    overflow: hidden;
    padding: 12px 0
}

.widget-special-ads .widget-title {
    align-items: center;
    color: #0c0c0c;
    display: flex;
    font-size: 2rem;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 20px
}

.widget-special-ads .widget-title a {
    color: #19bfd3;
    font-size: 1.4rem
}

@media(max-width:992px) {
    .widget-special-ads {
        border: none;
        border-radius: 0;
        padding: 0
    }
    .widget-special-ads .widget-title {
        padding: 0
    }
}

.widget-special-ads .widget-content {
    padding: 0 12px
}

.widget-special-ads .widget-content .row {
    align-items: center
}

.widget-special-ads .special-ads-title {
    color: #fff;
    font-size: 3rem;
    font-weight: 700
}

.widget-special-ads .row-ads>* {
    align-items: center;
    background: #fff;
    display: flex;
    flex: 1 1 100%;
    justify-content: space-between;
    overflow: hidden;
    padding: 2px
}

.widget-special-ads .row-ads>*>div {
    align-items: center;
    display: inline-flex;
    line-height: 1.5;
    margin-right: 8px
}

@media(min-width:768px) {
    .widget-special-ads .row-ads {
        display: flex
    }
    .widget-special-ads .row-ads>* {
        margin: 2px
    }
    .widget-special-ads .row-ads>:first-child {
        border-radius: 8px 0 0 8px
    }
    .widget-special-ads .row-ads>:last-child {
        border-radius: 0 8px 8px 0
    }
}

@media(max-width:992px) {
    .widget-special-ads {
        padding-bottom: 20px;
        padding-top: 20px
    }
    .widget-special-ads .special-ads-title {
        text-align: center
    }
    .widget-special-ads .row-ads>* {
        flex-direction: column
    }
    .widget-special-ads .row-ads>*>div {
        margin-bottom: 8px
    }
}

@media(max-width:768px) {
    .widget-special-ads .row-ads {
        grid-gap: 4px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .widget-special-ads .row-ads>:first-child {
        border-top-left-radius: 8px
    }
    .widget-special-ads .row-ads>:nth-child(2) {
        border-top-right-radius: 8px
    }
    .widget-special-ads .row-ads>:nth-child(3) {
        border-bottom-left-radius: 8px
    }
    .widget-special-ads .row-ads>:last-child {
        border-bottom-right-radius: 8px
    }
}

.widget-stories {
    background: transparent;
    border: none;
    padding: 0
}

.widget-stories .stories {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center
}

.widget-stories .stories .story {
    max-width: 75px
}

.widget-stories .stories .story .item-link {
    color: #232933
}

.widget-stories .stories .story .item-link .item-preview {
    background: #ef4056;
    max-height: 75px
}

.widget-stories .stories .story .item-link .info {
    margin-top: 12px
}

.widget-stories .stories .story .item-link .info .name {
    font-weight: 400
}

.widget-stories .stories .story.seen .item-link {
    color: #a1a3a8 !important
}

.widget-stories .stories .story.seen .item-link .item-preview {
    background: #c0c2c5
}

#zuck-modal {
    z-index: 100005
}

#zuck-modal #zuck-modal-content .story-viewer .head .time {
    display: none !important
}

#zuck-modal #zuck-modal-content .story-viewer .head .back,
#zuck-modal #zuck-modal-content .story-viewer .head .right .close {
    color: #fff
}

#zuck-modal #zuck-modal-content .story-viewer .head .back {
    margin-top: -4px !important
}

#zuck-modal #zuck-modal-content .story-viewer .slides .item .media {
    height: auto;
    max-width: 100%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.widget-faq {
    background: transparent;
    border: none;
    padding: 0
}

.widget-faq .widget-header .widget-title {
    font-size: 1.8rem;
    justify-content: center
}

.widget-faq .faq-item .faq-title {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    gap: 8px;
    justify-content: space-between;
    padding: 16px 0
}

.widget-faq .faq-item .faq-title svg {
    fill: #424750;
    height: 30px;
    width: 30px
}

.widget-faq .faq-item .faq-text {
    color: #62666d;
    display: none;
    line-height: 2.5;
    padding-bottom: 24px;
    text-align: justify
}

.widget-faq .faq-item .faq-text a {
    border-bottom: 1px dashed #008eb2;
    color: #008eb2
}

.widget-faq .faq-item .faq-text ul li {
    padding-left: 16px;
    position: relative
}

.widget-faq .faq-item .faq-text ul li:before {
    background: #0c0c0c;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: calc(50% - 3px);
    width: 6px
}

.widget-faq .faq-item .faq-text ul li:has(ul):before {
    display: none
}

.widget-faq .faq-item .faq-text table {
    border: 1px solid #e0e0e2
}

.widget-faq .faq-item .faq-text table * tr:nth-child(odd) td {
    background: #f0f0f1
}

.widget-faq .faq-item .faq-text table td,
.widget-faq .faq-item .faq-text table th {
    padding: 8px
}

@media(min-width:992px) {
    .widget-faq .faq-item .faq-text table td,
    .widget-faq .faq-item .faq-text table th {
        border: 1px solid #e0e0e2
    }
}

@media(max-width:992px) {
    .widget-faq .faq-item .faq-text table tfoot,
    .widget-faq .faq-item .faq-text table thead {
        display: none
    }
    .widget-faq .faq-item .faq-text table td,
    .widget-faq .faq-item .faq-text table th {
        display: block;
        width: 100%
    }
}

.widget-faq .faq-item .faq-text h1 {
    font-size: 2.6rem
}

.widget-faq .faq-item .faq-text h2 {
    font-size: 2.4rem
}

.widget-faq .faq-item .faq-text h3 {
    font-size: 2.2rem
}

.widget-faq .faq-item .faq-text h4 {
    font-size: 2rem
}

.widget-faq .faq-item .faq-text h5 {
    font-size: 1.8rem
}

.widget-faq .faq-item .faq-text h6 {
    font-size: 1.6rem
}

.widget-faq .faq-item .faq-text img {
    height: auto;
    max-width: 100%
}

.widget-faq .faq-item .faq-text img.alignright {
    display: inline;
    margin: 0 0 2px 7px;
    padding: 4px
}

.widget-faq .faq-item .faq-text img.alignleft {
    display: inline;
    margin: 0 7px 2px 0;
    padding: 4px
}

.widget-faq .faq-item .faq-text .aligncenter,
.widget-faq .faq-item .faq-text img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.widget-faq .faq-item .faq-text .alignright {
    float: right
}

.widget-faq .faq-item .faq-text .alignleft {
    float: left
}

.widget-faq .faq-item .faq-text .lara-caption {
    max-width: 100%
}

.widget-faq .faq-item.expanded .faq-text {
    display: block
}

.widget-faq .faq-item:not(:last-child) {
    border-bottom: 1px solid #e0e0e2
}

body.error404 #main {
    text-align: center
}

body.error404 #main .text404 {
    font-size: 2rem
}

body.error404 #main a {
    color: #19bfd3;
    margin: 8px 0 20px
}

.post-header {
    border-bottom: 1px solid #f0f0f1;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.post-header .post-title {
    font-size: 2rem;
    line-height: 1.8
}

.post-meta {
    align-items: center;
    color: #81858b;
    display: flex
}

.post-meta .separator {
    background: #e0e0e2;
    height: 12px;
    margin: 0 16px;
    width: 1px
}

.post-author {
    align-items: center;
    display: inline-flex;
    gap: 8px
}

.post-author .avatar {
    border-radius: 50%
}

.add-favorites {
    cursor: pointer;
    display: inline-flex
}

.add-favorites svg {
    fill: #81858b;
    height: 20px;
    width: 20px
}

.add-favorites svg .fill {
    display: none
}

.add-favorites i {
    font-size: 2rem
}

.add-favorites.active svg {
    fill: #ef4056
}

.add-favorites.active svg .outline {
    display: none
}

.add-favorites.active svg .fill {
    display: inline-block
}

.add-favorites.active i {
    color: #ef4056
}

figure.post-img {
    margin: 40px 0;
    text-align: center
}

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

body.page .post-content {
    line-height: 2.5
}

body.page .post-content h1 {
    font-size: 2.6rem
}

body.page .post-content h2 {
    font-size: 2.4rem
}

body.page .post-content h3 {
    font-size: 2.2rem
}

body.page .post-content h4 {
    font-size: 2rem
}

body.page .post-content h5 {
    font-size: 1.8rem
}

body.page .post-content h6 {
    font-size: 1.6rem
}

body.page .post-content img {
    height: auto;
    max-width: 100%
}

body.page .post-content img.alignright {
    display: inline;
    margin: 0 0 2px 7px;
    padding: 4px
}

body.page .post-content img.alignleft {
    display: inline;
    margin: 0 7px 2px 0;
    padding: 4px
}

body.page .post-content .aligncenter,
body.page .post-content img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

body.page .post-content .alignright {
    float: right
}

body.page .post-content .alignleft {
    float: left
}

body.page .post-content .lara-caption {
    max-width: 100%
}

body:not(.page) .post-content {
    line-height: 2.5
}

body:not(.page) .post-content a {
    border-bottom: 1px dashed #008eb2;
    color: #008eb2
}

body:not(.page) .post-content ul li {
    padding-left: 16px;
    position: relative
}

body:not(.page) .post-content ul li:before {
    background: #0c0c0c;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: calc(50% - 3px);
    width: 6px
}

body:not(.page) .post-content ul li:has(ul):before {
    display: none
}

body:not(.page) .post-content table {
    border: 1px solid #e0e0e2
}

body:not(.page) .post-content table * tr:nth-child(odd) td {
    background: #f0f0f1
}

body:not(.page) .post-content table td,
body:not(.page) .post-content table th {
    padding: 8px
}

@media(min-width:992px) {
    body:not(.page) .post-content table td,
    body:not(.page) .post-content table th {
        border: 1px solid #e0e0e2
    }
}

@media(max-width:992px) {
    body:not(.page) .post-content table tfoot,
    body:not(.page) .post-content table thead {
        display: none
    }
    body:not(.page) .post-content table td,
    body:not(.page) .post-content table th {
        display: block;
        width: 100%
    }
}

body:not(.page) .post-content h1 {
    font-size: 2.6rem
}

body:not(.page) .post-content h2 {
    font-size: 2.4rem
}

body:not(.page) .post-content h3 {
    font-size: 2.2rem
}

body:not(.page) .post-content h4 {
    font-size: 2rem
}

body:not(.page) .post-content h5 {
    font-size: 1.8rem
}

body:not(.page) .post-content h6 {
    font-size: 1.6rem
}

body:not(.page) .post-content img {
    height: auto;
    max-width: 100%
}

body:not(.page) .post-content img.alignright {
    display: inline;
    margin: 0 0 2px 7px;
    padding: 4px
}

body:not(.page) .post-content img.alignleft {
    display: inline;
    margin: 0 7px 2px 0;
    padding: 4px
}

body:not(.page) .post-content .aligncenter,
body:not(.page) .post-content img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

body:not(.page) .post-content .alignright {
    float: right
}

body:not(.page) .post-content .alignleft {
    float: left
}

body:not(.page) .post-content .lara-caption {
    max-width: 100%
}

.post-share-comments {
    align-items: center;
    border-bottom: 1px solid #f0f0f1;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding-bottom: 20px
}

.post-comments-count svg {
    fill: #81858b;
    height: 24px;
    width: 24px
}

.post-sharing {
    align-items: center;
    display: inline-flex;
    gap: 8px
}

.post-sharing svg {
    fill: #81858b;
    height: 24px;
    width: 24px
}

.post-sharing i {
    font-size: 2rem
}

.post-sharing .copy-link svg {
    height: 22px;
    width: 22px
}

.post-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px
}

.post-tags a {
    align-items: center;
    background: #f0f0f1;
    border-radius: 4px;
    color: #81858b;
    display: inline-flex;
    gap: 4px;
    padding: 4px 12px
}

.post-tags a:hover {
    background: #f8f8f8
}

.post-tags a svg {
    fill: #81858b;
    height: 18px;
    width: 18px
}

.post-comment {
    margin-top: 20px
}

.post-comment .post-comment-header {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 16px;
    padding-bottom: 12px
}

.post-comment .post-comment-header span {
    border-bottom: 2px solid #ef4056;
    display: inline-block;
    line-height: 2.5
}

.post-comment .comment-reply-title {
    align-items: center;
    display: flex;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4px;
    line-height: 2;
    margin-bottom: 12px
}

.post-comment .comment-reply-title #cancel-comment-reply-link {
    color: #81858b;
    line-height: 1;
    margin-left: 8px
}

.post-comment .must-log-in {
    background: #f0f9ff;
    border-radius: 4px;
    color: #0369a1;
    padding: 12px
}

.post-comment .must-log-in a {
    color: #0369a1;
    font-weight: 700
}

.post-comment .comment-rules {
    background: rgba(89, 214, 235, .1);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 12px
}

.post-comment #commentform .logged-in-as {
    margin-bottom: 12px
}

.post-comment #commentform .row {
    margin-bottom: 20px
}

.post-comment #commentform label {
    margin-bottom: 8px
}

.post-comment #commentform .comment-form-cookies-consent {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 20px
}

.post-comment #commentform .comment-form-cookies-consent label {
    margin-bottom: 0
}

.post-comment .comment-list {
    margin-top: 20px;
    padding-left: 0;
    padding-top: 20px
}

.post-comment .comment-list .comment {
    border-top: 1px solid #f0f0f1;
    margin-bottom: 20px;
    padding-top: 20px
}

.post-comment .comment-list .comment .comment-meta {
    align-items: center;
    color: #81858b;
    display: flex;
    font-size: 1.2rem;
    gap: 8px;
    margin-bottom: 8px
}

.post-comment .comment-list .comment .comment-meta a {
    background: #f0f0f1;
    border-radius: 100px;
    color: #81858b;
    font-size: 1.1rem;
    padding: 0 12px
}

.post-comment .comment-list .comment .comment-meta a:hover {
    color: #232933
}

.post-comment .comment-list .comment .comment-meta .separator {
    background: #c0c2c5;
    border-radius: 50%;
    display: inline-block;
    height: 4px;
    margin: 0 8px;
    width: 4px
}

.post-comment .comment-list .comment .comment-meta .comment-author {
    align-items: center;
    display: inline-flex;
    font-style: normal;
    gap: 8px
}

.post-comment .comment-list .comment .comment-meta .comment-author .avatar {
    border-radius: 50%
}

.post-comment .comment-list .comment .comment {
    margin-top: 20px;
    padding-left: 40px
}

.post-comment .comment-list .comment .comment-awaiting {
    background: #fff7ed;
    border-radius: 4px;
    color: #f97316;
    margin-top: 8px;
    padding: 8px
}

.post-comment,
.post-single {
    background: #fff;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    overflow: hidden;
    padding: 20px
}

@media(max-width:992px) {
    .container-single-post>.breadcrumb {
        padding-left: 20px;
        padding-right: 20px
    }
    .post-comment,
    .post-single {
        border: none;
        border-radius: 0
    }
    .container-single-post {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .container-single-post>.row {
        margin-left: 0;
        margin-right: 0
    }
    .container-single-post>.row>.col-12 {
        padding-left: 0;
        padding-right: 0
    }
}

.post-archive-header {
    background: #fff;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px
}

.post-archive-header .archive-title {
    font-size: 2rem
}

.post-archive-header .archive-title>span {
    border-bottom: 2px solid #ef4056;
    display: inline-block
}

.post-archive-header .archive-description {
    color: #a1a3a8;
    line-height: 2.5;
    margin-top: 20px
}

.post-archive-header .archive-description a {
    border-bottom: 1px dashed #008eb2;
    color: #008eb2
}

.post-archive-header .archive-description ul li {
    padding-left: 16px;
    position: relative
}

.post-archive-header .archive-description ul li:before {
    background: #0c0c0c;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: calc(50% - 3px);
    width: 6px
}

.post-archive-header .archive-description ul li:has(ul):before {
    display: none
}

.post-archive-header .archive-description table {
    border: 1px solid #e0e0e2
}

.post-archive-header .archive-description table * tr:nth-child(odd) td {
    background: #f0f0f1
}

.post-archive-header .archive-description table td,
.post-archive-header .archive-description table th {
    padding: 8px
}

@media(min-width:992px) {
    .post-archive-header .archive-description table td,
    .post-archive-header .archive-description table th {
        border: 1px solid #e0e0e2
    }
}

@media(max-width:992px) {
    .post-archive-header .archive-description table tfoot,
    .post-archive-header .archive-description table thead {
        display: none
    }
    .post-archive-header .archive-description table td,
    .post-archive-header .archive-description table th {
        display: block;
        width: 100%
    }
}

.post-archive-header .archive-description h1 {
    font-size: 2.6rem
}

.post-archive-header .archive-description h2 {
    font-size: 2.4rem
}

.post-archive-header .archive-description h3 {
    font-size: 2.2rem
}

.post-archive-header .archive-description h4 {
    font-size: 2rem
}

.post-archive-header .archive-description h5 {
    font-size: 1.8rem
}

.post-archive-header .archive-description h6 {
    font-size: 1.6rem
}

.post-archive-header .archive-description img {
    height: auto;
    max-width: 100%
}

.post-archive-header .archive-description img.alignright {
    display: inline;
    margin: 0 0 2px 7px;
    padding: 4px
}

.post-archive-header .archive-description img.alignleft {
    display: inline;
    margin: 0 7px 2px 0;
    padding: 4px
}

.post-archive-header .archive-description .aligncenter,
.post-archive-header .archive-description img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.post-archive-header .archive-description .alignright {
    float: right
}

.post-archive-header .archive-description .alignleft {
    float: left
}

.post-archive-header .archive-description .lara-caption {
    max-width: 100%
}

.archive-posts {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.archive-posts .post-item {
    background: #fff;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    overflow: hidden;
    padding: 0
}

.archive-posts .post-item:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2)
}

.archive-posts .post-item .img-link {
    display: block;
    text-align: center
}

.archive-posts .post-item .post-title {
    font-size: 1.4rem;
    line-height: 1.6;
    margin: 16px;
    max-height: 67px;
    overflow: hidden
}

.archive-posts .post-item .post-expert {
    color: #a1a3a8;
    line-height: 1.6;
    margin: 16px 0;
    max-height: 90px;
    overflow: hidden;
    padding: 0 16px
}

.archive-posts .post-item .post-cat-favorites {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 8px 16px
}

.archive-posts .post-item .post-cat-favorites .post-cat {
    background: #f2fcfd;
    border-radius: 14px;
    color: #19bfd3;
    display: inline-block;
    padding: 0 12px
}

.archive-posts .post-item .post-meta {
    align-items: center;
    color: #a1a3a8;
    display: flex;
    justify-content: space-between;
    padding: 16px
}

.archive-posts .post-item .post-meta .post-author {
    align-items: center;
    display: flex;
    gap: 8px
}

.archive-posts .post-item .post-meta .post-author .avatar {
    border-radius: 50%
}

@media(max-width:992px) {
    .container-archive-post .breadcrumb {
        padding-left: 20px;
        padding-right: 20px
    }
    .post-archive-header {
        border: none;
        border-radius: 0
    }
    .container-archive-post {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .container-archive-post>.row {
        margin-left: 0;
        margin-right: 0
    }
    .container-archive-post>.row>.col-12 {
        padding-left: 0;
        padding-right: 0
    }
    .archive-posts {
        grid-gap: 0;
        background: #fff;
        grid-template-columns: repeat(2, 1fr)
    }
    .archive-posts .post-item {
        border: none;
        border-bottom: 1px solid #f0f0f1;
        border-radius: 0
    }
    .archive-posts .post-item:nth-child(odd) {
        border-right: 1px solid #f0f0f1
    }
}

@media(max-width:576px) {
    .archive-posts {
        grid-template-columns: repeat(1, 1fr)
    }
    .archive-posts .post-item {
        border: none;
        border-bottom: 1px solid #f0f0f1;
        border-radius: 0
    }
}

body.user-account-page .breadcrumb {
    display: none
}

body.user-account-page .post-main-content {
    margin-left: 0;
    margin-right: 0
}

body.user-account-page .post-single {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0
}

body.user-account-page .post-header,
body.user-account-page .post-img {
    display: none
}

body.user-account-page:not(.logged-in),
body.user-account-page:not(.logged-in) #main {
    min-height: 100vh
}

body.user-account-page:not(.logged-in) #main .container-single-post {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100vh
}

body.user-account-page:not(.logged-in) .user-account-content {
    background: #fff;
    overflow: hidden;
    padding: 20px;
    width: 100%
}

body.user-account-page:not(.logged-in) .user-account-content .logo-wrapper {
    margin-bottom: 16px;
    text-align: center
}

body.user-account-page:not(.logged-in) .user-account-content h2 {
    font-size: 2rem;
    margin-bottom: 16px
}

body.user-account-page:not(.logged-in) .user-account-content label.remember {
    align-items: center;
    display: flex;
    gap: 8px
}

body.user-account-page:not(.logged-in) .user-account-content .button {
    width: 100%
}

body.user-account-page:not(.logged-in) .user-account-content .privacy-policy-text {
    background: #fff7ed;
    border-radius: 8px;
    color: #c2410c;
    margin-bottom: 12px;
    padding: 8px
}

body.user-account-page:not(.logged-in) .user-account-content .lost-password-text {
    background-color: rgba(0, 142, 178, .1);
    border-radius: 8px;
    color: #008eb2;
    margin-bottom: 20px;
    padding: 16px
}

body.user-account-page:not(.logged-in) .user-account-content .user-account-footer {
    background: #f0f0f1;
    margin: 20px -20px -20px;
    padding: 12px;
    text-align: center
}

body.user-account-page:not(.logged-in) .user-account-content .user-account-footer a {
    font-weight: 700
}

@media(min-width:992px) {
    body.user-account-page:not(.logged-in) .user-account-content {
        border: 1px solid #e0e0e2;
        border-radius: 8px;
        margin: 20px 0;
        width: 480px
    }
}

@media(max-width:992px) {
    body.user-account-page:not(.logged-in) .container-single-post>.row {
        width: 100%
    }
    body.user-account-page:not(.logged-in) .user-account-content input[type=email],
    body.user-account-page:not(.logged-in) .user-account-content input[type=password],
    body.user-account-page:not(.logged-in) .user-account-content input[type=text] {
        background: #f0f0f1;
        border-bottom-width: 2px;
        border-color: #f0f0f1 #f0f0f1 #19bfd3
    }
}

.user-account--content,
.user-account-navigation {
    background: #fff
}

.user-account--content {
    padding: 20px
}

.user-account--content .content-title {
    font-size: 1.6rem;
    margin-bottom: 28px
}

.user-account--content .content-title span {
    border-bottom: 2px solid #ef4056;
    display: inline-block
}

.user-account--content .no-items {
    padding: 20px 0;
    text-align: center
}

.account-user-avatar {
    align-items: center;
    display: flex;
    gap: 8px;
    margin: 20px 12px;
    position: relative
}

.account-user-avatar .modal-toggle {
    fill: #fff;
    background: #a1a3a8;
    border-radius: 50%;
    bottom: 0;
    cursor: pointer;
    height: 20px;
    left: 0;
    padding: 4px;
    position: absolute;
    width: 20px
}

.account-user-avatar .avatar {
    border: 2px solid #e0e0e2;
    border-radius: 50%
}

.account-user-avatar .user-info {
    line-height: 1.7
}

.account-user-avatar .user-info .display-name {
    font-size: 1.6rem;
    font-weight: 700
}

.account-user-avatar .user-info .phone {
    color: #a1a3a8
}

.account-custom-items {
    margin: 20px 32px
}

.account-custom-items a {
    color: #19bfd3;
    display: block;
    line-height: 3;
    padding-left: 20px;
    position: relative
}

.account-custom-items a:before {
    background: #e0e0e2;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}

.account-custom-items a:after {
    background: #e0e0e2;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: -3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.user-account-navigation {
    overflow: hidden
}

.user-account-navigation ul li {
    padding: 12px 0
}

.user-account-navigation ul li.is-active a {
    border-left-color: #ef4056;
    font-weight: 700
}

.user-account-navigation ul li:hover {
    background: #f0f0f1
}

.user-account-navigation ul li a {
    align-items: center;
    border-left: 4px solid transparent;
    display: flex;
    gap: 12px;
    padding: 4px 12px
}

.user-account-navigation ul li a svg {
    fill: #0c0c0c;
    height: 24px;
    width: 24px
}

.user-account-navigation ul li a .chevron {
    fill: #81858b;
    fill: #c0c2c5;
    height: 20px;
    margin-left: auto;
    width: 20px
}

.user-account-navigation ul li a .count {
    background: #ef4056;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 17px;
    margin-left: 8px;
    padding: 0 5px
}

.user-account-navigation ul li:first-child {
    border-top: 1px solid #f0f0f1
}

.user-account-navigation ul li:not(:last-child) {
    border-bottom: 1px solid #f0f0f1
}

@media(min-width:992px) {
    .user-account-inner {
        grid-gap: 12px;
        display: grid;
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .user-account-navigation {
        grid-column: span 2
    }
    .user-account--content {
        grid-column: span 8
    }
    .user-account--content,
    .user-account-navigation {
        border: 1px solid #e0e0e2;
        border-radius: 8px
    }
    .user-account-navigation li a .chevron {
        display: none
    }
}

@media(max-width:992px) {
    .account-user-avatar {
        padding-top: 20px
    }
    .user-account--content {
        margin-top: 20px
    }
}

#avatar-modal .message {
    margin-bottom: 12px
}

#avatar-modal form {
    text-align: center
}

#avatar-modal form>div:first-child {
    border: 1px dashed #c0c2c5;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 16px
}

#avatar-modal form #preview {
    height: auto;
    max-height: 256px;
    max-width: 256px;
    width: auto
}

#avatar-modal form .description {
    color: #81858b;
    font-size: 1.1rem;
    margin: 12px 0
}

#avatar-modal form #avatar,
#avatar-modal form .remove-avatar.hidden {
    display: none
}

.user-account-notifications .notification {
    display: flex;
    gap: 20px;
    padding: 12px 0
}

.user-account-notifications .notification .image-column {
    min-width: 64px
}

.user-account-notifications .notification .content-column .title {
    font-size: 1.4rem;
    line-height: 2
}

.user-account-notifications .notification .content-column .content {
    color: #81858b;
    margin: 12px 0
}

.user-account-notifications .notification .content-column .footer {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.user-account-notifications .notification .content-column .footer a {
    color: #008eb2
}

.user-account-notifications .notification .content-column .footer .date {
    color: #a1a3a8;
    font-size: 1.2rem
}

.user-account-notifications .notification:not(:last-child) {
    border-bottom: 1px solid #e0e0e2
}

.user-account-notifications .notification.not-viewed .content-column .title {
    position: relative
}

.user-account-notifications .notification.not-viewed .content-column .title:after {
    background-color: #19bfd3;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    position: absolute;
    right: 0;
    top: 18px;
    width: 8px
}

.user-account-notifications .notification.not-viewed .footer a {
    color: #19bfd3;
    font-weight: 700
}

.user-account-notification-view .date {
    color: #a1a3a8
}

.user-account-notification-view .content {
    line-height: 2.5;
    text-align: justify
}

.user-account-notification-view .content a {
    border-bottom: 1px dashed #008eb2;
    color: #008eb2
}

.user-account-notification-view .content ul li {
    padding-left: 16px;
    position: relative
}

.user-account-notification-view .content ul li:before {
    background: #0c0c0c;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: calc(50% - 3px);
    width: 6px
}

.user-account-notification-view .content ul li:has(ul):before {
    display: none
}

.user-account-notification-view .content table {
    border: 1px solid #e0e0e2
}

.user-account-notification-view .content table * tr:nth-child(odd) td {
    background: #f0f0f1
}

.user-account-notification-view .content table td,
.user-account-notification-view .content table th {
    padding: 8px
}

@media(min-width:992px) {
    .user-account-notification-view .content table td,
    .user-account-notification-view .content table th {
        border: 1px solid #e0e0e2
    }
}

@media(max-width:992px) {
    .user-account-notification-view .content table tfoot,
    .user-account-notification-view .content table thead {
        display: none
    }
    .user-account-notification-view .content table td,
    .user-account-notification-view .content table th {
        display: block;
        width: 100%
    }
}

.user-account-notification-view .content h1 {
    font-size: 2.6rem
}

.user-account-notification-view .content h2 {
    font-size: 2.4rem
}

.user-account-notification-view .content h3 {
    font-size: 2.2rem
}

.user-account-notification-view .content h4 {
    font-size: 2rem
}

.user-account-notification-view .content h5 {
    font-size: 1.8rem
}

.user-account-notification-view .content h6 {
    font-size: 1.6rem
}

.user-account-notification-view .content img {
    height: auto;
    max-width: 100%
}

.user-account-notification-view .content img.alignright {
    display: inline;
    margin: 0 0 2px 7px;
    padding: 4px
}

.user-account-notification-view .content img.alignleft {
    display: inline;
    margin: 0 7px 2px 0;
    padding: 4px
}

.user-account-notification-view .content .aligncenter,
.user-account-notification-view .content img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.user-account-notification-view .content .alignright {
    float: right
}

.user-account-notification-view .content .alignleft {
    float: left
}

.user-account-notification-view .content .lara-caption {
    max-width: 100%
}

#notifications-modal .modal-content {
    text-align: center
}

#notifications-modal .modal-content p {
    margin: 20px
}

.user-account-comments .comment {
    display: flex;
    gap: 16px;
    padding: 20px 0
}

.user-account-comments .comment>div:first-child {
    min-width: 64px;
    text-align: center
}

.user-account-comments .comment .post-title {
    align-items: center;
    display: flex;
    font-size: 1.4rem;
    justify-content: space-between;
    line-height: 2
}

.user-account-comments .comment .post-title .comment-status {
    border: 1px solid transparent;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.8;
    padding: 0 8px
}

.user-account-comments .comment .post-title .comment-status.approved {
    background-color: rgba(76, 175, 80, .1);
    color: #2e7b32
}

.user-account-comments .comment .post-title .comment-status.unapproved {
    background-color: rgba(175, 76, 83, .1);
    color: #b2001a
}

.user-account-comments .comment .comment-date {
    color: #a1a3a8;
    font-size: 1.2rem;
    margin: 4px 0
}

.user-account-comments .comment .comment-body {
    color: #81858b
}

.user-account-comments .comment>div:nth-child(2) {
    flex-grow: 1
}

.user-account-comments .comment:not(:last-child) {
    border-bottom: 1px solid #e0e0e2
}

.my-account-favorites,
.my-account-viewed-products,
.user-account-inner.favorites .user-account--content {
    padding: 0 !important
}

.my-account-favorites .content-title,
.my-account-viewed-products .content-title,
.user-account-inner.favorites .user-account--content .content-title {
    padding: 20px
}

.user-account-posts-list {
    border-bottom: 1px solid #e0e0e2;
    border-top: 1px solid #e0e0e2;
    margin-bottom: 40px
}

.user-account-posts-list .inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    overflow: hidden
}

.user-account-posts-list .post {
    border: 1px solid #e0e0e2;
    margin-bottom: -1px;
    margin-right: -1px;
    padding: 20px
}

.user-account-posts-list .post .img-wrapper {
    text-align: center
}

.user-account-posts-list .post .post-title {
    font-size: 1.4rem;
    font-weight: 400;
    height: 50px;
    line-height: 25px;
    margin: 8px 0;
    overflow: hidden;
    text-align: center
}

.user-account-posts-list .post .price {
    margin-bottom: 20px
}

.user-account-posts-list .post .post-actions {
    grid-gap: 4px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr))
}

@media(min-width:992px) {
    .user-account-posts-list .inner {
        margin-right: -1px;
        margin-top: -1px
    }
}

@media(max-width:992px) {
    .user-account-posts-list .inner {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width:768px) {
    .user-account-posts-list .inner {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width:576px) {
    .user-account-posts-list .inner {
        grid-template-columns: repeat(1, 1fr)
    }
}

.header-section {
	position: relative;
    --flex-direction: initial;
    --flex-wrap: initial;
    --justify-content: initial;
    --align-items: initial;
    --align-content: initial;
    --gap: initial;
    --flex-basis: initial;
    --flex-grow: initial;
    --flex-shrink: initial;
    --order: initial;
    --align-self: initial;
    flex-basis: var(--flex-basis);
    flex-grow: var(--flex-grow);
    flex-shrink: var(--flex-shrink);
    order: var(--order);
    align-self: var(--align-self)
}
.header-section, .header-lightbox {
    --swiper-theme-color: #000;
    --swiper-navigation-size: 44px;
    --swiper-pagination-bullet-size: 6px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
}


.main-header .header.wrapper-section>.wrapper-container {
    max-width: 1640px;
}

.wrapper-section .wrapper-container {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

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


/*! wrapper - v3.12.1 - 02-04-2023 */

.dialog-widget-content {
    background-color: var(--e-a-bg-default);
    position: absolute;
    border-radius: 3px;
    box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2);
    overflow: hidden
}

.dialog-message {
    line-height: 1.5;
    box-sizing: border-box
}

.dialog-close-button {
    cursor: pointer;
    position: absolute;
    margin-top: 15px;
    left: 15px;
    color: var(--e-a-color-txt);
    font-size: 15px;
    line-height: 1;
    transition: var(--e-a-transition-hover)
}

.dialog-close-button:hover {
    color: var(--e-a-color-txt-hover)
}

.dialog-prevent-scroll {
    overflow: hidden;
    max-height: 100vh
}

.dialog-type-lightbox {
    position: fixed;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.flatpickr-calendar {
    width: 280px
}

.flatpickr-calendar .flatpickr-current-month span.cur-month {
    font-weight: 300
}

.flatpickr-calendar .dayContainer {
    width: 280px;
    min-width: 280px;
    max-width: 280px
}

.flatpickr-calendar .flatpickr-days {
    width: 280px
}

.flatpickr-calendar .flatpickr-day {
    max-width: 37px;
    height: 37px;
    line-height: 37px
}

.wrapper-hidden {
    display: none
}

.wrapper-screen-only,
.screen-reader-text,
.screen-reader-text span,
.ui-helper-hidden-accessible {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.wrapper-clearfix:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0
}

.e-logo-wrapper {
    background: var(--e-a-bg-logo);
    display: inline-block;
    padding: .75em;
    border-radius: 50%;
    line-height: 1
}

.e-logo-wrapper i {
    color: var(--e-a-color-logo);
    font-size: 1em
}

.wrapper-aspect-ratio-219 .wrapper-fit-aspect-ratio {
    padding-bottom: 42.8571%
}

.wrapper-aspect-ratio-169 .wrapper-fit-aspect-ratio {
    padding-bottom: 56.25%
}

.wrapper-aspect-ratio-43 .wrapper-fit-aspect-ratio {
    padding-bottom: 75%
}

.wrapper-aspect-ratio-32 .wrapper-fit-aspect-ratio {
    padding-bottom: 66.6666%
}

.wrapper-aspect-ratio-11 .wrapper-fit-aspect-ratio {
    padding-bottom: 100%
}

.wrapper-aspect-ratio-916 .wrapper-fit-aspect-ratio {
    padding-bottom: 177.8%
}

.wrapper-fit-aspect-ratio {
    position: relative;
    height: 0
}

.wrapper-fit-aspect-ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 0;
    background-color: #000
}

.wrapper-fit-aspect-ratio video {
    width: 100%
}

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

.wrapper a {
    box-shadow: none;
    text-decoration: none
}

.wrapper hr {
    margin: 0;
    background-color: transparent
}

.wrapper img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.wrapper .wrapper-widget:not(.wrapper-widget-text-editor):not(.wrapper-widget-theme-post-content) figure {
    margin: 0
}

.wrapper embed,
.wrapper iframe,
.wrapper object,
.wrapper video {
    max-width: 100%;
    width: 100%;
    margin: 0;
    line-height: 1;
    border: none
}

.wrapper .wrapper-background,
.wrapper .wrapper-background-holder,
.wrapper .wrapper-background-video-container {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    direction: ltr
}

.wrapper .wrapper-background-video-container {
    transition: opacity 1s;
    pointer-events: none
}

.wrapper .wrapper-background-video-container.wrapper-loading {
    opacity: 0
}

.wrapper .wrapper-background-video-embed {
    max-width: none
}

.wrapper .wrapper-background-video,
.wrapper .wrapper-background-video-embed,
.wrapper .wrapper-background-video-hosted {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.wrapper .wrapper-background-video {
    max-width: none
}

.wrapper .wrapper-html5-video {
    -o-object-fit: cover;
    object-fit: cover
}

.wrapper .wrapper-background-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.wrapper .wrapper-background-slideshow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    right: 0
}

.wrapper .wrapper-background-slideshow__slide__image {
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: cover
}

.e-con-inner>.wrapper-element.wrapper-absolute,
.e-con>.wrapper-element.wrapper-absolute,
.wrapper-widget-wrap>.wrapper-element.wrapper-absolute {
    position: absolute
}

.e-con-inner>.wrapper-element.wrapper-fixed,
.e-con>.wrapper-element.wrapper-fixed,
.wrapper-widget-wrap>.wrapper-element.wrapper-fixed {
    position: fixed
}

.wrapper-widget-wrap .wrapper-element.wrapper-widget__width-auto,
.wrapper-widget-wrap .wrapper-element.wrapper-widget__width-initial {
    max-width: 100%
}

@media (max-width:1024px) {
    .wrapper-widget-wrap .wrapper-element.wrapper-widget-tablet__width-auto,
    .wrapper-widget-wrap .wrapper-element.wrapper-widget-tablet__width-initial {
        max-width: 100%
    }
}

@media (max-width:767px) {
    .wrapper-widget-wrap .wrapper-element.wrapper-widget-mobile__width-auto,
    .wrapper-widget-wrap .wrapper-element.wrapper-widget-mobile__width-initial {
        max-width: 100%
    }
}

.wrapper-element {
    --flex-direction: initial;
    --flex-wrap: initial;
    --justify-content: initial;
    --align-items: initial;
    --align-content: initial;
    --gap: initial;
    --flex-basis: initial;
    --flex-grow: initial;
    --flex-shrink: initial;
    --order: initial;
    --align-self: initial;
    flex-basis: var(--flex-basis);
    flex-grow: var(--flex-grow);
    flex-shrink: var(--flex-shrink);
    order: var(--order);
    align-self: var(--align-self)
}

.wrapper-element.wrapper-absolute,
.wrapper-element.wrapper-fixed {
    z-index: 1
}

.wrapper-element:where(.e-con-full, .wrapper-widget) {
    flex-direction: var(--flex-direction);
    flex-wrap: var(--flex-wrap);
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    align-content: var(--align-content);
    gap: var(--gap)
}

.wrapper-invisible {
    visibility: hidden
}

.wrapper-align-center {
    text-align: center
}

.wrapper-align-center .wrapper-button {
    width: auto
}

.wrapper-align-right {
    text-align: right
}

.wrapper-align-right .wrapper-button {
    width: auto
}

.wrapper-align-left {
    text-align: left
}

.wrapper-align-left .wrapper-button {
    width: auto
}

.wrapper-align-justify .wrapper-button {
    width: 100%
}

.wrapper-custom-embed-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.wrapper-custom-embed-play i {
    font-size: 100px;
    color: #fff;
    text-shadow: 1px 0 6px rgba(0, 0, 0, .3)
}

.wrapper-custom-embed-play svg {
    height: 100px;
    width: 100px;
    fill: #fff;
    filter: drop-shadow(1px 0 6px rgba(0, 0, 0, .3))
}

.wrapper-custom-embed-play i,
.wrapper-custom-embed-play svg {
    opacity: .8;
    transition: all .5s
}

.wrapper-custom-embed-play.wrapper-playing i {
    font-family: eicons
}

.wrapper-custom-embed-play.wrapper-playing i:before {
    content: "\e8fb"
}

.wrapper-custom-embed-play.wrapper-playing i,
.wrapper-custom-embed-play.wrapper-playing svg {
    animation: eicon-spin 2s linear infinite
}

.wrapper-tag {
    display: inline-flex
}

.wrapper-ken-burns {
    transition-property: transform;
    transition-duration: 10s;
    transition-timing-function: linear
}

.wrapper-ken-burns--out {
    transform: scale(1.3)
}

.wrapper-ken-burns--active {
    transition-duration: 20s
}

.wrapper-ken-burns--active.wrapper-ken-burns--out {
    transform: scale(1)
}

.wrapper-ken-burns--active.wrapper-ken-burns--in {
    transform: scale(1.3)
}

@media (min-width:-1) {
    .wrapper-widescreen-align-center {
        text-align: center
    }
    .wrapper-widescreen-align-center .wrapper-button {
        width: auto
    }
    .wrapper-widescreen-align-right {
        text-align: right
    }
    .wrapper-widescreen-align-right .wrapper-button {
        width: auto
    }
    .wrapper-widescreen-align-left {
        text-align: left
    }
    .wrapper-widescreen-align-left .wrapper-button {
        width: auto
    }
    .wrapper-widescreen-align-justify .wrapper-button {
        width: 100%
    }
}

@media (max-width:-1) {
    .wrapper-laptop-align-center {
        text-align: center
    }
    .wrapper-laptop-align-center .wrapper-button {
        width: auto
    }
    .wrapper-laptop-align-right {
        text-align: right
    }
    .wrapper-laptop-align-right .wrapper-button {
        width: auto
    }
    .wrapper-laptop-align-left {
        text-align: left
    }
    .wrapper-laptop-align-left .wrapper-button {
        width: auto
    }
    .wrapper-laptop-align-justify .wrapper-button {
        width: 100%
    }
}

@media (max-width:-1) {
    .wrapper-tablet_extra-align-center {
        text-align: center
    }
    .wrapper-tablet_extra-align-center .wrapper-button {
        width: auto
    }
    .wrapper-tablet_extra-align-right {
        text-align: right
    }
    .wrapper-tablet_extra-align-right .wrapper-button {
        width: auto
    }
    .wrapper-tablet_extra-align-left {
        text-align: left
    }
    .wrapper-tablet_extra-align-left .wrapper-button {
        width: auto
    }
    .wrapper-tablet_extra-align-justify .wrapper-button {
        width: 100%
    }
}

@media (max-width:1024px) {
    .wrapper-tablet-align-center {
        text-align: center
    }
    .wrapper-tablet-align-center .wrapper-button {
        width: auto
    }
    .wrapper-tablet-align-right {
        text-align: right
    }
    .wrapper-tablet-align-right .wrapper-button {
        width: auto
    }
    .wrapper-tablet-align-left {
        text-align: left
    }
    .wrapper-tablet-align-left .wrapper-button {
        width: auto
    }
    .wrapper-tablet-align-justify .wrapper-button {
        width: 100%
    }
}

@media (max-width:-1) {
    .wrapper-mobile_extra-align-center {
        text-align: center
    }
    .wrapper-mobile_extra-align-center .wrapper-button {
        width: auto
    }
    .wrapper-mobile_extra-align-right {
        text-align: right
    }
    .wrapper-mobile_extra-align-right .wrapper-button {
        width: auto
    }
    .wrapper-mobile_extra-align-left {
        text-align: left
    }
    .wrapper-mobile_extra-align-left .wrapper-button {
        width: auto
    }
    .wrapper-mobile_extra-align-justify .wrapper-button {
        width: 100%
    }
}

@media (max-width:767px) {
    .wrapper-mobile-align-center {
        text-align: center
    }
    .wrapper-mobile-align-center .wrapper-button {
        width: auto
    }
    .wrapper-mobile-align-right {
        text-align: right
    }
    .wrapper-mobile-align-right .wrapper-button {
        width: auto
    }
    .wrapper-mobile-align-left {
        text-align: left
    }
    .wrapper-mobile-align-left .wrapper-button {
        width: auto
    }
    .wrapper-mobile-align-justify .wrapper-button {
        width: 100%
    }
}

:root {
    --page-title-display: block
}

.wrapper-page-title,
h1.entry-title {
    display: var(--page-title-display)
}

@keyframes eicon-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

.eicon-animation-spin {
    animation: eicon-spin 2s linear infinite
}

.wrapper-section {
    position: relative
}

.wrapper-section .wrapper-container {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

@media (max-width:1024px) {
    .wrapper-section .wrapper-container {
        flex-wrap: wrap
    }
}

.wrapper-section.wrapper-section-boxed>.wrapper-container {
    max-width: 1140px
}

.wrapper-section.wrapper-section-stretched {
    position: relative;
    width: 100%
}

.wrapper-section.wrapper-section-items-top>.wrapper-container {
    align-items: flex-start
}

.wrapper-section.wrapper-section-items-middle>.wrapper-container {
    align-items: center
}

.wrapper-section.wrapper-section-items-bottom>.wrapper-container {
    align-items: flex-end
}

@media (min-width:768px) {
    .wrapper-section.wrapper-section-height-full {
        height: 100vh
    }
    .wrapper-section.wrapper-section-height-full>.wrapper-container {
        height: 100%
    }
}

.wrapper-bc-flex-widget .wrapper-section-content-top>.wrapper-container>.wrapper-column>.wrapper-widget-wrap {
    align-items: flex-start
}

.wrapper-bc-flex-widget .wrapper-section-content-middle>.wrapper-container>.wrapper-column>.wrapper-widget-wrap {
    align-items: center
}

.wrapper-bc-flex-widget .wrapper-section-content-bottom>.wrapper-container>.wrapper-column>.wrapper-widget-wrap {
    align-items: flex-end
}

.wrapper-row {
    width: 100%;
    display: flex
}

@media (max-width:1024px) {
    .wrapper-row {
        flex-wrap: wrap
    }
}

.wrapper-widget-wrap {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start
}

.wrapper:not(.wrapper-bc-flex-widget) .wrapper-widget-wrap {
    display: flex
}

.wrapper-widget-wrap>.wrapper-element {
    width: 100%
}

.wrapper-widget-wrap.e-swiper-container {
    width: calc(100% - (var(--e-column-margin-left, 0px) + var(--e-column-margin-right, 0px)))
}

.wrapper-widget {
    position: relative
}

.wrapper-widget:not(:last-child) {
    margin-bottom: 20px
}

.wrapper-widget:not(:last-child).wrapper-absolute,
.wrapper-widget:not(:last-child).wrapper-widget__width-auto,
.wrapper-widget:not(:last-child).wrapper-widget__width-initial {
    margin-bottom: 0
}

.wrapper-column {
    position: relative;
    min-height: 1px;
    display: flex
}

.wrapper-column-wrap {
    width: 100%;
    position: relative;
    display: flex
}

.wrapper-column-gap-narrow>.wrapper-column>.wrapper-element-populated {
    padding: 5px
}

.wrapper-column-gap-default>.wrapper-column>.wrapper-element-populated {
    padding: 10px
}

.wrapper-column-gap-extended>.wrapper-column>.wrapper-element-populated {
    padding: 15px
}

.wrapper-column-gap-wide>.wrapper-column>.wrapper-element-populated {
    padding: 20px
}

.wrapper-column-gap-wider>.wrapper-column>.wrapper-element-populated {
    padding: 30px
}

.wrapper-inner-section .wrapper-column-gap-no .wrapper-element-populated {
    padding: 0
}

@media (min-width:768px) {
    .wrapper-column.wrapper-col-10,
    .wrapper-column[data-col="10"] {
        width: 10%
    }
    .wrapper-column.wrapper-col-11,
    .wrapper-column[data-col="11"] {
        width: 11.111%
    }
    .wrapper-column.wrapper-col-12,
    .wrapper-column[data-col="12"] {
        width: 12.5%
    }
    .wrapper-column.wrapper-col-14,
    .wrapper-column[data-col="14"] {
        width: 14.285%
    }
    .wrapper-column.wrapper-col-16,
    .wrapper-column[data-col="16"] {
        width: 16.666%
    }
    .wrapper-column.wrapper-col-20,
    .wrapper-column[data-col="20"] {
        width: 20%
    }
    .wrapper-column.wrapper-col-25,
    .wrapper-column[data-col="25"] {
        width: 25%
    }
    .wrapper-column.wrapper-col-30,
    .wrapper-column[data-col="30"] {
        width: 30%
    }
    .wrapper-column.wrapper-col-33,
    .wrapper-column[data-col="33"] {
        width: 33.333%
    }
    .wrapper-column.wrapper-col-40,
    .wrapper-column[data-col="40"] {
        width: 40%
    }
    .wrapper-column.wrapper-col-50,
    .wrapper-column[data-col="50"] {
        width: 50%
    }
    .wrapper-column.wrapper-col-60,
    .wrapper-column[data-col="60"] {
        width: 60%
    }
    .wrapper-column.wrapper-col-66,
    .wrapper-column[data-col="66"] {
        width: 66.666%
    }
    .wrapper-column.wrapper-col-70,
    .wrapper-column[data-col="70"] {
        width: 70%
    }
    .wrapper-column.wrapper-col-75,
    .wrapper-column[data-col="75"] {
        width: 75%
    }
    .wrapper-column.wrapper-col-80,
    .wrapper-column[data-col="80"] {
        width: 80%
    }
    .wrapper-column.wrapper-col-83,
    .wrapper-column[data-col="83"] {
        width: 83.333%
    }
    .wrapper-column.wrapper-col-90,
    .wrapper-column[data-col="90"] {
        width: 90%
    }
    .wrapper-column.wrapper-col-100,
    .wrapper-column[data-col="100"] {
        width: 100%
    }
}

@media (max-width:479px) {
    .wrapper-column.wrapper-xs-10 {
        width: 10%
    }
    .wrapper-column.wrapper-xs-11 {
        width: 11.111%
    }
    .wrapper-column.wrapper-xs-12 {
        width: 12.5%
    }
    .wrapper-column.wrapper-xs-14 {
        width: 14.285%
    }
    .wrapper-column.wrapper-xs-16 {
        width: 16.666%
    }
    .wrapper-column.wrapper-xs-20 {
        width: 20%
    }
    .wrapper-column.wrapper-xs-25 {
        width: 25%
    }
    .wrapper-column.wrapper-xs-30 {
        width: 30%
    }
    .wrapper-column.wrapper-xs-33 {
        width: 33.333%
    }
    .wrapper-column.wrapper-xs-40 {
        width: 40%
    }
    .wrapper-column.wrapper-xs-50 {
        width: 50%
    }
    .wrapper-column.wrapper-xs-60 {
        width: 60%
    }
    .wrapper-column.wrapper-xs-66 {
        width: 66.666%
    }
    .wrapper-column.wrapper-xs-70 {
        width: 70%
    }
    .wrapper-column.wrapper-xs-75 {
        width: 75%
    }
    .wrapper-column.wrapper-xs-80 {
        width: 80%
    }
    .wrapper-column.wrapper-xs-83 {
        width: 83.333%
    }
    .wrapper-column.wrapper-xs-90 {
        width: 90%
    }
    .wrapper-column.wrapper-xs-100 {
        width: 100%
    }
}

@media (max-width:767px) {
    .wrapper-column.wrapper-sm-10 {
        width: 10%
    }
    .wrapper-column.wrapper-sm-11 {
        width: 11.111%
    }
    .wrapper-column.wrapper-sm-12 {
        width: 12.5%
    }
    .wrapper-column.wrapper-sm-14 {
        width: 14.285%
    }
    .wrapper-column.wrapper-sm-16 {
        width: 16.666%
    }
    .wrapper-column.wrapper-sm-20 {
        width: 20%
    }
    .wrapper-column.wrapper-sm-25 {
        width: 25%
    }
    .wrapper-column.wrapper-sm-30 {
        width: 30%
    }
    .wrapper-column.wrapper-sm-33 {
        width: 33.333%
    }
    .wrapper-column.wrapper-sm-40 {
        width: 40%
    }
    .wrapper-column.wrapper-sm-50 {
        width: 50%
    }
    .wrapper-column.wrapper-sm-60 {
        width: 60%
    }
    .wrapper-column.wrapper-sm-66 {
        width: 66.666%
    }
    .wrapper-column.wrapper-sm-70 {
        width: 70%
    }
    .wrapper-column.wrapper-sm-75 {
        width: 75%
    }
    .wrapper-column.wrapper-sm-80 {
        width: 80%
    }
    .wrapper-column.wrapper-sm-83 {
        width: 83.333%
    }
    .wrapper-column.wrapper-sm-90 {
        width: 90%
    }
    .wrapper-column.wrapper-sm-100 {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .wrapper-column.wrapper-md-10 {
        width: 10%
    }
    .wrapper-column.wrapper-md-11 {
        width: 11.111%
    }
    .wrapper-column.wrapper-md-12 {
        width: 12.5%
    }
    .wrapper-column.wrapper-md-14 {
        width: 14.285%
    }
    .wrapper-column.wrapper-md-16 {
        width: 16.666%
    }
    .wrapper-column.wrapper-md-20 {
        width: 20%
    }
    .wrapper-column.wrapper-md-25 {
        width: 25%
    }
    .wrapper-column.wrapper-md-30 {
        width: 30%
    }
    .wrapper-column.wrapper-md-33 {
        width: 33.333%
    }
    .wrapper-column.wrapper-md-40 {
        width: 40%
    }
    .wrapper-column.wrapper-md-50 {
        width: 50%
    }
    .wrapper-column.wrapper-md-60 {
        width: 60%
    }
    .wrapper-column.wrapper-md-66 {
        width: 66.666%
    }
    .wrapper-column.wrapper-md-70 {
        width: 70%
    }
    .wrapper-column.wrapper-md-75 {
        width: 75%
    }
    .wrapper-column.wrapper-md-80 {
        width: 80%
    }
    .wrapper-column.wrapper-md-83 {
        width: 83.333%
    }
    .wrapper-column.wrapper-md-90 {
        width: 90%
    }
    .wrapper-column.wrapper-md-100 {
        width: 100%
    }
}

@media (min-width:-1) {
    .wrapper-reverse-widescreen>.wrapper-container>:first-child {
        order: 10
    }
    .wrapper-reverse-widescreen>.wrapper-container>:nth-child(2) {
        order: 9
    }
    .wrapper-reverse-widescreen>.wrapper-container>:nth-child(3) {
        order: 8
    }
    .wrapper-reverse-widescreen>.wrapper-container>:nth-child(4) {
        order: 7
    }
    .wrapper-reverse-widescreen>.wrapper-container>:nth-child(5) {
        order: 6
    }
    .wrapper-reverse-widescreen>.wrapper-container>:nth-child(6) {
        order: 5
    }
    .wrapper-reverse-widescreen>.wrapper-container>:nth-child(7) {
        order: 4
    }
    .wrapper-reverse-widescreen>.wrapper-container>:nth-child(8) {
        order: 3
    }
    .wrapper-reverse-widescreen>.wrapper-container>:nth-child(9) {
        order: 2
    }
    .wrapper-reverse-widescreen>.wrapper-container>:nth-child(10) {
        order: 1
    }
}

@media (min-width:1025px) and (max-width:-1) {
    .wrapper-reverse-laptop>.wrapper-container>:first-child {
        order: 10
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(2) {
        order: 9
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(3) {
        order: 8
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(4) {
        order: 7
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(5) {
        order: 6
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(6) {
        order: 5
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(7) {
        order: 4
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(8) {
        order: 3
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(9) {
        order: 2
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(10) {
        order: 1
    }
}

@media (min-width:-1) and (max-width:-1) {
    .wrapper-reverse-laptop>.wrapper-container>:first-child {
        order: 10
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(2) {
        order: 9
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(3) {
        order: 8
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(4) {
        order: 7
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(5) {
        order: 6
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(6) {
        order: 5
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(7) {
        order: 4
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(8) {
        order: 3
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(9) {
        order: 2
    }
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(10) {
        order: 1
    }
}

@media (min-width:1025px) and (max-width:-1) {
    .wrapper-reverse-laptop>.wrapper-container>:first-child,
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(2),
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(3),
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(4),
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(5),
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(6),
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(7),
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(8),
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(9),
    .wrapper-reverse-laptop>.wrapper-container>:nth-child(10) {
        order: 0
    }
    .wrapper-reverse-tablet_extra>.wrapper-container>:first-child {
        order: 10
    }
    .wrapper-reverse-tablet_extra>.wrapper-container>:nth-child(2) {
        order: 9
    }
    .wrapper-reverse-tablet_extra>.wrapper-container>:nth-child(3) {
        order: 8
    }
    .wrapper-reverse-tablet_extra>.wrapper-container>:nth-child(4) {
        order: 7
    }
    .wrapper-reverse-tablet_extra>.wrapper-container>:nth-child(5) {
        order: 6
    }
    .wrapper-reverse-tablet_extra>.wrapper-container>:nth-child(6) {
        order: 5
    }
    .wrapper-reverse-tablet_extra>.wrapper-container>:nth-child(7) {
        order: 4
    }
    .wrapper-reverse-tablet_extra>.wrapper-container>:nth-child(8) {
        order: 3
    }
    .wrapper-reverse-tablet_extra>.wrapper-container>:nth-child(9) {
        order: 2
    }
    .wrapper-reverse-tablet_extra>.wrapper-container>:nth-child(10) {
        order: 1
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .wrapper-reverse-tablet>.wrapper-container>:first-child {
        order: 10
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(2) {
        order: 9
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(3) {
        order: 8
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(4) {
        order: 7
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(5) {
        order: 6
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(6) {
        order: 5
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(7) {
        order: 4
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(8) {
        order: 3
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(9) {
        order: 2
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(10) {
        order: 1
    }
}

@media (min-width:-1) and (max-width:1024px) {
    .wrapper-reverse-tablet>.wrapper-container>:first-child {
        order: 10
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(2) {
        order: 9
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(3) {
        order: 8
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(4) {
        order: 7
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(5) {
        order: 6
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(6) {
        order: 5
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(7) {
        order: 4
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(8) {
        order: 3
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(9) {
        order: 2
    }
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(10) {
        order: 1
    }
}

@media (min-width:768px) and (max-width:-1) {
    .wrapper-reverse-tablet>.wrapper-container>:first-child,
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(2),
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(3),
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(4),
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(5),
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(6),
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(7),
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(8),
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(9),
    .wrapper-reverse-tablet>.wrapper-container>:nth-child(10) {
        order: 0
    }
    .wrapper-reverse-mobile_extra>.wrapper-container>:first-child {
        order: 10
    }
    .wrapper-reverse-mobile_extra>.wrapper-container>:nth-child(2) {
        order: 9
    }
    .wrapper-reverse-mobile_extra>.wrapper-container>:nth-child(3) {
        order: 8
    }
    .wrapper-reverse-mobile_extra>.wrapper-container>:nth-child(4) {
        order: 7
    }
    .wrapper-reverse-mobile_extra>.wrapper-container>:nth-child(5) {
        order: 6
    }
    .wrapper-reverse-mobile_extra>.wrapper-container>:nth-child(6) {
        order: 5
    }
    .wrapper-reverse-mobile_extra>.wrapper-container>:nth-child(7) {
        order: 4
    }
    .wrapper-reverse-mobile_extra>.wrapper-container>:nth-child(8) {
        order: 3
    }
    .wrapper-reverse-mobile_extra>.wrapper-container>:nth-child(9) {
        order: 2
    }
    .wrapper-reverse-mobile_extra>.wrapper-container>:nth-child(10) {
        order: 1
    }
}

@media (max-width:767px) {
    .wrapper-reverse-mobile>.wrapper-container>:first-child {
        order: 10
    }
    .wrapper-reverse-mobile>.wrapper-container>:nth-child(2) {
        order: 9
    }
    .wrapper-reverse-mobile>.wrapper-container>:nth-child(3) {
        order: 8
    }
    .wrapper-reverse-mobile>.wrapper-container>:nth-child(4) {
        order: 7
    }
    .wrapper-reverse-mobile>.wrapper-container>:nth-child(5) {
        order: 6
    }
    .wrapper-reverse-mobile>.wrapper-container>:nth-child(6) {
        order: 5
    }
    .wrapper-reverse-mobile>.wrapper-container>:nth-child(7) {
        order: 4
    }
    .wrapper-reverse-mobile>.wrapper-container>:nth-child(8) {
        order: 3
    }
    .wrapper-reverse-mobile>.wrapper-container>:nth-child(9) {
        order: 2
    }
    .wrapper-reverse-mobile>.wrapper-container>:nth-child(10) {
        order: 1
    }
    .wrapper-column {
        width: 100%
    }
}

ul.wrapper-icon-list-items.wrapper-inline-items {
    display: flex;
    flex-wrap: wrap
}

ul.wrapper-icon-list-items.wrapper-inline-items .wrapper-inline-item {
    word-break: break-word
}

.wrapper-grid {
    display: grid;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap)
}

.wrapper-grid .wrapper-grid-item {
    min-width: 0
}

.wrapper-grid-0 .wrapper-grid {
    display: inline-block;
    width: 100%;
    word-spacing: var(--grid-column-gap);
    margin-bottom: calc(-1 * var(--grid-row-gap))
}

.wrapper-grid-0 .wrapper-grid .wrapper-grid-item {
    display: inline-block;
    margin-bottom: var(--grid-row-gap);
    word-break: break-word
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:-1) {
    .wrapper-grid-widescreen-0 .wrapper-grid {
        display: inline-block;
        width: 100%;
        word-spacing: var(--grid-column-gap);
        margin-bottom: calc(-1 * var(--grid-row-gap))
    }
    .wrapper-grid-widescreen-0 .wrapper-grid .wrapper-grid-item {
        display: inline-block;
        margin-bottom: var(--grid-row-gap);
        word-break: break-word
    }
    .wrapper-grid-widescreen-1 .wrapper-grid {
        grid-template-columns: repeat(1, 1fr)
    }
    .wrapper-grid-widescreen-2 .wrapper-grid {
        grid-template-columns: repeat(2, 1fr)
    }
    .wrapper-grid-widescreen-3 .wrapper-grid {
        grid-template-columns: repeat(3, 1fr)
    }
    .wrapper-grid-widescreen-4 .wrapper-grid {
        grid-template-columns: repeat(4, 1fr)
    }
    .wrapper-grid-widescreen-5 .wrapper-grid {
        grid-template-columns: repeat(5, 1fr)
    }
    .wrapper-grid-widescreen-6 .wrapper-grid {
        grid-template-columns: repeat(6, 1fr)
    }
    .wrapper-grid-widescreen-7 .wrapper-grid {
        grid-template-columns: repeat(7, 1fr)
    }
    .wrapper-grid-widescreen-8 .wrapper-grid {
        grid-template-columns: repeat(8, 1fr)
    }
    .wrapper-grid-widescreen-9 .wrapper-grid {
        grid-template-columns: repeat(9, 1fr)
    }
    .wrapper-grid-widescreen-10 .wrapper-grid {
        grid-template-columns: repeat(10, 1fr)
    }
    .wrapper-grid-widescreen-11 .wrapper-grid {
        grid-template-columns: repeat(11, 1fr)
    }
    .wrapper-grid-widescreen-12 .wrapper-grid {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width:-1) {
    .wrapper-grid-laptop-0 .wrapper-grid {
        display: inline-block;
        width: 100%;
        word-spacing: var(--grid-column-gap);
        margin-bottom: calc(-1 * var(--grid-row-gap))
    }
    .wrapper-grid-laptop-0 .wrapper-grid .wrapper-grid-item {
        display: inline-block;
        margin-bottom: var(--grid-row-gap);
        word-break: break-word
    }
    .wrapper-grid-laptop-1 .wrapper-grid {
        grid-template-columns: repeat(1, 1fr)
    }
    .wrapper-grid-laptop-2 .wrapper-grid {
        grid-template-columns: repeat(2, 1fr)
    }
    .wrapper-grid-laptop-3 .wrapper-grid {
        grid-template-columns: repeat(3, 1fr)
    }
    .wrapper-grid-laptop-4 .wrapper-grid {
        grid-template-columns: repeat(4, 1fr)
    }
    .wrapper-grid-laptop-5 .wrapper-grid {
        grid-template-columns: repeat(5, 1fr)
    }
    .wrapper-grid-laptop-6 .wrapper-grid {
        grid-template-columns: repeat(6, 1fr)
    }
    .wrapper-grid-laptop-7 .wrapper-grid {
        grid-template-columns: repeat(7, 1fr)
    }
    .wrapper-grid-laptop-8 .wrapper-grid {
        grid-template-columns: repeat(8, 1fr)
    }
    .wrapper-grid-laptop-9 .wrapper-grid {
        grid-template-columns: repeat(9, 1fr)
    }
    .wrapper-grid-laptop-10 .wrapper-grid {
        grid-template-columns: repeat(10, 1fr)
    }
    .wrapper-grid-laptop-11 .wrapper-grid {
        grid-template-columns: repeat(11, 1fr)
    }
    .wrapper-grid-laptop-12 .wrapper-grid {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width:-1) {
    .wrapper-grid-tablet_extra-0 .wrapper-grid {
        display: inline-block;
        width: 100%;
        word-spacing: var(--grid-column-gap);
        margin-bottom: calc(-1 * var(--grid-row-gap))
    }
    .wrapper-grid-tablet_extra-0 .wrapper-grid .wrapper-grid-item {
        display: inline-block;
        margin-bottom: var(--grid-row-gap);
        word-break: break-word
    }
    .wrapper-grid-tablet_extra-1 .wrapper-grid {
        grid-template-columns: repeat(1, 1fr)
    }
    .wrapper-grid-tablet_extra-2 .wrapper-grid {
        grid-template-columns: repeat(2, 1fr)
    }
    .wrapper-grid-tablet_extra-3 .wrapper-grid {
        grid-template-columns: repeat(3, 1fr)
    }
    .wrapper-grid-tablet_extra-4 .wrapper-grid {
        grid-template-columns: repeat(4, 1fr)
    }
    .wrapper-grid-tablet_extra-5 .wrapper-grid {
        grid-template-columns: repeat(5, 1fr)
    }
    .wrapper-grid-tablet_extra-6 .wrapper-grid {
        grid-template-columns: repeat(6, 1fr)
    }
    .wrapper-grid-tablet_extra-7 .wrapper-grid {
        grid-template-columns: repeat(7, 1fr)
    }
    .wrapper-grid-tablet_extra-8 .wrapper-grid {
        grid-template-columns: repeat(8, 1fr)
    }
    .wrapper-grid-tablet_extra-9 .wrapper-grid {
        grid-template-columns: repeat(9, 1fr)
    }
    .wrapper-grid-tablet_extra-10 .wrapper-grid {
        grid-template-columns: repeat(10, 1fr)
    }
    .wrapper-grid-tablet_extra-11 .wrapper-grid {
        grid-template-columns: repeat(11, 1fr)
    }
    .wrapper-grid-tablet_extra-12 .wrapper-grid {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width:1024px) {
    .wrapper-grid-tablet-0 .wrapper-grid {
        display: inline-block;
        width: 100%;
        word-spacing: var(--grid-column-gap);
        margin-bottom: calc(-1 * var(--grid-row-gap))
    }
    .wrapper-grid-tablet-0 .wrapper-grid .wrapper-grid-item {
        display: inline-block;
        margin-bottom: var(--grid-row-gap);
        word-break: break-word
    }
    .wrapper-grid-tablet-1 .wrapper-grid {
        grid-template-columns: repeat(1, 1fr)
    }
    .wrapper-grid-tablet-2 .wrapper-grid {
        grid-template-columns: repeat(2, 1fr)
    }
    .wrapper-grid-tablet-3 .wrapper-grid {
        grid-template-columns: repeat(3, 1fr)
    }
    .wrapper-grid-tablet-4 .wrapper-grid {
        grid-template-columns: repeat(4, 1fr)
    }
    .wrapper-grid-tablet-5 .wrapper-grid {
        grid-template-columns: repeat(5, 1fr)
    }
    .wrapper-grid-tablet-6 .wrapper-grid {
        grid-template-columns: repeat(6, 1fr)
    }
    .wrapper-grid-tablet-7 .wrapper-grid {
        grid-template-columns: repeat(7, 1fr)
    }
    .wrapper-grid-tablet-8 .wrapper-grid {
        grid-template-columns: repeat(8, 1fr)
    }
    .wrapper-grid-tablet-9 .wrapper-grid {
        grid-template-columns: repeat(9, 1fr)
    }
    .wrapper-grid-tablet-10 .wrapper-grid {
        grid-template-columns: repeat(10, 1fr)
    }
    .wrapper-grid-tablet-11 .wrapper-grid {
        grid-template-columns: repeat(11, 1fr)
    }
    .wrapper-grid-tablet-12 .wrapper-grid {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width:-1) {
    .wrapper-grid-mobile_extra-0 .wrapper-grid {
        display: inline-block;
        width: 100%;
        word-spacing: var(--grid-column-gap);
        margin-bottom: calc(-1 * var(--grid-row-gap))
    }
    .wrapper-grid-mobile_extra-0 .wrapper-grid .wrapper-grid-item {
        display: inline-block;
        margin-bottom: var(--grid-row-gap);
        word-break: break-word
    }
    .wrapper-grid-mobile_extra-1 .wrapper-grid {
        grid-template-columns: repeat(1, 1fr)
    }
    .wrapper-grid-mobile_extra-2 .wrapper-grid {
        grid-template-columns: repeat(2, 1fr)
    }
    .wrapper-grid-mobile_extra-3 .wrapper-grid {
        grid-template-columns: repeat(3, 1fr)
    }
    .wrapper-grid-mobile_extra-4 .wrapper-grid {
        grid-template-columns: repeat(4, 1fr)
    }
    .wrapper-grid-mobile_extra-5 .wrapper-grid {
        grid-template-columns: repeat(5, 1fr)
    }
    .wrapper-grid-mobile_extra-6 .wrapper-grid {
        grid-template-columns: repeat(6, 1fr)
    }
    .wrapper-grid-mobile_extra-7 .wrapper-grid {
        grid-template-columns: repeat(7, 1fr)
    }
    .wrapper-grid-mobile_extra-8 .wrapper-grid {
        grid-template-columns: repeat(8, 1fr)
    }
    .wrapper-grid-mobile_extra-9 .wrapper-grid {
        grid-template-columns: repeat(9, 1fr)
    }
    .wrapper-grid-mobile_extra-10 .wrapper-grid {
        grid-template-columns: repeat(10, 1fr)
    }
    .wrapper-grid-mobile_extra-11 .wrapper-grid {
        grid-template-columns: repeat(11, 1fr)
    }
    .wrapper-grid-mobile_extra-12 .wrapper-grid {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width:767px) {
    .wrapper-grid-mobile-0 .wrapper-grid {
        display: inline-block;
        width: 100%;
        word-spacing: var(--grid-column-gap);
        margin-bottom: calc(-1 * var(--grid-row-gap))
    }
    .wrapper-grid-mobile-0 .wrapper-grid .wrapper-grid-item {
        display: inline-block;
        margin-bottom: var(--grid-row-gap);
        word-break: break-word
    }
    .wrapper-grid-mobile-1 .wrapper-grid {
        grid-template-columns: repeat(1, 1fr)
    }
    .wrapper-grid-mobile-2 .wrapper-grid {
        grid-template-columns: repeat(2, 1fr)
    }
    .wrapper-grid-mobile-3 .wrapper-grid {
        grid-template-columns: repeat(3, 1fr)
    }
    .wrapper-grid-mobile-4 .wrapper-grid {
        grid-template-columns: repeat(4, 1fr)
    }
    .wrapper-grid-mobile-5 .wrapper-grid {
        grid-template-columns: repeat(5, 1fr)
    }
    .wrapper-grid-mobile-6 .wrapper-grid {
        grid-template-columns: repeat(6, 1fr)
    }
    .wrapper-grid-mobile-7 .wrapper-grid {
        grid-template-columns: repeat(7, 1fr)
    }
    .wrapper-grid-mobile-8 .wrapper-grid {
        grid-template-columns: repeat(8, 1fr)
    }
    .wrapper-grid-mobile-9 .wrapper-grid {
        grid-template-columns: repeat(9, 1fr)
    }
    .wrapper-grid-mobile-10 .wrapper-grid {
        grid-template-columns: repeat(10, 1fr)
    }
    .wrapper-grid-mobile-11 .wrapper-grid {
        grid-template-columns: repeat(11, 1fr)
    }
    .wrapper-grid-mobile-12 .wrapper-grid {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (min-width:1025px) {
    #wrapper-device-mode:after {
        content: "desktop"
    }
}

@media (min-width:-1) {
    #wrapper-device-mode:after {
        content: "widescreen"
    }
}

@media (max-width:-1) {
    #wrapper-device-mode:after {
        content: "laptop";
        content: "tablet_extra"
    }
}

@media (max-width:1024px) {
    #wrapper-device-mode:after {
        content: "tablet"
    }
}

@media (max-width:-1) {
    #wrapper-device-mode:after {
        content: "mobile_extra"
    }
}

@media (max-width:767px) {
    #wrapper-device-mode:after {
        content: "mobile"
    }
}

.e-con {
    --border-radius: 0;
    --display: flex;
    --flex-direction: column;
    --flex-basis: auto;
    --flex-grow: 0;
    --flex-shrink: 1;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --content-width: Min(100%, var(--container-max-width, 1140px));
    --width: 100%;
    --min-height: initial;
    --height: auto;
    --text-align: initial;
    --margin-top: 0;
    --margin-right: 0;
    --margin-bottom: 0;
    --margin-left: 0;
    --padding-top: var(--container-default-padding-top, 10px);
    --padding-right: var(--container-default-padding-right, 10px);
    --padding-bottom: var(--container-default-padding-bottom, 10px);
    --padding-left: var(--container-default-padding-left, 10px);
    --position: relative;
    --z-index: revert;
    --overflow: visible;
    --gap: var(--widgets-spacing, 20px);
    --overlay-mix-blend-mode: initial;
    --overlay-opacity: 1;
    --overlay-transition: 0.3s;
    position: var(--position);
    flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis);
    width: var(--width);
    min-width: 0;
    min-height: var(--min-height);
    height: var(--height);
    border-radius: var(--border-radius);
    margin: var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left);
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
    z-index: var(--z-index);
    overflow: var(--overflow);
    transition: background var(--background-transition, .3s), border var(--border-transition, .3s), box-shadow var(--border-transition, .3s), transform var(--e-con-transform-transition-duration, .4s)
}

.e-con-full,
.e-con>.e-con-inner {
    flex-direction: var(--flex-direction);
    text-align: var(--text-align);
    padding-top: var(--padding-top);
    padding-bottom: var(--padding-bottom)
}

.e-con,
.e-con>.e-con-inner {
    display: var(--display)
}

.e-con-boxed {
    flex-direction: column;
    text-align: initial;
    flex-wrap: nowrap;
    justify-content: normal;
    align-items: normal;
    align-content: normal;
    gap: initial
}

.e-con>.e-con-inner {
    flex-wrap: var(--flex-wrap);
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    align-content: var(--align-content);
    gap: var(--gap);
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto;
    padding-inline: 0;
    height: 100%;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    align-self: auto
}

:is(.wrapper-section-wrap, [data-wrapper-id])>.e-con {
    --margin-right: auto;
    --margin-left: auto;
    max-width: min(100%, var(--width))
}

.e-con .wrapper-widget.wrapper-widget {
    margin-bottom: 0
}

.e-con:before,
.e-con>.e-con-inner>.wrapper-background-slideshow:before,
.e-con>.e-con-inner>.wrapper-background-video-container:before,
.e-con>.wrapper-background-slideshow:before,
.e-con>.wrapper-background-video-container:before,
.e-con>.wrapper-motion-effects-container>.wrapper-motion-effects-layer:before {
    content: var(--background-overlay);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    mix-blend-mode: var(--overlay-mix-blend-mode);
    opacity: var(--overlay-opacity);
    transition: var(--overlay-transition, .3s);
    border-radius: var(--border-radius)
}

.e-con:before {
    transition: background var(--overlay-transition, .3s), border-radius var(--border-transition, .3s), opacity var(--overlay-transition, .3s)
}

.e-con>.e-con-inner>.wrapper-background-video-container:before,
.e-con>.wrapper-background-video-container:before {
    z-index: 1
}

.e-con>.e-con-inner>.wrapper-background-slideshow:before,
.e-con>.wrapper-background-slideshow:before {
    z-index: 2
}

.e-con .wrapper-widget {
    min-width: 0
}

.e-con .wrapper-widget-empty,
.e-con .wrapper-widget-google_maps,
.e-con .wrapper-widget-video,
.e-con .wrapper-widget.e-widget-swiper {
    width: 100%
}

.e-con>.e-con-inner>.wrapper-widget>.wrapper-widget-container,
.e-con>.wrapper-widget>.wrapper-widget-container {
    height: 100%
}

.e-con.e-con>.e-con-inner>.wrapper-widget,
.wrapper.wrapper .e-con>.wrapper-widget {
    max-width: 100%
}

@media (max-width:767px) {
    .e-con {
        --width: 100%;
        --flex-wrap: wrap
    }
}

.wrapper-form-fields-wrapper {
    display: flex;
    flex-wrap: wrap
}

.wrapper-form-fields-wrapper.wrapper-labels-above .wrapper-field-group .wrapper-field-subgroup,
.wrapper-form-fields-wrapper.wrapper-labels-above .wrapper-field-group>.wrapper-select-wrapper,
.wrapper-form-fields-wrapper.wrapper-labels-above .wrapper-field-group>input,
.wrapper-form-fields-wrapper.wrapper-labels-above .wrapper-field-group>textarea {
    flex-basis: 100%;
    max-width: 100%
}

.wrapper-form-fields-wrapper.wrapper-labels-inline>.wrapper-field-group .wrapper-select-wrapper,
.wrapper-form-fields-wrapper.wrapper-labels-inline>.wrapper-field-group>input {
    flex-grow: 1
}

.wrapper-field-group {
    flex-wrap: wrap;
    align-items: center
}

.wrapper-field-group.wrapper-field-type-submit {
    align-items: flex-end
}

.wrapper-field-group .wrapper-field-textual {
    width: 100%;
    max-width: 100%;
    border: 1px solid #69727d;
    background-color: transparent;
    color: #1a1c1e;
    vertical-align: middle;
    flex-grow: 1
}

.wrapper-field-group .wrapper-field-textual:focus {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    outline: 0
}

.wrapper-field-group .wrapper-field-textual::-moz-placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.wrapper-field-group .wrapper-field-textual::placeholder {
    color: inherit;
    font-family: inherit;
    opacity: .6
}

.wrapper-field-group .wrapper-select-wrapper {
    display: flex;
    position: relative;
    width: 100%
}

.wrapper-field-group .wrapper-select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    flex-basis: 100%;
    padding-left: 20px
}

.wrapper-field-group .wrapper-select-wrapper:before {
    content: "\e92a";
    font-family: eicons;
    font-size: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    pointer-events: none;
    text-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.wrapper-field-group.wrapper-field-type-select-multiple .wrapper-select-wrapper:before {
    content: ""
}

.wrapper-field-subgroup {
    display: flex;
    flex-wrap: wrap
}

.wrapper-field-subgroup .wrapper-field-option label {
    display: inline-block
}

.wrapper-field-subgroup.wrapper-subgroup-inline .wrapper-field-option {
    padding-left: 10px
}

.wrapper-field-subgroup:not(.wrapper-subgroup-inline) .wrapper-field-option {
    flex-basis: 100%
}

.wrapper-field-type-acceptance .wrapper-field-subgroup .wrapper-field-option input,
.wrapper-field-type-acceptance .wrapper-field-subgroup .wrapper-field-option label,
.wrapper-field-type-checkbox .wrapper-field-subgroup .wrapper-field-option input,
.wrapper-field-type-checkbox .wrapper-field-subgroup .wrapper-field-option label,
.wrapper-field-type-radio .wrapper-field-subgroup .wrapper-field-option input,
.wrapper-field-type-radio .wrapper-field-subgroup .wrapper-field-option label {
    display: inline
}

.wrapper-field-label {
    cursor: pointer
}

.wrapper-mark-required .wrapper-field-label:after {
    content: "*";
    color: red;
    padding-right: .2em
}

.wrapper-field-textual {
    line-height: 1.4;
    font-size: 15px;
    min-height: 40px;
    padding: 5px 14px;
    border-radius: 3px
}

.wrapper-field-textual.wrapper-size-xs {
    font-size: 13px;
    min-height: 33px;
    padding: 4px 12px;
    border-radius: 2px
}

.wrapper-field-textual.wrapper-size-md {
    font-size: 16px;
    min-height: 47px;
    padding: 6px 16px;
    border-radius: 4px
}

.wrapper-field-textual.wrapper-size-lg {
    font-size: 18px;
    min-height: 59px;
    padding: 7px 20px;
    border-radius: 5px
}

.wrapper-field-textual.wrapper-size-xl {
    font-size: 20px;
    min-height: 72px;
    padding: 8px 24px;
    border-radius: 6px
}

.wrapper-button-align-stretch .wrapper-field-type-submit:not(.e-form__buttons__wrapper) .wrapper-button {
    flex-basis: 100%
}

.wrapper-button-align-stretch .e-form__buttons__wrapper {
    flex-basis: 50%;
    flex-grow: 1
}

.wrapper-button-align-stretch .e-form__buttons__wrapper__button {
    flex-basis: 100%
}

.wrapper-button-align-center .e-form__buttons,
.wrapper-button-align-center .wrapper-field-type-submit {
    justify-content: center
}

.wrapper-button-align-start .e-form__buttons,
.wrapper-button-align-start .wrapper-field-type-submit {
    justify-content: flex-end
}

.wrapper-button-align-end .e-form__buttons,
.wrapper-button-align-end .wrapper-field-type-submit {
    justify-content: flex-start
}

.wrapper-button-align-center .wrapper-field-type-submit:not(.e-form__buttons__wrapper) .wrapper-button,
.wrapper-button-align-end .wrapper-field-type-submit:not(.e-form__buttons__wrapper) .wrapper-button,
.wrapper-button-align-start .wrapper-field-type-submit:not(.e-form__buttons__wrapper) .wrapper-button {
    flex-basis: auto
}

.wrapper-button-align-center .e-form__buttons__wrapper,
.wrapper-button-align-end .e-form__buttons__wrapper,
.wrapper-button-align-start .e-form__buttons__wrapper {
    flex-grow: 0
}

.wrapper-button-align-center .e-form__buttons__wrapper,
.wrapper-button-align-center .e-form__buttons__wrapper__button,
.wrapper-button-align-end .e-form__buttons__wrapper,
.wrapper-button-align-end .e-form__buttons__wrapper__button,
.wrapper-button-align-start .e-form__buttons__wrapper,
.wrapper-button-align-start .e-form__buttons__wrapper__button {
    flex-basis: auto
}

@media screen and (max-width:1024px) {
    .wrapper-tablet-button-align-stretch .wrapper-field-type-submit:not(.e-form__buttons__wrapper) .wrapper-button {
        flex-basis: 100%
    }
    .wrapper-tablet-button-align-stretch .e-form__buttons__wrapper {
        flex-basis: 50%;
        flex-grow: 1
    }
    .wrapper-tablet-button-align-stretch .e-form__buttons__wrapper__button {
        flex-basis: 100%
    }
    .wrapper-tablet-button-align-center .e-form__buttons,
    .wrapper-tablet-button-align-center .wrapper-field-type-submit {
        justify-content: center
    }
    .wrapper-tablet-button-align-start .e-form__buttons,
    .wrapper-tablet-button-align-start .wrapper-field-type-submit {
        justify-content: flex-end
    }
    .wrapper-tablet-button-align-end .e-form__buttons,
    .wrapper-tablet-button-align-end .wrapper-field-type-submit {
        justify-content: flex-start
    }
    .wrapper-tablet-button-align-center .wrapper-field-type-submit:not(.e-form__buttons__wrapper) .wrapper-button,
    .wrapper-tablet-button-align-end .wrapper-field-type-submit:not(.e-form__buttons__wrapper) .wrapper-button,
    .wrapper-tablet-button-align-start .wrapper-field-type-submit:not(.e-form__buttons__wrapper) .wrapper-button {
        flex-basis: auto
    }
    .wrapper-tablet-button-align-center .e-form__buttons__wrapper,
    .wrapper-tablet-button-align-end .e-form__buttons__wrapper,
    .wrapper-tablet-button-align-start .e-form__buttons__wrapper {
        flex-grow: 0
    }
    .wrapper-tablet-button-align-center .e-form__buttons__wrapper,
    .wrapper-tablet-button-align-center .e-form__buttons__wrapper__button,
    .wrapper-tablet-button-align-end .e-form__buttons__wrapper,
    .wrapper-tablet-button-align-end .e-form__buttons__wrapper__button,
    .wrapper-tablet-button-align-start .e-form__buttons__wrapper,
    .wrapper-tablet-button-align-start .e-form__buttons__wrapper__button {
        flex-basis: auto
    }
}

@media screen and (max-width:767px) {
    .wrapper-mobile-button-align-stretch .wrapper-field-type-submit:not(.e-form__buttons__wrapper) .wrapper-button {
        flex-basis: 100%
    }
    .wrapper-mobile-button-align-stretch .e-form__buttons__wrapper {
        flex-basis: 50%;
        flex-grow: 1
    }
    .wrapper-mobile-button-align-stretch .e-form__buttons__wrapper__button {
        flex-basis: 100%
    }
    .wrapper-mobile-button-align-center .e-form__buttons,
    .wrapper-mobile-button-align-center .wrapper-field-type-submit {
        justify-content: center
    }
    .wrapper-mobile-button-align-start .e-form__buttons,
    .wrapper-mobile-button-align-start .wrapper-field-type-submit {
        justify-content: flex-end
    }
    .wrapper-mobile-button-align-end .e-form__buttons,
    .wrapper-mobile-button-align-end .wrapper-field-type-submit {
        justify-content: flex-start
    }
    .wrapper-mobile-button-align-center .wrapper-field-type-submit:not(.e-form__buttons__wrapper) .wrapper-button,
    .wrapper-mobile-button-align-end .wrapper-field-type-submit:not(.e-form__buttons__wrapper) .wrapper-button,
    .wrapper-mobile-button-align-start .wrapper-field-type-submit:not(.e-form__buttons__wrapper) .wrapper-button {
        flex-basis: auto
    }
    .wrapper-mobile-button-align-center .e-form__buttons__wrapper,
    .wrapper-mobile-button-align-end .e-form__buttons__wrapper,
    .wrapper-mobile-button-align-start .e-form__buttons__wrapper {
        flex-grow: 0
    }
    .wrapper-mobile-button-align-center .e-form__buttons__wrapper,
    .wrapper-mobile-button-align-center .e-form__buttons__wrapper__button,
    .wrapper-mobile-button-align-end .e-form__buttons__wrapper,
    .wrapper-mobile-button-align-end .e-form__buttons__wrapper__button,
    .wrapper-mobile-button-align-start .e-form__buttons__wrapper,
    .wrapper-mobile-button-align-start .e-form__buttons__wrapper__button {
        flex-basis: auto
    }
}

.wrapper-error .wrapper-field {
    border-color: #d9534f
}

.wrapper-error .help-inline {
    color: #d9534f;
    font-size: .9em
}

.wrapper-message {
    margin: 10px 0;
    font-size: 1em;
    line-height: 1
}

.wrapper-message:before {
    content: "\e90e";
    display: inline-block;
    font-family: eicons;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
    margin-left: 5px
}

.wrapper-message.wrapper-message-danger {
    color: #d9534f
}

.wrapper-message.wrapper-message-danger:before {
    content: "\e87f"
}

.wrapper-message.form-message-success {
    color: #5cb85c
}

.wrapper-form .wrapper-button {
    padding-top: 0;
    padding-bottom: 0;
    border: none
}

.wrapper-form .wrapper-button>span {
    display: flex;
    justify-content: center
}

.wrapper-form .wrapper-button.wrapper-size-xs {
    min-height: 33px
}

.wrapper-form .wrapper-button.wrapper-size-sm {
    min-height: 40px
}

.wrapper-form .wrapper-button.wrapper-size-md {
    min-height: 47px
}

.wrapper-form .wrapper-button.wrapper-size-lg {
    min-height: 59px
}

.wrapper-form .wrapper-button.wrapper-size-xl {
    min-height: 72px
}

.wrapper-element .wrapper-widget-container {
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s)
}

.wrapper-button {
    display: inline-block;
    line-height: 1;
    background-color: #69727d;
    font-size: 15px;
    padding: 12px 24px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    text-align: center;
    transition: all .3s
}

.wrapper-button:focus,
.wrapper-button:hover,
.wrapper-button:visited {
    color: #fff
}

.wrapper-button-content-wrapper {
    display: flex;
    justify-content: center
}

.wrapper-button-icon {
    flex-grow: 0;
    order: 5
}

.wrapper-button-icon svg {
    width: 1em;
    height: auto
}

.wrapper-button-icon .e-font-icon-svg {
    height: 1em
}

.wrapper-button-text {
    flex-grow: 1;
    order: 10;
    display: inline-block
}

.wrapper-button.wrapper-size-xs {
    font-size: 13px;
    padding: 10px 20px;
    border-radius: 2px
}

.wrapper-button.wrapper-size-md {
    font-size: 16px;
    padding: 15px 30px;
    border-radius: 4px
}

.wrapper-button.wrapper-size-lg {
    font-size: 18px;
    padding: 20px 40px;
    border-radius: 5px
}

.wrapper-button.wrapper-size-xl {
    font-size: 20px;
    padding: 25px 50px;
    border-radius: 6px
}

.wrapper-button .wrapper-align-icon-right {
    margin-left: 5px;
    order: 5
}

.wrapper-button .wrapper-align-icon-left {
    margin-right: 5px;
    order: 15
}

.wrapper-button span {
    text-decoration: inherit
}

.wrapper-element.wrapper-button-info .wrapper-button {
    background-color: #5bc0de
}

.wrapper-element.wrapper-button-success .wrapper-button {
    background-color: #5cb85c
}

.wrapper-element.wrapper-button-warning .wrapper-button {
    background-color: #f0ad4e
}

.wrapper-element.wrapper-button-danger .wrapper-button {
    background-color: #d9534f
}

.wrapper-widget-button .wrapper-button .wrapper-button-info {
    background-color: #5bc0de
}

.wrapper-widget-button .wrapper-button .wrapper-button-success {
    background-color: #5cb85c
}

.wrapper-widget-button .wrapper-button .wrapper-button-warning {
    background-color: #f0ad4e
}

.wrapper-widget-button .wrapper-button .wrapper-button-danger {
    background-color: #d9534f
}

.wrapper-tab-title a {
    color: inherit
}

.wrapper-view-stacked .wrapper-icon {
    padding: .5em;
    background-color: #69727d;
    color: #fff;
    fill: #fff
}

.wrapper-view-framed .wrapper-icon {
    padding: .5em;
    color: #69727d;
    border: 3px solid #69727d;
    background-color: transparent
}

.wrapper-icon {
    display: inline-block;
    line-height: 1;
    transition: all .3s;
    color: #69727d;
    font-size: 50px;
    text-align: center
}

.wrapper-icon:hover {
    color: #69727d
}

.wrapper-icon i,
.wrapper-icon svg {
    width: 1em;
    height: 1em;
    position: relative;
    display: block
}

.wrapper-icon i:before,
.wrapper-icon svg:before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.wrapper-icon i.fad {
    width: auto
}

.wrapper-shape-circle .wrapper-icon {
    border-radius: 50%
}

.e-transform .wrapper-widget-container {
    transform: perspective(var(--e-transform-perspective, 0)) rotate(var(--e-transform-rotateZ, 0)) rotateX(var(--e-transform-rotateX, 0)) rotateY(var(--e-transform-rotateY, 0)) translate(var(--e-transform-translate, 0)) translateX(var(--e-transform-translateX, 0)) translateY(var(--e-transform-translateY, 0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX, 0)) skewY(var(--e-transform-skewY, 0));
    transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x)
}

.e-con.e-transform {
    transform: perspective(var(--e-con-transform-perspective, 0)) rotate(var(--e-con-transform-rotateZ, 0)) rotateX(var(--e-con-transform-rotateX, 0)) rotateY(var(--e-con-transform-rotateY, 0)) translate(var(--e-con-transform-translate, 0)) translateX(var(--e-con-transform-translateX, 0)) translateY(var(--e-con-transform-translateY, 0)) scaleX(calc(var(--e-con-transform-flipX, 1) * var(--e-con-transform-scaleX, var(--e-con-transform-scale, 1)))) scaleY(calc(var(--e-con-transform-flipY, 1) * var(--e-con-transform-scaleY, var(--e-con-transform-scale, 1)))) skewX(var(--e-con-transform-skewX, 0)) skewY(var(--e-con-transform-skewY, 0));
    transform-origin: var(--e-con-transform-origin-y) var(--e-con-transform-origin-x)
}

.wrapper-element,
.wrapper-lightbox {
    --swiper-theme-color: #000;
    --swiper-navigation-size: 44px;
    --swiper-pagination-bullet-size: 6px;
    --swiper-pagination-bullet-horizontal-gap: 6px
}

.wrapper-element .swiper .swiper-slide figure,
.wrapper-lightbox .swiper .swiper-slide figure {
    line-height: 0
}

.wrapper-element .swiper .wrapper-lightbox-content-source,
.wrapper-lightbox .swiper .wrapper-lightbox-content-source {
    display: none
}

.wrapper-element .swiper .wrapper-swiper-button,
.wrapper-lightbox .swiper .wrapper-swiper-button {
    position: absolute;
    display: inline-flex;
    z-index: 1;
    cursor: pointer;
    font-size: 25px;
    color: hsla(0, 0%, 93.3%, .9);
    top: 50%;
    transform: translateY(-50%)
}

.wrapper-element .swiper .wrapper-swiper-button svg,
.wrapper-lightbox .swiper .wrapper-swiper-button svg {
    fill: hsla(0, 0%, 93.3%, .9);
    height: 1em;
    width: 1em
}

.wrapper-element .swiper .wrapper-swiper-button-prev,
.wrapper-lightbox .swiper .wrapper-swiper-button-prev {
    left: 10px
}

.wrapper-element .swiper .wrapper-swiper-button-next,
.wrapper-lightbox .swiper .wrapper-swiper-button-next {
    right: 10px
}

.wrapper-element .swiper .wrapper-swiper-button.swiper-button-disabled,
.wrapper-lightbox .swiper .wrapper-swiper-button.swiper-button-disabled {
    opacity: .3
}

.wrapper-element .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image,
.wrapper-lightbox .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image {
    width: 100%
}

.wrapper-element .swiper .swiper-horizontal>.swiper-pagination-bullets,
.wrapper-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.wrapper-element .swiper .swiper-pagination-custom,
.wrapper-element .swiper .swiper-pagination-fraction,
.wrapper-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets,
.wrapper-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.wrapper-lightbox .swiper .swiper-pagination-custom,
.wrapper-lightbox .swiper .swiper-pagination-fraction {
    bottom: 5px
}

.wrapper-element .swiper.swiper-cube .wrapper-swiper-button,
.wrapper-lightbox .swiper.swiper-cube .wrapper-swiper-button {
    transform: translate3d(0, -50%, 1px)
}

.wrapper-element.wrapper-pagination-position-outside .swiper,
.wrapper-lightbox.wrapper-pagination-position-outside .swiper {
    padding-bottom: 30px
}

.wrapper-element.wrapper-pagination-position-outside .swiper .wrapper-swiper-button,
.wrapper-lightbox.wrapper-pagination-position-outside .swiper .wrapper-swiper-button {
    top: calc(50% - 30px / 2)
}

.wrapper-element .wrapper-swiper,
.wrapper-lightbox .wrapper-swiper {
    position: relative
}

.wrapper-element .wrapper-main-swiper,
.wrapper-lightbox .wrapper-main-swiper {
    position: static
}

.wrapper-element.wrapper-arrows-position-outside .swiper,
.wrapper-lightbox.wrapper-arrows-position-outside .swiper {
    width: calc(100% - 60px)
}

.wrapper-element.wrapper-arrows-position-outside .swiper .wrapper-swiper-button-prev,
.wrapper-lightbox.wrapper-arrows-position-outside .swiper .wrapper-swiper-button-prev {
    left: 0
}

.wrapper-element.wrapper-arrows-position-outside .swiper .wrapper-swiper-button-next,
.wrapper-lightbox.wrapper-arrows-position-outside .swiper .wrapper-swiper-button-next {
    right: 0
}

.wrapper-lightbox {
    --lightbox-ui-color: hsla(0, 0%, 93.3%, 0.9);
    --lightbox-ui-color-hover: #fff;
    --lightbox-text-color: var(--lightbox-ui-color);
    --lightbox-header-icons-size: 20px;
    --lightbox-navigation-icons-size: 25px
}

.wrapper-lightbox .dialog-header {
    display: none
}

.wrapper-lightbox .dialog-widget-content {
    background: none;
    box-shadow: none;
    width: 100%;
    height: 100%
}

.wrapper-lightbox .dialog-message {
    animation-duration: .3s
}

.wrapper-lightbox .dialog-message:not(.wrapper-fit-aspect-ratio) {
    height: 100%
}

.wrapper-lightbox .dialog-message.dialog-lightbox-message {
    padding: 0
}

.wrapper-lightbox .dialog-lightbox-close-button {
    cursor: pointer;
    position: absolute;
    font-size: var(--lightbox-header-icons-size);
    left: .75em;
    margin-top: 13px;
    padding: .25em;
    z-index: 2;
    line-height: 1;
    display: flex
}

.wrapper-lightbox .dialog-lightbox-close-button svg {
    height: 1em;
    width: 1em
}

.wrapper-lightbox .dialog-lightbox-close-button,
.wrapper-lightbox .wrapper-swiper-button {
    color: var(--lightbox-ui-color);
    transition: all .3s;
    opacity: 1
}

.wrapper-lightbox .dialog-lightbox-close-button svg,
.wrapper-lightbox .wrapper-swiper-button svg {
    fill: var(--lightbox-ui-color)
}

.wrapper-lightbox .dialog-lightbox-close-button:hover,
.wrapper-lightbox .wrapper-swiper-button:hover {
    color: var(--lightbox-ui-color-hover)
}

.wrapper-lightbox .dialog-lightbox-close-button:hover svg,
.wrapper-lightbox .wrapper-swiper-button:hover svg {
    fill: var(--lightbox-ui-color-hover)
}

.wrapper-lightbox .swiper,
.wrapper-lightbox .swiper-container {
    height: 100%
}

.wrapper-lightbox .wrapper-lightbox-item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 70px;
    box-sizing: border-box;
    height: 100%;
    margin: auto
}

@media (max-width:767px) {
    .wrapper-lightbox .wrapper-lightbox-item {
        padding: 70px 0
    }
}

.wrapper-lightbox .wrapper-lightbox-image {
    max-height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.wrapper-lightbox .wrapper-lightbox-image,
.wrapper-lightbox .wrapper-lightbox-image:hover {
    opacity: 1;
    filter: none;
    border: none
}

.wrapper-lightbox .wrapper-lightbox-image,
.wrapper-lightbox .wrapper-video-container {
    box-shadow: 0 0 30px rgba(0, 0, 0, .3), 0 0 8px -5px rgba(0, 0, 0, .3);
    border-radius: 2px
}

.wrapper-lightbox .wrapper-video-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (min-width:1025px) {
    .wrapper-lightbox .wrapper-video-container {
        width: 75%
    }
}

@media (max-width:1024px) {
    .wrapper-lightbox .wrapper-video-container {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .wrapper-lightbox .wrapper-aspect-ratio-916 .wrapper-video-container {
        width: 70%
    }
}

.wrapper-lightbox .swiper-container .wrapper-swiper-button-prev,
.wrapper-lightbox .swiper .wrapper-swiper-button-prev {
    left: 0
}

.wrapper-lightbox .swiper-container .wrapper-swiper-button-next,
.wrapper-lightbox .swiper .wrapper-swiper-button-next {
    right: 0
}

.wrapper-lightbox .swiper-container .swiper-pagination-fraction,
.wrapper-lightbox .swiper .swiper-pagination-fraction {
    width: -moz-max-content;
    width: max-content;
    color: #fff
}

.wrapper-lightbox .wrapper-swiper-button:focus {
    outline-width: 1px
}

.wrapper-lightbox .wrapper-swiper-button-next,
.wrapper-lightbox .wrapper-swiper-button-prev {
    height: 100%;
    display: flex;
    align-items: center;
    width: 15%;
    justify-content: center;
    font-size: var(--lightbox-navigation-icons-size)
}

@media (max-width:767px) {
    .wrapper-lightbox .wrapper-swiper-button:focus {
        outline: none
    }
    .wrapper-lightbox .wrapper-swiper-button-next,
    .wrapper-lightbox .wrapper-swiper-button-prev {
        width: 20%
    }
    .wrapper-lightbox .wrapper-swiper-button-next i,
    .wrapper-lightbox .wrapper-swiper-button-prev i {
        padding: 10px;
        background-color: rgba(0, 0, 0, .5)
    }
    .wrapper-lightbox .wrapper-swiper-button-prev {
        left: 0;
        justify-content: flex-start
    }
    .wrapper-lightbox .wrapper-swiper-button-next {
        right: 0;
        justify-content: flex-end
    }
}

.wrapper-slideshow__counter {
    color: currentColor;
    font-size: .75em;
    width: -moz-max-content;
    width: max-content
}

.wrapper-slideshow__footer,
.wrapper-slideshow__header {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 15px 20px;
    transition: .3s
}

.wrapper-slideshow__footer {
    color: var(--lightbox-text-color)
}

.wrapper-slideshow__header {
    color: var(--lightbox-ui-color);
    display: flex;
    flex-direction: row-reverse;
    font-size: var(--lightbox-header-icons-size);
    padding-right: 1em;
    padding-left: 2.6em;
    top: 0;
    align-items: center;
    z-index: 10
}

.wrapper-slideshow__header>i,
.wrapper-slideshow__header>svg {
    cursor: pointer;
    padding: .25em;
    margin: 0 .35em
}

.wrapper-slideshow__header>i {
    font-size: inherit
}

.wrapper-slideshow__header>i:hover {
    color: var(--lightbox-ui-color-hover)
}

.wrapper-slideshow__header>svg {
    box-sizing: content-box;
    fill: var(--lightbox-ui-color);
    height: 1em;
    width: 1em
}

.wrapper-slideshow__header>svg:hover {
    fill: var(--lightbox-ui-color-hover)
}

.wrapper-slideshow__header .wrapper-slideshow__counter {
    margin-left: auto
}

.wrapper-slideshow__header .wrapper-icon-share {
    z-index: 5
}

.wrapper-slideshow__share-menu {
    background-color: transparent;
    width: 0;
    height: 0;
    position: absolute;
    overflow: hidden;
    transition: background-color .4s
}

.wrapper-slideshow__share-menu .wrapper-slideshow__share-links a {
    color: #0c0d0e
}

.wrapper-slideshow__share-links {
    display: block;
    position: absolute;
    min-width: 200px;
    left: 2.8em;
    top: 3em;
    background-color: #fff;
    border-radius: 3px;
    padding: 14px 20px;
    transform: scale(0);
    opacity: 0;
    transform-origin: 90% 10%;
    transition: all .25s .1s;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .3)
}

.wrapper-slideshow__share-links a {
    text-align: right;
    color: #3a3f45;
    font-size: 12px;
    line-height: 2.5;
    display: block;
    opacity: 0;
    transition: opacity .5s .1s
}

.wrapper-slideshow__share-links a:hover {
    color: #000
}

.wrapper-slideshow__share-links a i,
.wrapper-slideshow__share-links a svg {
    margin-left: .75em
}

.wrapper-slideshow__share-links a i {
    font-size: 1.25em
}

.wrapper-slideshow__share-links a svg {
    height: 1.25em;
    width: 1.25em
}

.wrapper-slideshow__share-links:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: .5em;
    border: .45em solid transparent;
    border-bottom-color: #fff;
    transform: translateY(-100%) scaleX(.7)
}

.wrapper-slideshow__footer {
    bottom: 0;
    z-index: 5;
    position: fixed
}

.wrapper-slideshow__description,
.wrapper-slideshow__title {
    margin: 0
}

.wrapper-slideshow__title {
    font-size: 16px;
    font-weight: 700
}

.wrapper-slideshow__description {
    font-size: 14px
}

.wrapper-slideshow--ui-hidden .wrapper-slideshow__footer,
.wrapper-slideshow--ui-hidden .wrapper-slideshow__header {
    opacity: 0;
    pointer-events: none
}

.wrapper-slideshow--ui-hidden .wrapper-swiper-button-next,
.wrapper-slideshow--ui-hidden .wrapper-swiper-button-prev {
    opacity: 0
}

.wrapper-slideshow--fullscreen-mode .wrapper-video-container {
    width: 100%
}

.wrapper-slideshow--zoom-mode .wrapper-slideshow__footer,
.wrapper-slideshow--zoom-mode .wrapper-slideshow__header {
    background-color: rgba(0, 0, 0, .5)
}

.wrapper-slideshow--zoom-mode .wrapper-swiper-button-next,
.wrapper-slideshow--zoom-mode .wrapper-swiper-button-prev {
    opacity: 0;
    pointer-events: none
}

.wrapper-slideshow--share-mode .wrapper-slideshow__share-menu {
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 1;
    cursor: default;
    background-color: rgba(0, 0, 0, .5)
}

.wrapper-slideshow--share-mode .wrapper-slideshow__share-links {
    transform: scale(1)
}

.wrapper-slideshow--share-mode .wrapper-slideshow__share-links,
.wrapper-slideshow--share-mode .wrapper-slideshow__share-links a {
    opacity: 1
}

.wrapper-slideshow--share-mode .wrapper-slideshow__share-links .eicon-twitter {
    color: #1da1f2
}

.wrapper-slideshow--share-mode .wrapper-slideshow__share-links .eicon-facebook {
    color: #3b5998
}

.wrapper-slideshow--share-mode .wrapper-slideshow__share-links .eicon-pinterest {
    color: #bd081c
}

.wrapper-slideshow--share-mode .wrapper-slideshow__share-links .eicon-download-bold {
    color: #9da5ae
}

.wrapper-slideshow--share-mode .wrapper-slideshow__share-links .e-eicon-twitter {
    fill: #1da1f2
}

.wrapper-slideshow--share-mode .wrapper-slideshow__share-links .e-eicon-facebook {
    fill: #3b5998
}

.wrapper-slideshow--share-mode .wrapper-slideshow__share-links .e-eicon-pinterest {
    fill: #bd081c
}

.wrapper-slideshow--share-mode .wrapper-slideshow__share-links .e-eicon-download-bold {
    fill: #9da5ae
}

.wrapper-slideshow--share-mode .eicon-share-arrow {
    z-index: 2
}

.animated {
    animation-duration: 1.25s
}

.animated.animated-slow {
    animation-duration: 2s
}

.animated.animated-fast {
    animation-duration: .75s
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.reverse {
    animation-direction: reverse;
    animation-fill-mode: forwards
}

@media (prefers-reduced-motion:reduce) {
    .animated {
        animation: none
    }
}

.wrapper-shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr
}

.wrapper-shape-top {
    top: -1px
}

.wrapper-shape-top:not([data-negative=false]) svg {
    z-index: -1
}

.wrapper-shape-bottom {
    bottom: -1px
}

.wrapper-shape-bottom:not([data-negative=true]) svg {
    z-index: -1
}

.wrapper-shape[data-negative=false].wrapper-shape-bottom,
.wrapper-shape[data-negative=true].wrapper-shape-top {
    transform: rotate(180deg)
}

.wrapper-shape svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.wrapper-shape .wrapper-shape-fill {
    fill: #fff;
    transform-origin: center;
    transform: rotateY(0deg)
}

#lara-admin-bar-wrapper_edit_page>.ab-item:before {
    content: "\e813";
    font-family: eicons;
    top: 3px;
    font-size: 18px
}

#lara-admin-bar-wrapper_edit_page .ab-submenu .ab-item {
    display: flex;
    width: 200px
}

#lara-admin-bar-wrapper_edit_page .wrapper-edit-link-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

#lara-admin-bar-wrapper_edit_page .wrapper-edit-link-type {
    background: #3a3f45;
    font-size: 11px;
    line-height: 9px;
    margin-top: 6px;
    padding: 4px 8px;
    border-radius: 3px
}

#lara-admin-bar-wrapper_inspector>.ab-item:before {
    content: "\f348";
    top: 2px
}

#wpadminbar * {
    font-style: normal
}

.page-template-wrapper_canvas.wrapper-page:before {
    display: none
}

.wrapper-post__thumbnail__link {
    transition: none
}

#left-area ul.wrapper-icon-list-items,
.wrapper-edit-area .wrapper-element ul.wrapper-icon-list-items,
.wrapper .wrapper-element ul.wrapper-icon-list-items {
    padding: 0
}

.e--ua-appleWebkit.rtl {
    --flex-right: flex-start
}

.e--ua-appleWebkit .wrapper-share-buttons--align-right,
.e--ua-appleWebkit .wrapper-widget-social-icons.e-grid-align-right {
    --justify-content: var(--flex-right, flex-end)
}

.e--ua-appleWebkit .wrapper-share-buttons--align-center,
.e--ua-appleWebkit .wrapper-widget-social-icons.e-grid-align-center {
    --justify-content: center
}

.e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-center .wrapper-grid,
.e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-justify .wrapper-grid,
.e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-right .wrapper-grid,
.e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-center .wrapper-grid,
.e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-right .wrapper-grid {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--justify-content, space-between);
    margin-left: calc(-.5 * var(--grid-column-gap));
    margin-right: calc(-.5 * var(--grid-column-gap))
}

.e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-center .wrapper-grid-item,
.e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-justify .wrapper-grid-item,
.e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-right .wrapper-grid-item,
.e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-center .wrapper-grid-item,
.e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-right .wrapper-grid-item {
    margin-left: calc(.5 * var(--grid-column-gap));
    margin-right: calc(.5 * var(--grid-column-gap))
}

.e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-left .wrapper-grid,
.e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-left .wrapper-grid {
    display: inline-block
}

.e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-left .wrapper-grid,
.e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-left .wrapper-grid-item,
.e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-left .wrapper-grid,
.e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-left .wrapper-grid-item {
    margin-left: 0;
    margin-right: 0
}

@media (max-width:1024px) {
    .e--ua-appleWebkit .wrapper-share-buttons-tablet--align-right,
    .e--ua-appleWebkit .wrapper-widget-social-icons.e-grid-align-tablet-right {
        --justify-content: var(--flex-right, flex-end)
    }
    .e--ua-appleWebkit .wrapper-share-buttons-tablet--align-center,
    .e--ua-appleWebkit .wrapper-widget-social-icons.e-grid-align-tablet-center {
        --justify-content: center
    }
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-tablet-center .wrapper-grid,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-tablet-justify .wrapper-grid,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-tablet-right .wrapper-grid,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-tablet-center .wrapper-grid,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-tablet-right .wrapper-grid {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: var(--justify-content, space-between);
        margin-left: calc(-.5 * var(--grid-column-gap));
        margin-right: calc(-.5 * var(--grid-column-gap))
    }
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-tablet-center .wrapper-grid-item,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-tablet-justify .wrapper-grid-item,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-tablet-right .wrapper-grid-item,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-tablet-center .wrapper-grid-item,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-tablet-right .wrapper-grid-item {
        margin-left: calc(.5 * var(--grid-column-gap));
        margin-right: calc(.5 * var(--grid-column-gap))
    }
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons-tablet--align-left .wrapper-grid,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-tablet-left .wrapper-grid {
        display: inline-block
    }
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons-tablet--align-left .wrapper-grid,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons-tablet--align-left .wrapper-grid-item,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-tablet-left .wrapper-grid,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-tablet-left .wrapper-grid-item {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width:767px) {
    .e--ua-appleWebkit .wrapper-share-buttons-mobile--align-right,
    .e--ua-appleWebkit .wrapper-widget-social-icons.e-grid-align-mobile-right {
        --justify-content: var(--flex-right, flex-end)
    }
    .e--ua-appleWebkit .wrapper-share-buttons-mobile--align-center,
    .e--ua-appleWebkit .wrapper-widget-social-icons.e-grid-align-mobile-center {
        --justify-content: center
    }
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-mobile-center .wrapper-grid,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-mobile-justify .wrapper-grid,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-mobile-right .wrapper-grid,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-mobile-center .wrapper-grid,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-mobile-right .wrapper-grid {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: var(--justify-content, space-between);
        margin-left: calc(-.5 * var(--grid-column-gap));
        margin-right: calc(-.5 * var(--grid-column-gap))
    }
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-mobile-center .wrapper-grid-item,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-mobile-justify .wrapper-grid-item,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons--align-mobile-right .wrapper-grid-item,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-mobile-center .wrapper-grid-item,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-mobile-right .wrapper-grid-item {
        margin-left: calc(.5 * var(--grid-column-gap));
        margin-right: calc(.5 * var(--grid-column-gap))
    }
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons-mobile--align-left .wrapper-grid,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-mobile-left .wrapper-grid {
        display: inline-block
    }
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons-mobile--align-left .wrapper-grid,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-share-buttons-mobile--align-left .wrapper-grid-item,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-mobile-left .wrapper-grid,
    .e--ua-appleWebkit .wrapper-grid-0.wrapper-widget-social-icons.e-grid-align-mobile-left .wrapper-grid-item {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width:767px) {
    .wrapper .wrapper-hidden-mobile,
    .wrapper .wrapper-hidden-phone {
        display: none
    }
}

@media (min-width:-1) and (max-width:-1) {
    .wrapper .wrapper-hidden-mobile_extra {
        display: none
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .wrapper .wrapper-hidden-tablet {
        display: none
    }
}

@media (min-width:-1) and (max-width:-1) {
    .wrapper .wrapper-hidden-laptop,
    .wrapper .wrapper-hidden-tablet_extra {
        display: none
    }
}

@media (min-width:1025px) and (max-width:99999px) {
    .wrapper .wrapper-hidden-desktop {
        display: none
    }
}

@media (min-width:-1) {
    .wrapper .wrapper-hidden-widescreen {
        display: none
    }
}

.wrapper-widget-text-path {
    font-size: 20px;
    text-align: var(--alignment, right)
}

.wrapper-widget-text-path svg {
    width: var(--width);
    max-width: 100%;
    height: auto;
    overflow: visible;
    word-spacing: var(--word-spacing);
    transform: rotate(var(--rotate, 0)) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1))
}

.wrapper-widget-text-path svg path {
    vector-effect: non-scaling-stroke;
    fill: var(--path-fill, transparent);
    stroke: var(--stroke-color, transparent);
    stroke-width: var(--stroke-width, 1px);
    transition: var(--stroke-transition) stroke, var(--stroke-transition) fill
}

.wrapper-widget-text-path svg:hover path {
    --path-fill: var(--path-fill-hover);
    --stroke-color: var(--stroke-color-hover);
    --stroke-width: var(--stroke-width-hover)
}

.wrapper-widget-text-path svg text {
    --fill: var(--text-color);
    fill: var(--fill);
    direction: var(--direction, rtl);
    transition: var(--transition) stroke, var(--transition) stroke-width, var(--transition) fill
}

.wrapper-widget-text-path svg text:hover {
    --color: var(--text-color-hover, var(--text-color));
    --fill: var(--color);
    color: var(--color)
}

.wrapper-widget-n-tabs {
    --n-tabs-color-accent-fallback: #61ce70;
    --n-tabs-color-secondary-fallback: #54595f;
    --n-tabs-default-padding-block: 15px;
    --n-tabs-default-padding-inline: 35px;
    --n-tabs-background-color: transparent;
    --n-tabs-display: flex;
    --n-tabs-direction: column;
    --n-tabs-gap: 10px;
    --n-tabs-heading-display: flex;
    --n-tabs-heading-direction: row;
    --n-tabs-heading-grow: initial;
    --n-tabs-heading-justify-content: center;
    --n-tabs-heading-width: initial;
    --n-tabs-border-width: 1px;
    --n-tabs-border-color: #d5d8dc;
    --n-tabs-content-padding: initial;
    --n-tabs-content-border-radius: initial;
    --n-tabs-title-color: var(--e-global-color-secondary, var(--n-tabs-color-secondary-fallback));
    --n-tabs-title-color-hover: #fff;
    --n-tabs-title-color-active: #fff;
    --n-tabs-title-background-color: #f1f2f3;
    --n-tabs-title-background-color-hover: var(--e-global-color-accent, var(--n-tabs-color-accent-fallback));
    --n-tabs-title-background-color-active: var(--e-global-color-accent, var(--n-tabs-color-accent-fallback));
    --n-tabs-title-width: initial;
    --n-tabs-title-height: initial;
    --n-tabs-title-font-size: 1rem;
    --n-tabs-title-justify-content-toggle: initial;
    --n-tabs-title-align-items-toggle: center;
    --n-tabs-title-justify-content: center;
    --n-tabs-title-align-items: center;
    --n-tabs-title-direction: row;
    --n-tabs-title-gap: 10px;
    --n-tabs-title-padding-top: var(--n-tabs-default-padding-block);
    --n-tabs-title-padding-right: var(--n-tabs-default-padding-inline);
    --n-tabs-title-padding-bottom: var(--n-tabs-default-padding-block);
    --n-tabs-title-padding-left: var(--n-tabs-default-padding-inline);
    --n-tabs-title-border-radius: initial;
    --n-tabs-title-transition: 0.3s;
    --n-tabs-icon-color: var(--e-global-color-secondary, var(--n-tabs-color-secondary-fallback));
    --n-tabs-icon-color-hover: var(--n-tabs-title-color-hover);
    --n-tabs-icon-color-active: #fff;
    --n-tabs-icon-gap: 5px;
    width: 100%;
    max-width: 100%
}

.wrapper-widget-n-tabs .e-n-tabs {
    display: var(--n-tabs-display);
    flex-direction: var(--n-tabs-direction);
    gap: var(--n-tabs-gap);
    text-align: right
}

.wrapper-widget-n-tabs .e-n-tabs-heading {
    display: var(--n-tabs-heading-display);
    flex-basis: var(--n-tabs-heading-width);
    flex-direction: var(--n-tabs-heading-direction);
    flex-shrink: 0;
    justify-content: var(--n-tabs-heading-justify-content);
    gap: var(--n-tabs-title-gap)
}

.wrapper-widget-n-tabs .e-n-tabs-content {
    flex-grow: 1;
    padding: var(--n-tabs-content-padding);
    border-radius: var(--n-tabs-content-border-radius)
}

.wrapper-widget-n-tabs .e-n-tab-title {
    display: flex;
    align-items: var(--n-tabs-title-align-items-toggle, var(--n-tabs-title-align-items));
    flex-direction: var(--n-tabs-title-direction);
    justify-content: var(--n-tabs-title-justify-content-toggle, var(--n-tabs-title-justify-content));
    gap: var(--n-tabs-icon-gap);
    border-width: var(--n-tabs-border-width);
    position: relative;
    cursor: pointer;
    outline: none;
    padding: var(--n-tabs-title-padding-top) var(--n-tabs-title-padding-right) var(--n-tabs-title-padding-bottom) var(--n-tabs-title-padding-left);
    border-radius: var(--n-tabs-title-border-radius);
    height: var(--n-tabs-title-height);
    width: var(--n-tabs-title-width);
    transition: background var(--n-tabs-title-transition), color var(--n-tabs-title-transition), border var(--n-tabs-title-transition), box-shadow var(--n-tabs-title-transition), text-shadow var(--n-tabs-title-transition), stroke var(--n-tabs-title-transition), stroke-width var(--n-tabs-title-transition), -webkit-text-stroke-width var(--n-tabs-title-transition), -webkit-text-stroke-color var(--n-tabs-title-transition), transform var(--n-tabs-title-transition)
}

.wrapper-widget-n-tabs .e-n-tab-title span i,
.wrapper-widget-n-tabs .e-n-tab-title span svg {
    transition: color var(--n-tabs-title-transition), fill var(--n-tabs-title-transition)
}

.wrapper-widget-n-tabs .e-n-tab-title-text {
    display: flex;
    align-items: center;
    font-size: var(--n-tabs-title-font-size)
}

.wrapper-widget-n-tabs .e-n-tab-title .e-n-tab-icon {
    display: flex;
    align-items: center;
    flex-direction: column;
    order: var(--n-tabs-icon-order);
    overflow: hidden
}

.wrapper-widget-n-tabs .e-n-tab-title .e-n-tab-icon i {
    font-size: var(--n-tabs-icon-size, var(--n-tabs-title-font-size))
}

.wrapper-widget-n-tabs .e-n-tab-title .e-n-tab-icon svg {
    width: var(--n-tabs-icon-size, var(--n-tabs-title-font-size));
    height: var(--n-tabs-icon-size, var(--n-tabs-title-font-size))
}

.wrapper-widget-n-tabs .e-n-tab-title .e-n-tab-icon:empty {
    display: none
}

.wrapper-widget-n-tabs .e-n-tab-title:not(.e-active) {
    background-color: var(--n-tabs-title-background-color)
}

.wrapper-widget-n-tabs .e-n-tab-title:not(.e-active),
.wrapper-widget-n-tabs .e-n-tab-title:not(.e-active) a {
    color: var(--n-tabs-title-color)
}

.wrapper-widget-n-tabs .e-n-tab-title:not(.e-active) .e-n-tab-icon i {
    color: var(--n-tabs-icon-color)
}

.wrapper-widget-n-tabs .e-n-tab-title:not(.e-active) .e-n-tab-icon svg {
    fill: var(--n-tabs-icon-color)
}

.wrapper-widget-n-tabs .e-n-tab-title:not(.e-active) .e-n-tab-icon i:last-child,
.wrapper-widget-n-tabs .e-n-tab-title:not(.e-active) .e-n-tab-icon svg:last-child {
    transform: translateY(-100vh);
    height: 0;
    opacity: 0
}

.wrapper-widget-n-tabs .e-n-tab-title:not(.e-active).e-normal:hover,
.wrapper-widget-n-tabs .e-n-tab-title:not(.e-active).e-normal:hover a {
    color: var(--n-tabs-title-color-hover)
}

.wrapper-widget-n-tabs .e-n-tab-title:not(.e-active).e-normal:hover .e-n-tab-icon i {
    color: var(--n-tabs-icon-color-hover)
}

.wrapper-widget-n-tabs .e-n-tab-title:not(.e-active).e-normal:hover .e-n-tab-icon svg {
    fill: var(--n-tabs-icon-color-hover)
}

.wrapper-widget-n-tabs .e-n-tab-title.e-active,
.wrapper-widget-n-tabs .e-n-tab-title.e-active a {
    color: var(--n-tabs-title-color-active)
}

.wrapper-widget-n-tabs .e-n-tab-title.e-active .e-n-tab-icon i {
    color: var(--n-tabs-icon-color-active)
}

.wrapper-widget-n-tabs .e-n-tab-title.e-active .e-n-tab-icon svg {
    fill: var(--n-tabs-icon-color-active)
}

.wrapper-widget-n-tabs .e-n-tab-title.e-active .e-n-tab-icon i:first-child,
.wrapper-widget-n-tabs .e-n-tab-title.e-active .e-n-tab-icon svg:first-child {
    transform: translateY(-100vh);
    height: 0;
    opacity: 0
}

.wrapper-widget-n-tabs .e-n-tab-title.e-active[wrapper*=wrapper-animation-]:active,
.wrapper-widget-n-tabs .e-n-tab-title.e-active[wrapper*=wrapper-animation-]:focus,
.wrapper-widget-n-tabs .e-n-tab-title.e-active[wrapper*=wrapper-animation-]:hover {
    transform: none;
    animation: initial
}

.wrapper-widget-n-tabs .e-n-tabs-content .e-collapse {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.wrapper-widget-n-tabs .e-n-tabs-content .e-collapse:not(:first-child) {
    margin-top: var(--n-tabs-title-gap)
}

.wrapper-widget-n-tabs .e-n-tabs-content .e-collapse.e-active {
    margin-bottom: var(--n-tabs-gap)
}

.wrapper-widget-n-tabs .e-n-tabs-content>.e-con:not(.e-active) {
    display: none
}

:is(.wrapper .wrapper-element.wrapper-widget-n-tabs>.wrapper-widget-container>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title, .wrapper .wrapper-element.wrapper-widget-n-tabs>.wrapper-widget-container>.e-n-tabs>.e-n-tabs-content .e-n-tab-title).e-normal:hover {
    background-color: var(--n-tabs-title-background-color-hover);
    background-image: none
}

:is(.wrapper .wrapper-element.wrapper-widget-n-tabs>.wrapper-widget-container>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title, .wrapper .wrapper-element.wrapper-widget-n-tabs>.wrapper-widget-container>.e-n-tabs>.e-n-tabs-content .e-n-tab-title).e-active {
    background-color: var(--n-tabs-title-background-color-active);
    background-image: none
}

@media (min-width:768px) {
    .e-n-tabs-mobile>.wrapper-widget-container>.e-n-tabs>.e-n-tabs-content>.e-collapse {
        display: none
    }
}

@media (max-width:767px) {
    .e-n-tabs-mobile>.wrapper-widget-container>.e-n-tabs>.e-n-tabs-heading {
        display: none
    }
}

@media (min-width:-1) {
    .e-n-tabs-mobile_extra>.wrapper-widget-container>.e-n-tabs>.e-n-tabs-content>.e-collapse {
        display: none
    }
}

@media (max-width:-1) {
    .e-n-tabs-mobile_extra>.wrapper-widget-container>.e-n-tabs>.e-n-tabs-heading {
        display: none
    }
}

@media (min-width:1025px) {
    .e-n-tabs-tablet>.wrapper-widget-container>.e-n-tabs>.e-n-tabs-content>.e-collapse {
        display: none
    }
}

@media (max-width:1024px) {
    .e-n-tabs-tablet>.wrapper-widget-container>.e-n-tabs>.e-n-tabs-heading {
        display: none
    }
}

@media (min-width:-1) {
    .e-n-tabs-tablet_extra>.wrapper-widget-container>.e-n-tabs>.e-n-tabs-content>.e-collapse {
        display: none
    }
}

@media (max-width:-1) {
    .e-n-tabs-tablet_extra>.wrapper-widget-container>.e-n-tabs>.e-n-tabs-heading {
        display: none
    }
}

@media (min-width:1025px) {
    .e-n-tabs-laptop>.wrapper-widget-container>.e-n-tabs>.e-n-tabs-content>.e-collapse {
        display: none
    }
}

@media (max-width:-1) {
    .e-n-tabs-laptop>.wrapper-widget-container>.e-n-tabs>.e-n-tabs-heading {
        display: none
    }
}


.wrapper-element {
    --widgets-spacing: 20px;
}

 .wrapper-widget-wrap {
    align-content: center;
    align-items: center;
}
 .owl-carousel {
    -webkit-tap-highlight-color: transparent;
    display: none;
    position: relative;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    -moz-backface-visibility: hidden;
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation
}

.owl-carousel .owl-stage:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.owl-carousel .owl-stage-outer {
    overflow: hidden;
    position: relative;
    -webkit-transform: translateZ(0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0)
}

.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-backface-visibility: hidden;
    float: left;
    min-height: 1px;
    position: relative
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: none;
    border: none;
    color: inherit;
    font: inherit;
    padding: 0 !important
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    display: block;
    opacity: 0
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

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

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    background: #000;
    height: 100%;
    position: relative
}

.owl-carousel .owl-video-play-icon {
    -webkit-backface-visibility: hidden;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    height: 80px;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    position: absolute;
    top: 50%;
    transition: transform .1s ease;
    width: 80px;
    z-index: 1
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.jt-backdrop {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999998
}

.jt-backdrop.jt-black-backdrop {
    background: rgba(0, 0, 0, .5)
}

.jt-backdrop.jt-white-backdrop {
    background: hsla(0, 0%, 100%, .5)
}

.jt-blurred-body>:not(.jtippy) {
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.jtippy {
    background: #444;
    border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    z-index: 999999
}

.jt-centered {
    left: 50%;
    position: fixed;
    top: 50%
}

.jt-title {
    color: #fff;
    font-size: 1em;
    font-weight: 800;
    line-height: 1.6em;
    margin: 5px 20px 5px 10px;
    text-align: center
}

.jt-arrow {
    border: 15px solid hsla(0, 0%, 91%, 0);
    content: " ";
    height: 0;
    margin-left: -15px;
    pointer-events: none;
    position: absolute;
    width: 0
}

.jt-arrow-top {
    border-bottom-color: #444;
    bottom: 100%;
    left: 50%;
    right: auto;
    top: auto
}

.jt-arrow-bottom {
    border-top-color: #444;
    bottom: auto;
    left: 50%;
    right: auto;
    top: 100%
}

.jt-arrow-left {
    border-right-color: #444;
    border-width: 15px;
    left: -14px;
    right: auto
}

.jt-arrow-left,
.jt-arrow-right {
    bottom: auto;
    margin-top: -15px;
    top: 50%
}

.jt-arrow-right {
    border-left-color: #444;
    border-width: 15px;
    left: auto;
    right: -29px
}

.jt-arrow-hug-left {
    left: 30px;
    right: auto
}

.jt-arrow-hug-right {
    left: auto;
    right: 30px
}

.jt-arrow-hug-left.jt-arrow-super-hug {
    left: 15px;
    right: auto
}

.jt-arrow-hug-right.jt-arrow-super-hug {
    left: auto;
    right: 1px
}

.jt-arrow-top.jt-arrow-hug-left.jt-arrow-super-hug,
.jt-arrow-top.jt-arrow-hug-right.jt-arrow-super-hug {
    top: -30px
}

.jt-arrow-bottom.jt-arrow-hug-left.jt-arrow-super-hug,
.jt-arrow-bottom.jt-arrow-hug-right.jt-arrow-super-hug {
    bottom: -30px;
    top: auto
}

.jt-tiny .jt-arrow-hug-left.jt-arrow-super-hug,
.jt-tiny .jt-arrow-hug-right.jt-arrow-super-hug {
    bottom: -21px
}

.jt-black-theme .jt-arrow-top.jt-arrow-hug-left.jt-arrow-super-hug,
.jt-black-theme .jt-arrow-top.jt-arrow-hug-right.jt-arrow-super-hug {
    top: -27px
}

.jt-black-theme .jt-arrow-bottom.jt-arrow-hug-left.jt-arrow-super-hug,
.jt-black-theme .jt-arrow-bottom.jt-arrow-hug-right.jt-arrow-super-hug {
    bottom: -28px
}

.jt-white-theme {
    background: #fff;
    border: 2px solid #e4e4e4
}

.jt-white-theme .jt-title {
    color: #333
}

.jt-white-theme .jt-arrow-top {
    border-bottom-color: #e4e4e4
}

.jt-white-theme .jt-arrow-bottom {
    border-top-color: #e4e4e4
}

.jt-white-theme .jt-arrow-left {
    border-right-color: #e4e4e4
}

.jt-white-theme .jt-arrow-right {
    border-left-color: #e4e4e4
}

.jt-lt-gray-theme {
    background: #f3f3f3;
    border: 2px solid #e4e4e4
}

.jt-lt-gray-theme .jt-title {
    color: #212529
}

.jt-lt-gray-theme .jt-arrow-top {
    border-bottom-color: #e4e4e4
}

.jt-lt-gray-theme .jt-arrow-bottom {
    border-top-color: #e4e4e4
}

.jt-lt-gray-theme .jt-arrow-left {
    border-right-color: #e4e4e4
}

.jt-lt-gray-theme .jt-arrow-right {
    border-left-color: #e4e4e4
}

.jt-green-theme {
    background: #3dae4e;
    border: 2px solid #3dae4e
}

.jt-green-theme .jt-title {
    color: #fff
}

.jt-green-theme .jt-arrow-top {
    border-bottom-color: #3dae4e
}

.jt-green-theme .jt-arrow-bottom {
    border-top-color: #3dae4e
}

.jt-green-theme .jt-arrow-left {
    border-right-color: #3dae4e
}

.jt-green-theme .jt-arrow-right {
    border-left-color: #3dae4e
}

.jt-red-theme {
    background: #dc3545;
    border: 2px solid #dc3545
}

.jt-red-theme .jt-title {
    color: #fff
}

.jt-red-theme .jt-arrow-top {
    border-bottom-color: #dc3545
}

.jt-red-theme .jt-arrow-bottom {
    border-top-color: #dc3545
}

.jt-red-theme .jt-arrow-left {
    border-right-color: #dc3545
}

.jt-red-theme .jt-arrow-right {
    border-left-color: #dc3545
}

.jt-blue-theme {
    background: #008fe4;
    border: 2px solid #008fe4
}

.jt-blue-theme .jt-title {
    color: #fff
}

.jt-blue-theme .jt-arrow-top {
    border-bottom-color: #008fe4
}

.jt-blue-theme .jt-arrow-bottom {
    border-top-color: #008fe4
}

.jt-blue-theme .jt-arrow-left {
    border-right-color: #008fe4
}

.jt-blue-theme .jt-arrow-right {
    border-left-color: #008fe4
}

.jt-large {
    font-size: 18px
}

.jt-medium {
    font-size: 14px
}

.jt-small {
    font-size: 12px;
    padding: 5px
}

.jt-small .jt-title {
    line-height: 1.9em;
    margin: 2px 8px
}

.jt-tiny {
    font-size: 10px;
    padding: 2px 5px
}

.jt-tiny .jt-title {
    margin: 4px 7px
}

.jt-tiny .jt-button {
    margin: 0 3px
}

.jt-tiny .jt-arrow {
    border-width: 10px;
    margin-left: -10px
}

.jt-tiny .jt-arrow-left {
    left: -10px;
    margin-top: -10px
}

.jt-tiny .jt-arrow-right {
    margin-top: -10px;
    right: -20px
}

.jt-tiny .jt-arrow-bottom.jt-arrow-hug-left.jt-arrow-super-hug,
.jt-tiny .jt-arrow-top.jt-arrow-hug-left.jt-arrow-super-hug {
    left: 11px
}

.jt-tiny .jt-arrow-bottom.jt-arrow-hug-right.jt-arrow-super-hug,
.jt-tiny .jt-arrow-top.jt-arrow-hug-right.jt-arrow-super-hug {
    right: 1px
}

.jt-tiny.jt-white-theme .jt-arrow-top.jt-arrow-hug-left.jt-arrow-super-hug,
.jt-tiny.jt-white-theme .jt-arrow-top.jt-arrow-hug-right.jt-arrow-super-hug {
    top: -18px
}

.jt-tiny.jt-white-theme .jt-arrow-bottom.jt-arrow-hug-left.jt-arrow-super-hug,
.jt-tiny.jt-white-theme .jt-arrow-bottom.jt-arrow-hug-right.jt-arrow-super-hug {
    bottom: -21px
}

.jt-tiny.jt-black-theme .jt-arrow-bottom.jt-arrow-hug-left.jt-arrow-super-hug,
.jt-tiny.jt-black-theme .jt-arrow-bottom.jt-arrow-hug-right.jt-arrow-super-hug {
    bottom: -18px
}

@keyframes zuckSlideTime {
    0% {
        max-width: 0
    }
    to {
        max-width: 100%
    }
}

@keyframes zuckLoading {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

#zuck-modal {
    background: rgba(0, 0, 0, .75);
    font-family: inherit;
    font-size: 14px;
    height: 100%;
    left: 0;
    outline: 0 !important;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 100000
}

#zuck-modal-content,
#zuck-modal-content .story-viewer,
#zuck-modal-content .story-viewer>.slides,
#zuck-modal-content .story-viewer>.slides>* {
    bottom: 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100vw
}

#zuck-modal * {
    outline: 0;
    user-select: none
}

#zuck-modal.with-effects {
    transform: scale(.01);
    transform-origin: top left;
    transition: .25s
}

#zuck-modal.with-effects.animated {
    border-radius: 0;
    margin-left: 0 !important;
    margin-top: 0 !important;
    transform: scale(1)
}

#zuck-modal.with-effects.closed {
    transform: translateY(100%)
}

#zuck-modal .slider {
    left: -100vw;
    width: 300vw
}

#zuck-modal .slider,
#zuck-modal .slider>* {
    bottom: 0;
    height: 100%;
    position: absolute;
    top: 0
}

#zuck-modal .slider>* {
    width: 100vw
}

#zuck-modal .slider>.previous {
    left: 0
}

#zuck-modal .slider>.viewing {
    left: 100vw
}

#zuck-modal .slider>.next {
    left: 200vw
}

#zuck-modal .slider.animated {
    -webkit-transition: -webkit-transform .25s linear;
    transition: -webkit-transform .25s linear;
    transition: transform .25s linear;
    transition: transform .25s linear, -webkit-transform .25s linear
}

#zuck-modal.with-cube #zuck-modal-content {
    overflow: visible;
    perspective: 1000vw;
    perspective-origin: 50% 50%;
    transform: scale(.95);
    transition: .3s
}

#zuck-modal.with-cube .slider {
    transform: rotateY(0deg);
    transform-style: preserve-3d
}

#zuck-modal.with-cube .slider>.previous {
    backface-visibility: hidden;
    left: 100vw;
    transform: rotateY(270deg) translateX(-50%);
    transform-origin: center left
}

#zuck-modal.with-cube .slider>.viewing {
    backface-visibility: hidden;
    left: 100vw;
    transform: translateZ(50vw)
}

#zuck-modal.with-cube .slider>.next {
    backface-visibility: hidden;
    left: 100vw;
    transform: rotateY(-270deg) translateX(50%);
    transform-origin: top right
}

#zuck-modal-content .story-viewer.paused.longPress .head,
#zuck-modal-content .story-viewer.paused.longPress .slides-pointers,
#zuck-modal-content .story-viewer.paused.longPress .tip {
    opacity: 0
}

#zuck-modal-content .story-viewer.viewing:not(.paused):not(.stopped) .slides-pointers>*>.active>b {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

#zuck-modal-content .story-viewer.next {
    z-index: 10
}

#zuck-modal-content .story-viewer.viewing {
    z-index: 5
}

#zuck-modal-content .story-viewer.previous {
    z-index: 0
}

#zuck-modal-content .story-viewer.loading .head .loading,
#zuck-modal-content .story-viewer.muted .tip.muted {
    display: block
}

#zuck-modal-content .story-viewer.loading .head .right .close,
#zuck-modal-content .story-viewer.loading .head .right .time {
    display: none
}

#zuck-modal-content .story-viewer .slides-pagination span {
    color: #fff;
    font-size: 48px;
    line-height: 48px;
    margin: 6px;
    position: absolute;
    text-align: center;
    top: 50vh;
    transform: translateY(-50%);
    width: 48px;
    z-index: 1
}

#zuck-modal-content .story-viewer .slides-pagination .previous {
    left: 0
}

#zuck-modal-content .story-viewer .slides-pagination .next {
    right: 0
}

#zuck-modal-content .story-viewer .slides-pointers {
    border-collapse: separate;
    border-spacing: 6px;
    display: table;
    left: calc(50vw - 50vh);
    position: absolute;
    right: calc(50vw - 50vh);
    table-layout: fixed;
    top: 0;
    width: 100vh;
    z-index: 100020
}

#zuck-modal-content .story-viewer .slides-pointers>* {
    display: table-row
}

#zuck-modal-content .story-viewer .slides-pointers>*>* {
    background: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    display: table-cell
}

#zuck-modal-content .story-viewer .slides-pointers>*>.seen {
    background: #fff
}

#zuck-modal-content .story-viewer .slides-pointers>*>*>b {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    background: #fff;
    border-radius: 2px;
    display: block;
    height: 2px;
    max-width: 0;
    width: auto
}

#zuck-modal-content .story-viewer .slides-pointers>*>.active>b {
    -webkit-animation-name: zuckSlideTime;
    animation-name: zuckSlideTime;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

#zuck-modal-content .story-viewer .head {
    color: #fff;
    font-size: 14px;
    height: 56px;
    left: 0;
    line-height: 56px;
    padding: 6px 12px;
    position: absolute;
    right: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .35), 1px 0 1px rgba(0, 0, 0, .35);
    z-index: 100010
}

#zuck-modal-content .story-viewer .head .item-preview {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    height: 42px;
    margin-right: 9px;
    overflow: hidden;
    vertical-align: top;
    vertical-align: middle;
    width: 42px
}

#zuck-modal-content .story-viewer .head .item-preview img {
    background-position: 50%;
    background-size: cover;
    box-sizing: border-box;
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

#zuck-modal-content .story-viewer .head .time {
    font-size: 13px;
    font-weight: 500;
    opacity: .75
}

#zuck-modal-content .story-viewer .head .left {
    display: inline-block;
    line-height: 1 !important;
    margin: 6px 0
}

#zuck-modal-content .story-viewer .head .left .info {
    display: inline-block;
    max-width: 30vw;
    vertical-align: middle
}

#zuck-modal-content .story-viewer .head .left .info>* {
    display: inline-block;
    line-height: 21px;
    width: 100%
}

#zuck-modal-content .story-viewer .head .left .info .name {
    font-weight: 500
}

#zuck-modal-content .story-viewer .head .right {
    float: right
}

#zuck-modal-content .story-viewer .head .back,
#zuck-modal-content .story-viewer .head .right .close {
    cursor: pointer;
    font-size: 42px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 48px
}

#zuck-modal-content .story-viewer .head .left .back {
    display: none;
    margin: -9px -6px 0;
    width: 24px
}

#zuck-modal-content .story-viewer .head .right .time {
    display: none
}

#zuck-modal-content .story-viewer .head .loading {
    -webkit-animation: zuckLoading 1s linear infinite;
    animation: zuckLoading 1s linear infinite;
    border: 4px solid hsla(0, 0%, 100%, .2);
    border-radius: 50%;
    border-top-color: #fff;
    box-sizing: border-box;
    display: none;
    height: 30px;
    margin: 9px 0;
    width: 30px
}

#zuck-modal-content .story-viewer .head,
#zuck-modal-content .story-viewer .slides-pointers,
#zuck-modal-content .story-viewer .tip {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

#zuck-modal-content .story-viewer .slides .item {
    background: #000;
    display: none;
    overflow: hidden
}

#zuck-modal-content .story-viewer .slides .item:before {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4
}

#zuck-modal-content .story-viewer .slides .item>.media {
    height: 100%;
    left: 50%;
    margin: auto;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#zuck-modal-content .story-viewer .slides .item.active,
#zuck-modal-content .story-viewer .slides .item.active .tip.link {
    display: block
}

#zuck-modal-content .story-viewer .tip {
    background: rgba(0, 0, 0, .5);
    border-radius: 24px;
    bottom: 24px;
    color: #fff;
    display: none;
    font-size: 16px;
    font-weight: 500;
    left: 50%;
    padding: 12px 24px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transform: translateX(-50%);
    z-index: 5;
    z-index: 1000
}

#zuck-modal.rtl {
    direction: rtl;
    left: auto;
    right: 0
}

#zuck-modal.rtl.with-effects {
    transform-origin: top right
}

#zuck-modal.rtl.with-effects.animated {
    margin-left: auto !important;
    margin-right: 0 !important
}

#zuck-modal.rtl .slider {
    left: auto;
    right: -100vw
}

#zuck-modal.rtl .slider>.previous {
    left: auto;
    right: 0;
    transform: rotateY(-270deg) translateX(50%)
}

#zuck-modal.rtl .slider>.viewing {
    left: auto;
    right: 100vw
}

#zuck-modal.rtl .slider>.next {
    left: auto;
    right: 200vw
}

#zuck-modal.rtl.with-cube .slider>.previous {
    left: auto;
    right: 100vw;
    transform-origin: center right
}

#zuck-modal.rtl.with-cube .slider>.viewing {
    left: auto;
    right: 100vw;
    transform: translateZ(50vw)
}

#zuck-modal.rtl.with-cube .slider>.next {
    left: auto;
    right: 100vw;
    transform: rotateY(270deg) translateX(-50%);
    transform-origin: top left
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .previous {
    left: auto;
    right: 0
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .next {
    left: 0;
    right: auto
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .head .item-preview {
    margin-left: 9px;
    margin-right: auto
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .head .right {
    float: left
}

#zuck-modal.rtl #zuck-modal-content .story-viewer .tip {
    left: auto;
    right: 50%;
    transform: translateX(50%)
}

@media (max-width:1024px) {
    #zuck-modal-content .story-viewer .head {
        top: 3px
    }
    #zuck-modal-content .story-viewer .head .loading {
        height: 24px;
        margin: 6px 0;
        width: 24px
    }
    #zuck-modal-content .story-viewer .head .item-preview {
        height: 30px;
        margin-right: 9px;
        width: 30px
    }
    #zuck-modal-content .story-viewer .head .left {
        font-size: 15px;
        margin: 15px 0
    }
    #zuck-modal-content .story-viewer .head .left>div {
        line-height: 30px
    }
    #zuck-modal-content .story-viewer .head .right .time {
        display: block;
        font-size: 15px;
        line-height: 30px;
        margin: 15px 0;
        white-space: nowrap
    }
    #zuck-modal-content .story-viewer .head .left>.back {
        background: transparent;
        display: none;
        height: 42px;
        line-height: 36px;
        position: absolute;
        text-align: left;
        text-shadow: none;
        vertical-align: top;
        visibility: visible;
        width: 24px;
        z-index: 20
    }
    #zuck-modal-content .story-viewer.with-back-button .head .left>.back {
        display: block
    }
    #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview {
        margin-left: 18px
    }
    #zuck-modal-content .story-viewer .slides-pointers {
        left: 0;
        right: 0;
        width: 100vw
    }
    #zuck-modal-content .story-viewer .tip {
        font-size: 14px;
        padding: 6px 12px
    }
    #zuck-modal-content .story-viewer .head .left .time,
    #zuck-modal-content .story-viewer .head .right .close {
        display: none
    }
    #zuck-modal.rtl #zuck-modal-content .story-viewer .head .item-preview {
        margin-left: 9px;
        margin-right: auto
    }
    #zuck-modal.rtl #zuck-modal-content .story-viewer .head .left>.back {
        text-align: right
    }
    #zuck-modal.rtl #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview {
        margin-left: auto;
        margin-right: 18px
    }
}

.stories.carousel {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow: auto;
    white-space: nowrap
}

.stories.carousel::-webkit-scrollbar {
    background: transparent;
    width: 0
}

.stories.carousel .story {
    display: inline-block;
    margin: 0 6px;
    max-width: 90px;
    vertical-align: top;
    width: 18vw
}

.stories.carousel .story:first-child {
    margin-left: 0
}

.stories.carousel .story:last-child {
    margin-right: 0
}

.stories.carousel .story>.item-link {
    display: block;
    text-align: center
}

.stories.carousel .story>.item-link:active>.item-preview {
    transform: scale(.9)
}

.stories.carousel .story>.item-link>.item-preview {
    box-sizing: border-box;
    display: block;
    font-size: 0;
    height: 18vw;
    max-height: 90px;
    overflow: hidden;
    transition: transform .2s
}

.stories.carousel .story>.item-link>.item-preview img {
    background-position: 50%;
    background-size: cover;
    box-sizing: border-box;
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.stories.carousel .story>.item-link>.info {
    display: inline-block;
    line-height: 1.2em;
    margin-top: .5em;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.stories.carousel .story>.item-link>.info .name {
    font-weight: 300
}

.stories.carousel .story>.item-link>.info .time,
.stories.carousel .story>.items {
    display: none
}

.stories.list {
    overflow: auto;
    white-space: nowrap
}

.stories.list .story {
    display: block;
    margin: 6px;
    padding-bottom: 6px;
    width: auto
}

.stories.list .story>.item-link {
    display: block;
    text-align: left
}

.stories.list .story>.item-link>.item-preview {
    box-sizing: border-box;
    display: inline-block;
    font-size: 0;
    height: 42px;
    margin-right: 12px;
    max-width: 42px;
    overflow: hidden;
    vertical-align: top;
    width: 42px
}

.stories.list .story>.item-link>.item-preview img {
    background-position: 50%;
    background-size: cover;
    box-sizing: border-box;
    display: block;
    height: 100%;
    width: 100%
}

.stories.list .story>.item-link>.info {
    display: inline-block;
    line-height: 1.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.stories.list .story>.item-link>.info .name {
    display: block;
    font-weight: 500
}

.stories.list .story>.item-link>.info .time {
    display: inline-block
}

.stories.list .story>.items {
    display: none
}

.stories.rtl {
    direction: rtl
}

.stories.rtl.carousel .story:first-child {
    margin-left: auto;
    margin-right: 0
}

.stories.rtl.carousel .story:last-child {
    margin-left: 0;
    margin-right: auto
}

.stories.rtl.list .story>.item-link {
    text-align: right
}

.stories.rtl.list .story>.item-link>.item-preview {
    margin-left: 12px;
    margin-right: auto
}

.stories.snapgram .story>.item-link {
    color: #333;
    text-decoration: none
}

.stories.snapgram .story>.item-link>.item-preview {
    background: radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%);
    border-radius: 50%;
    padding: 2px
}

.stories.snapgram .story>.item-link>.item-preview img {
    border: 3px solid #fff;
    border-radius: 50%
}

.stories.snapgram .story.seen {
    opacity: .75
}

.stories.snapgram .story.seen>a>.item-preview {
    background: #999
}

.stories.snapgram .story.seen>a {
    color: #999 !important
}
.cat-overlay,
.overlay {
    background: #080a38;
    bottom: 0;
    content: "";
    height: 100%;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .2s cubic-bezier(.215, .61, .355, 1) .1s;
    width: 100%;
    z-index: 100
}

.cat-overlay.show,
.overlay.show {
    opacity: .5;
    pointer-events: auto
}

.cat-overlay.z-index,
.overlay.z-index {
    z-index: 100002
}

.owl-carousel .owl-item .slider-item>a {
    display: block
}

.owl-carousel .fadeout {
    animation-name: fadeOut
}

.owl-carousel .owl-nav {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 0 8px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s ease-in-out;
    width: 100%
}

.owl-carousel .owl-nav button {
    align-items: center;
    background: #fff !important;
    border: 1px solid #c0c2c5 !important;
    border-radius: 50%;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    pointer-events: auto;
    width: 40px
}

.owl-carousel .owl-nav button svg {
    fill: #424750;
    height: 24px;
    width: 24px
}

.owl-carousel .owl-dots {
    text-align: center
}

.owl-carousel .owl-dots .owl-dot {
    background: #e0e0e2;
    border-radius: 2px;
    height: 4px;
    margin: 0 4px;
    transition: width .2s ease-in-out;
    width: 4px
}

.owl-carousel .owl-dots .active {
    background: #a1a3a8;
    width: 16px
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fullwidth-slider .owl-carousel .owl-dots,
.widget-main-slider .owl-carousel .owl-dots {
    bottom: 8px;
    left: 0;
    padding-left: 20px;
    position: absolute;
    width: 100%
}

.fullwidth-slider .owl-carousel .owl-dots .owl-dot,
.widget-main-slider .owl-carousel .owl-dots .owl-dot {
    background: #0c0c0c;
    opacity: .3
}

.fullwidth-slider .owl-carousel .owl-dots .active,
.widget-main-slider .owl-carousel .owl-dots .active {
    background: #fff;
    opacity: 1
}

@media(max-width:768px) {
    .owl-carousel .owl-nav {
        display: none
    }
}

.modal {
    align-items: center;
    background: rgba(8, 10, 56, .5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: all .2s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 100004
}

.modal.show {
    opacity: 1;
    visibility: visible
}

.modal .modal-dialog {
    background: #fff;
    margin: 0;
    overflow: hidden;
    padding: 12px 0
}

.modal .modal-dialog .modal-header {
    align-items: center;
    border-bottom: 1px solid #e0e0e2;
    display: flex;
    justify-content: space-between;
    padding: 8px 16px 16px
}

.modal .modal-dialog .modal-header .close {
    fill: #424750;
    cursor: pointer;
    height: 24px;
    width: 24px
}

.modal .modal-dialog .modal-content {
    border: none;
    overflow-y: auto;
    padding: 16px 16px 8px
}

.modal#popup-ads .modal-dialog {
    background: transparent;
    border-radius: 0;
    max-height: unset;
    max-width: unset;
    min-width: unset;
    overflow: auto;
    padding: 0
}

.modal#popup-ads .modal-dialog .modal-header {
    justify-content: center
}

.modal#popup-ads .modal-dialog .modal-header .close {
    fill: #fff
}

.modal#popup-ads .modal-dialog .modal-content {
    max-height: unset;
    padding: 0;
    text-align: center
}

@media(min-width:992px) {
    .modal .modal-dialog {
        border-radius: 8px;
        max-height: calc(100vh - 8px);
        max-width: 40vw;
        min-width: 460px
    }
    .modal .modal-dialog .modal-content {
        max-height: calc(100vh - 73px)
    }
}

.modal#loader-modal .modal-dialog {
    border-radius: 8px;
    height: auto;
    min-width: 300px;
    width: auto
}

.modal#loader-modal .modal-dialog .modal-content {
    padding-bottom: 16px
}

@media(max-width:992px) {
    .modal:not(#loader-modal):not(#popup-ads) {
        align-items: flex-end
    }
    .modal:not(#loader-modal):not(#popup-ads).show .modal-dialog {
        transform: translateY(0)
    }
    .modal:not(#loader-modal):not(#popup-ads) .modal-dialog {
        display: flex;
        flex-direction: column;
        max-height: 100%;
        max-width: 100%;
        min-width: 100%;
        transform: translateY(100%);
        transition: all .2s ease-in-out;
        width: 100%
    }
    .modal:not(#loader-modal):not(#popup-ads) .modal-dialog .modal-content {
        max-height: calc(100% - 40px)
    }
}

.toast-container {
    align-items: center;
    background: #0f172a;
    border-radius: 4px;
    bottom: -100%;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .15), 0 2px 6px 2px rgba(60, 64, 67, .15);
    display: flex;
    justify-content: space-between;
    left: 50%;
    min-width: 260px;
    padding: 12px;
    position: fixed;
    transform: translateX(-50%);
    transition: all .5s ease-in-out;
    z-index: 999999
}

.toast-container .toast-text {
    color: #fff;
    user-select: none
}

.toast-container.show {
    bottom: 4px
}

.toast-container svg {
    fill: #fff;
    cursor: pointer;
    height: 24px;
    width: 24px
}

.pagination,
ul.page-numbers {
    align-items: center;
    border-top: 1px solid #f0f0f1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 16px 0;
    padding-top: 16px
}

.pagination .page-numbers,
ul.page-numbers .page-numbers {
    align-items: center;
    border: 2px solid transparent;
    border-radius: 17px;
    display: inline-flex;
    font-size: 1.2rem;
    height: 34px;
    justify-content: center;
    margin: 4px 8px;
    text-align: center;
    width: 34px
}

.pagination .page-numbers svg,
ul.page-numbers .page-numbers svg {
    fill: #62666d;
    height: 20px;
    width: 20px
}

.pagination .page-numbers:hover,
ul.page-numbers .page-numbers:hover {
    border-color: #ef4056;
    color: #ef4056
}

.pagination .page-numbers:hover svg,
ul.page-numbers .page-numbers:hover svg {
    fill: #ef4056
}

.pagination .page-numbers.current,
ul.page-numbers .page-numbers.current {
    background: #ef4056;
    color: #fff
}

.breadcrumb {
    font-size: 1.3rem;
    margin-bottom: 20px
}

.breadcrumb,
.breadcrumb a {
    color: #81858b
}

.breadcrumb a:hover {
    color: #ef4056
}

.breadcrumb .delimiter {
    color: #c0c2c5;
    margin: 0 8px
}

.message,
.message-error,
.message-info,
.message-success,
.message-warning,
.page-wrapper-Message,
.page-wrapper-Message--info,
.page-wrapper-error,
.page-wrapper-info,
.page-wrapper-message,
.page-wrapper-notice,
.page-wrapper-notice--error,
.page-wrapper-notice--success {
    border-radius: 8px;
    padding: 16px
}

.message-error:after,
.message-info:after,
.message-success:after,
.message-warning:after,
.message:after,
.page-wrapper-Message--info:after,
.page-wrapper-Message:after,
.page-wrapper-error:after,
.page-wrapper-info:after,
.page-wrapper-message:after,
.page-wrapper-notice--error:after,
.page-wrapper-notice--success:after,
.page-wrapper-notice:after {
    clear: both;
    content: "";
    display: block
}

.message li:before,
.message-error li:before,
.message-info li:before,
.message-success li:before,
.message-warning li:before,
.page-wrapper-Message li:before,
.page-wrapper-Message--info li:before,
.page-wrapper-error li:before,
.page-wrapper-info li:before,
.page-wrapper-message li:before,
.page-wrapper-notice li:before,
.page-wrapper-notice--error li:before,
.page-wrapper-notice--success li:before {
    display: none
}

.message-error:not(.page-wrapper-thankyou-order-failed-actions) .button,
.message-info:not(.page-wrapper-thankyou-order-failed-actions) .button,
.message-success:not(.page-wrapper-thankyou-order-failed-actions) .button,
.message-warning:not(.page-wrapper-thankyou-order-failed-actions) .button,
.message:not(.page-wrapper-thankyou-order-failed-actions) .button,
.page-wrapper-Message--info:not(.page-wrapper-thankyou-order-failed-actions) .button,
.page-wrapper-Message:not(.page-wrapper-thankyou-order-failed-actions) .button,
.page-wrapper-error:not(.page-wrapper-thankyou-order-failed-actions) .button,
.page-wrapper-info:not(.page-wrapper-thankyou-order-failed-actions) .button,
.page-wrapper-message:not(.page-wrapper-thankyou-order-failed-actions) .button,
.page-wrapper-notice--error:not(.page-wrapper-thankyou-order-failed-actions) .button,
.page-wrapper-notice--success:not(.page-wrapper-thankyou-order-failed-actions) .button,
.page-wrapper-notice:not(.page-wrapper-thankyou-order-failed-actions) .button {
    background: transparent !important;
    border: none;
    color: #0c0c0c;
    float: right;
    height: auto;
    padding: 0
}

.message-success,
.page-wrapper-message,
.page-wrapper-notice--success {
    background-color: rgba(57, 174, 0, .1);
    color: #39ae00
}

.message-info,
.page-wrapper-Message--info,
.page-wrapper-info {
    background-color: rgba(0, 142, 178, .1);
    color: #008eb2
}

.message-error,
.page-wrapper-error,
.page-wrapper-notice--error {
    background-color: rgba(239, 57, 78, .1);
    color: #ef394e
}

.message-warning {
    background: #fff7ed;
    color: #c2410c
}

#pre-loader {
    background: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999999
}

#pre-loader>div {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.la-ball-scale-multiple,
.la-ball-scale-multiple>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.la-ball-scale-multiple {
    color: #ef4056;
    display: block;
    font-size: 0
}

.la-ball-scale-multiple.la-dark {
    color: #d1122a
}

.la-ball-scale-multiple>div {
    background-color: currentColor;
    border: 0 solid;
    display: inline-block;
    float: none
}

.la-ball-scale-multiple {
    height: 74px;
    width: 74px
}

.la-ball-scale-multiple>div {
    -webkit-animation: ball-scale-multiple 1s linear 0s infinite;
    -moz-animation: ball-scale-multiple 1s linear 0s infinite;
    -o-animation: ball-scale-multiple 1s linear 0s infinite;
    animation: ball-scale-multiple 1s linear 0s infinite;
    border-radius: 100%;
    height: 74px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 74px
}

.la-ball-scale-multiple>div:nth-child(2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.la-ball-scale-multiple>div:nth-child(3) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

@-webkit-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: .75
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: .75
    }
    to {
        opacity: 0;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: .75
    }
    to {
        opacity: 0;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: .75
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.la-ball-beat,
.la-ball-beat>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.la-ball-beat {
    color: #ef4056;
    display: block;
    font-size: 0
}

.la-ball-beat.la-dark {
    color: #333
}

.la-ball-beat>div {
    background-color: currentColor;
    border: 0 solid;
    display: inline-block;
    float: none
}

.la-ball-beat {
    height: 18px;
    width: 100px
}

.la-ball-beat>div {
    -webkit-animation: ball-beat .7s linear -.15s infinite;
    -moz-animation: ball-beat .7s linear -.15s infinite;
    -o-animation: ball-beat .7s linear -.15s infinite;
    animation: ball-beat .7s linear -.15s infinite;
    border-radius: 100%;
    height: 15px;
    margin: 4px;
    width: 15px
}

.la-ball-beat>div:nth-child(2n-1) {
    -webkit-animation-delay: -.5s;
    -moz-animation-delay: -.5s;
    -o-animation-delay: -.5s;
    animation-delay: -.5s
}

@-webkit-keyframes ball-beat {
    50% {
        opacity: .2;
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-beat {
    50% {
        opacity: .2;
        -moz-transform: scale(.75);
        transform: scale(.75)
    }
    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-beat {
    50% {
        opacity: .2;
        -o-transform: scale(.75);
        transform: scale(.75)
    }
    to {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-beat {
    50% {
        opacity: .2;
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        -o-transform: scale(.75);
        transform: scale(.75)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.la-ball-circus,
.la-ball-circus>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.la-ball-circus {
    color: #ef4056;
    display: block;
    font-size: 0
}

.la-ball-circus.la-dark {
    color: #333
}

.la-ball-circus>div {
    background-color: currentColor;
    border: 0 solid;
    display: inline-block;
    float: none
}

.la-ball-circus {
    height: 26px;
    width: 26px
}

.la-ball-circus>div {
    -webkit-animation: ball-circus-position 2.5s cubic-bezier(.25, 0, .75, 1) infinite, ball-circus-size 2.5s cubic-bezier(.25, 0, .75, 1) infinite;
    -moz-animation: ball-circus-position 2.5s cubic-bezier(.25, 0, .75, 1) infinite, ball-circus-size 2.5s cubic-bezier(.25, 0, .75, 1) infinite;
    -o-animation: ball-circus-position 2.5s cubic-bezier(.25, 0, .75, 1) infinite, ball-circus-size 2.5s cubic-bezier(.25, 0, .75, 1) infinite;
    animation: ball-circus-position 2.5s cubic-bezier(.25, 0, .75, 1) infinite, ball-circus-size 2.5s cubic-bezier(.25, 0, .75, 1) infinite;
    border-radius: 100%;
    display: block;
    height: 16px;
    height: 100%;
    left: -100%;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 16px;
    width: 100%
}

.la-ball-circus>div:first-child {
    -webkit-animation-delay: 0s, -.5s;
    -moz-animation-delay: 0s, -.5s;
    -o-animation-delay: 0s, -.5s;
    animation-delay: 0s, -.5s
}

.la-ball-circus>div:nth-child(2) {
    -webkit-animation-delay: -.5s, -1s;
    -moz-animation-delay: -.5s, -1s;
    -o-animation-delay: -.5s, -1s;
    animation-delay: -.5s, -1s
}

.la-ball-circus>div:nth-child(3) {
    -webkit-animation-delay: -1s, -1.5s;
    -moz-animation-delay: -1s, -1.5s;
    -o-animation-delay: -1s, -1.5s;
    animation-delay: -1s, -1.5s
}

.la-ball-circus>div:nth-child(4) {
    -webkit-animation-delay: -1.5s, -2s;
    -moz-animation-delay: -1.5s, -2s;
    -o-animation-delay: -1.5s, -2s;
    animation-delay: -1.5s, -2s
}

.la-ball-circus>div:nth-child(5) {
    -webkit-animation-delay: -2s, -2.5s;
    -moz-animation-delay: -2s, -2.5s;
    -o-animation-delay: -2s, -2.5s;
    animation-delay: -2s, -2.5s
}

@-webkit-keyframes ball-circus-position {
    50% {
        left: 100%
    }
}

@-moz-keyframes ball-circus-position {
    50% {
        left: 100%
    }
}

@-o-keyframes ball-circus-position {
    50% {
        left: 100%
    }
}

@keyframes ball-circus-position {
    50% {
        left: 100%
    }
}

@-webkit-keyframes ball-circus-size {
    50% {
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@-moz-keyframes ball-circus-size {
    50% {
        -moz-transform: scale(.3);
        transform: scale(.3)
    }
}

@-o-keyframes ball-circus-size {
    50% {
        -o-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes ball-circus-size {
    50% {
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        -o-transform: scale(.3);
        transform: scale(.3)
    }
}

.la-ball-elastic-dots,
.la-ball-elastic-dots>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.la-ball-elastic-dots {
    color: #ef4056;
    display: block
}

.la-ball-elastic-dots.la-dark {
    color: #333
}

.la-ball-elastic-dots>div {
    background-color: currentColor;
    border: 0 solid;
    float: none
}

.la-ball-elastic-dots {
    font-size: 0;
    height: 20px;
    text-align: center;
    width: 160px
}

.la-ball-elastic-dots>div {
    -webkit-animation: ball-elastic-dots-anim 1s infinite;
    -moz-animation: ball-elastic-dots-anim 1s infinite;
    -o-animation: ball-elastic-dots-anim 1s infinite;
    animation: ball-elastic-dots-anim 1s infinite;
    border-radius: 100%;
    display: inline-block;
    height: 15px;
    white-space: nowrap;
    width: 15px
}

@-webkit-keyframes ball-elastic-dots-anim {
    0%,
    to {
        margin: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        margin: 0 5%;
        -webkit-transform: scale(.65);
        transform: scale(.65)
    }
}

@-moz-keyframes ball-elastic-dots-anim {
    0%,
    to {
        margin: 0;
        -moz-transform: scale(1);
        transform: scale(1)
    }
    50% {
        margin: 0 5%;
        -moz-transform: scale(.65);
        transform: scale(.65)
    }
}

@-o-keyframes ball-elastic-dots-anim {
    0%,
    to {
        margin: 0;
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        margin: 0 5%;
        -o-transform: scale(.65);
        transform: scale(.65)
    }
}

@keyframes ball-elastic-dots-anim {
    0%,
    to {
        margin: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        margin: 0 5%;
        -webkit-transform: scale(.65);
        -moz-transform: scale(.65);
        -o-transform: scale(.65);
        transform: scale(.65)
    }
}

.la-ball-clip-rotate,
.la-ball-clip-rotate>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.la-ball-clip-rotate {
    color: #ef4056;
    display: block;
    font-size: 0
}

.la-ball-clip-rotate.la-dark {
    color: #333
}

.la-ball-clip-rotate>div {
    background-color: currentColor;
    border: 0 solid;
    display: inline-block;
    float: none
}

.la-ball-clip-rotate {
    height: 50px;
    width: 50px
}

.la-ball-clip-rotate>div {
    -webkit-animation: ball-clip-rotate 1s linear infinite;
    -moz-animation: ball-clip-rotate 1s linear infinite;
    -o-animation: ball-clip-rotate 1s linear infinite;
    animation: ball-clip-rotate 1s linear infinite;
    background: transparent;
    border-bottom-color: transparent;
    border-radius: 100%;
    border-width: 2px;
    height: 50px;
    width: 50px
}

@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes ball-clip-rotate {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-o-keyframes ball-clip-rotate {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.la-ball-clip-rotate-multiple,
.la-ball-clip-rotate-multiple>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.la-ball-clip-rotate-multiple {
    color: #ef4056;
    display: block;
    font-size: 0
}

.la-ball-clip-rotate-multiple.la-dark {
    color: #333
}

.la-ball-clip-rotate-multiple>div {
    background-color: currentColor;
    border: 0 solid;
    display: inline-block;
    float: none
}

.la-ball-clip-rotate-multiple {
    height: 32px;
    width: 32px
}

.la-ball-clip-rotate-multiple>div {
    -webkit-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
    -moz-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
    -o-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
    animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
    background: transparent;
    border-radius: 100%;
    border-style: solid;
    border-width: 2px;
    left: 50%;
    position: absolute;
    top: 50%
}

.la-ball-clip-rotate-multiple>div:first-child {
    border-left-color: transparent;
    border-right-color: transparent;
    height: 32px;
    position: absolute;
    width: 32px
}

.la-ball-clip-rotate-multiple>div:last-child {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    -o-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    border-bottom-color: transparent;
    border-top-color: transparent;
    height: 16px;
    width: 16px
}

.la-ball-clip-rotate-multiple.la-2x {
    height: 64px;
    width: 64px
}

.la-ball-clip-rotate-multiple.la-2x>div {
    border-width: 4px
}

.la-ball-clip-rotate-multiple.la-2x>div:first-child {
    height: 64px;
    width: 64px
}

.la-ball-clip-rotate-multiple.la-2x>div:last-child {
    height: 32px;
    width: 32px
}

@-webkit-keyframes ball-clip-rotate-multiple-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

@-moz-keyframes ball-clip-rotate-multiple-rotate {
    0% {
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    50% {
        -moz-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }
    to {
        -moz-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

@-o-keyframes ball-clip-rotate-multiple-rotate {
    0% {
        -o-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    50% {
        -o-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }
    to {
        -o-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

@keyframes ball-clip-rotate-multiple-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        -o-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        -moz-transform: translate(-50%, -50%) rotate(180deg);
        -o-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        -moz-transform: translate(-50%, -50%) rotate(1turn);
        -o-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

.la-ball-fall,
.la-ball-fall>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.la-ball-fall {
    color: #ef4056;
    display: block;
    font-size: 0
}

.la-ball-fall.la-dark {
    color: #333
}

.la-ball-fall>div {
    background-color: currentColor;
    border: 0 solid;
    display: inline-block;
    float: none
}

.la-ball-fall {
    height: 18px;
    width: 54px
}

.la-ball-fall>div {
    -webkit-animation: ball-fall 1s ease-in-out infinite;
    -moz-animation: ball-fall 1s ease-in-out infinite;
    -o-animation: ball-fall 1s ease-in-out infinite;
    animation: ball-fall 1s ease-in-out infinite;
    border-radius: 100%;
    height: 10px;
    margin: 4px;
    opacity: 0;
    width: 10px
}

.la-ball-fall>div:first-child {
    -webkit-animation-delay: -.2s;
    -moz-animation-delay: -.2s;
    -o-animation-delay: -.2s;
    animation-delay: -.2s
}

.la-ball-fall>div:nth-child(2) {
    -webkit-animation-delay: -.1s;
    -moz-animation-delay: -.1s;
    -o-animation-delay: -.1s;
    animation-delay: -.1s
}

.la-ball-fall>div:nth-child(3) {
    -webkit-animation-delay: 0ms;
    -moz-animation-delay: 0ms;
    -o-animation-delay: 0ms;
    animation-delay: 0ms
}

.la-ball-fall.la-2x {
    height: 36px;
    width: 108px
}

.la-ball-fall.la-2x>div {
    height: 20px;
    margin: 8px;
    width: 20px
}

@-webkit-keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        transform: translateY(-145%)
    }
    10% {
        opacity: .5
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    90% {
        opacity: .5
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(145%);
        transform: translateY(145%)
    }
}

@-moz-keyframes ball-fall {
    0% {
        opacity: 0;
        -moz-transform: translateY(-145%);
        transform: translateY(-145%)
    }
    10% {
        opacity: .5
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    80% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    90% {
        opacity: .5
    }
    to {
        opacity: 0;
        -moz-transform: translateY(145%);
        transform: translateY(145%)
    }
}

@-o-keyframes ball-fall {
    0% {
        opacity: 0;
        -o-transform: translateY(-145%);
        transform: translateY(-145%)
    }
    10% {
        opacity: .5
    }
    20% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    80% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    90% {
        opacity: .5
    }
    to {
        opacity: 0;
        -o-transform: translateY(145%);
        transform: translateY(145%)
    }
}

@keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        -moz-transform: translateY(-145%);
        -o-transform: translateY(-145%);
        transform: translateY(-145%)
    }
    10% {
        opacity: .5
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    90% {
        opacity: .5
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(145%);
        -moz-transform: translateY(145%);
        -o-transform: translateY(145%);
        transform: translateY(145%)
    }
}

.showmore-button {
    color: #19bfd3;
    cursor: pointer;
    position: relative
}

.showmore-button:before {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .3), #fff);
    content: "";
    height: 64px;
    left: 0;
    position: absolute;
    top: -64px;
    width: 100%
}

.showmore-button.show:before {
    display: none
}

.jtippy {
    background: transparent;
    border-radius: 0;
    padding: 0
}

.jtippy .jt-arrow {
    border-width: 6px;
    margin-left: 0
}

.jtippy .jt-arrow-left {
    border-right-color: #3f4064;
    left: -12px;
    margin-top: -6px
}

.jtippy .jt-arrow-top {
    border-bottom-color: #3f4064;
    margin-left: -6px
}

.jtippy .jt-arrow-bottom {
    border-top-color: #3f4064;
    margin-left: -6px
}

.jtippy .jt-arrow-right {
    border-left-color: #3f4064;
    margin-top: -6px;
    right: -12px
}

.jtippy .jt-title {
    background: #3f4064;
    border-radius: 3px;
    font-size: 1.2rem;
    font-weight: 400;
    margin: 0;
    padding: 7px 10px
}

.loader-bullets {
    -webkit-animation: loading-dots-fadein .5s linear forwards;
    animation: loading-dots-fadein .5s linear forwards;
    direction: ltr;
    filter: alpha(opacity=0);
    opacity: 0;
    padding: 40px 0;
    text-align: center
}

.loader-bullet {
    -webkit-animation: loading-dots-middle-dots .5s ease-in-out infinite;
    animation: loading-dots-middle-dots .5s ease-in-out infinite;
    background-color: #ef4056;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    margin: 0 5px;
    overflow: hidden;
    vertical-align: middle;
    width: 8px
}

.loader-bullet:first-child {
    -webkit-animation: loading-dots-first-dot .5s ease-in-out infinite;
    animation: loading-dots-first-dot .5s ease-in-out infinite;
    opacity: 0;
    transform: translate(-14px)
}

.loader-bullet:last-child {
    -webkit-animation: loading-dots-last-dot .5s ease-in-out infinite;
    animation: loading-dots-last-dot .5s ease-in-out infinite
}

@-webkit-keyframes loading-dots-fadein {
    to {
        opacity: 1
    }
}

@keyframes loading-dots-fadein {
    to {
        opacity: 1
    }
}

@-webkit-keyframes loading-dots-first-dot {
    to {
        opacity: 1;
        transform: translateX(14px)
    }
}

@keyframes loading-dots-first-dot {
    to {
        opacity: 1;
        transform: translateX(14px)
    }
}

@-webkit-keyframes loading-dots-middle-dots {
    to {
        transform: translateX(14px)
    }
}

@keyframes loading-dots-middle-dots {
    to {
        transform: translateX(14px)
    }
}

@-webkit-keyframes loading-dots-last-dot {
    to {
        opacity: 0;
        transform: translateX(28px)
    }
}

@keyframes loading-dots-last-dot {
    to {
        opacity: 0;
        transform: translateX(28px)
    }
}

.separator.vertical {
    border-right: 1px solid #e0e0e2;
    display: inline-block;
    height: 30px;
    margin: 0 20px;
    width: 1px
}

.separator.horizontal {
    border-bottom: 1px solid #e0e0e2;
    border-right: none;
    display: block;
    height: 1px;
    width: 100%
}
 


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

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

.required {
    color: #ef394e
}

.content-none {
    text-align: center
}

body:not(.cat-menu-show):not(.show-mini-cart):not(.show-search-modal) #wpadminbar {
    z-index: 100002
}



.main-header {
    background: #fff;
    position: relative;
    z-index: 100001
}

.main-header.wrapper {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .14), 0 2px 0 rgba(0, 0, 0, .05)
}

.main-header .top-ads {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 60px;
    margin: 0;
    width: 100%
}

.main-header .contact-bar {
    background: #f0f0f1;
    font-size: 1.35rem;
    line-height: 1.3
}

.main-header .contact-bar .inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 5px 0
}

.main-header .contact-bar .contacts {
    display: flex;
    gap: 12px
}

.main-header .contact-bar .contacts .contact-item .contact-text {
    color: #81858b
}

.main-header .contact-bar .contacts .separator {
    border-right-width: 2px;
    height: unset
}

.main-header .contact-bar .socials .socials-title {
    display: none
}

.main-header .contact-bar .socials .socials-items {
    display: flex;
    gap: 4px
}

.main-header .contact-bar .socials .socials-items img {
    height: auto;
    max-width: 22px
}

.main-header .contact-bar .socials .socials-items i {
    color: #a1a3a8;
    font-size: 2.6rem
}

.main-header .contact-bar .socials .socials-items div {
    display: inline-block
}

.main-header .cat-menu-toggle,
.main-header .faq-toggle {
    cursor: pointer;
    display: inline-block
}

.main-header .cat-menu-toggle svg,
.main-header .faq-toggle svg {
    fill: #424750;
    height: 24px;
    width: 24px
}

.main-header .main-header-cols {
    padding: 12px 0
}

.main-header .main-header-cols .row>div {
    align-items: center;
    display: flex
}

.main-header .main-header-cols .col-logo {
    justify-content: space-between
}

.main-header .col-logo .cat-menu-toggle,
.main-header .col-logo .faq-toggle,
.main-header .main-header-cols .col-logo .faq-toggle,
.main-header .main-header-cols .site-title {
    display: none
}

.main-header .col-address .customer-address {
    border-top: 1px solid #f0f0f1;
    display: none;
    flex: 0 0 100%;
    margin-top: 8px;
    padding-top: 8px
}

.main-header .col-address .customer-address .pin {
    fill: #f9a825;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.main-header .col-address .customer-address .chevron {
    fill: #424750;
    height: 24px;
    margin-left: auto;
    width: 24px
}

.main-header .customer-address {
    align-items: center;
    display: flex;
    flex: 0 0 100%;
    font-size: 1.2rem;
    gap: 8px
}

.main-header .customer-address .pin {
    fill: #f9a825;
    height: 20px;
    width: 20px
}

.main-header .customer-address .chevron {
    fill: #424750;
    height: 24px;
    margin-left: auto;
    width: 24px
}

.main-header .search-form {
    font-size: 1.3rem;
    position: relative;
    width: 100%
}

.main-header .search-form .search-overlay {
    display: none;
    height: 44px;
    position: absolute;
    width: 100%
}

.main-header .search-form .arrow-icon,
.main-header .search-form .search-icon {
    fill: #a1a3a8;
    color: #a1a3a8;
    font-size: 2.4rem;
    height: 24px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 24px
}

.main-header .search-form .arrow-icon {
    fill: #424750;
    cursor: pointer;
    display: none;
    height: 24px;
    width: 24px
}

.main-header .search-form input[type=search] {
    background: #f0f0f1;
    border-color: #f0f0f1;
    height: 44px;
    padding-left: 50px
}

.main-header .search-form .product-cat {
    background: transparent;
    border: none;
    border-left: 1px solid #e0e0e2;
    border-radius: 0;
    height: 34px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 110px
}

.main-header .search-form .clear,
.main-header .search-form .loading {
    fill: #424750;
    cursor: pointer;
    display: none;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px
}

.main-header .search-form .loading {
    height: 44px;
    right: 30px;
    top: 0;
    width: 44px
}

.main-header .search-form .product-cat+.loading {
    right: 140px
}

.main-header .search-form .product-cat+.loading+.clear {
    right: 120px
}

.main-header .search-form .search-results {
    background: #fff;
    border: 1px solid #e0e0e2;
    border-radius: 0 0 8px 8px;
    border-top: none !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .14), 0 4px 4px rgba(0, 0, 0, .1);
    display: none;
    left: 0;
    max-height: 320px;
    overflow: auto;
    padding: 8px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 100004
}

.main-header .search-form .search-results .result-item {
    align-items: center;
    display: flex;
    gap: 8px
}

.main-header .search-form .search-results .result-item:not(:last-child) {
    margin-bottom: 8px
}

.main-header .search-form .search-results .result-item img {
    height: auto;
    max-width: 32px
}

.main-header .search-form .search-results .result-item .product-price {
    color: #81858b;
    margin-left: 4px
}

.main-header .search-form .search-results .item-category .title span {
    color: #a1a3a8
}

.main-header .search-form .search-results .separator {
    border-bottom: 1px solid #e0e0e2;
    margin: 12px 0
}

.main-header .search-form .search-results a.ads {
    margin: 8px
}

.main-header .search-modal {
    background: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100004
}

.main-header .search-modal .search-results {
    max-height: calc(100% - 48px)
}

.main-header .search-form.search-modal .search-icon,
.main-header .search-form.search-modal .search-overlay,
.main-header .search-form.search-modal.full-screen .search-icon,
.main-header .search-form.search-modal.full-screen .search-overlay,
.main-header .search-form.search-modal.minimal .search-icon,
.main-header .search-form.search-modal.minimal .search-overlay {
    display: none
}

.main-header .search-form.search-modal .arrow-icon,
.main-header .search-form.search-modal.full-screen .arrow-icon,
.main-header .search-form.search-modal.minimal .arrow-icon {
    display: inline-block
}

.main-header .search-form.search-modal input[type=search],
.main-header .search-form.search-modal.full-screen input[type=search],
.main-header .search-form.search-modal.minimal input[type=search] {
    background: #fff;
    border: none;
    border-bottom: 1px solid #19bfd3;
    border-radius: 0
}

.main-header .search-form.search-modal .search-results,
.main-header .search-form.search-modal.full-screen .search-results,
.main-header .search-form.search-modal.minimal .search-results {
    border: none;
    box-shadow: none;
    top: 48px
}

.main-header .search-form.full-screen {
    display: none
}

.main-header .search-form.full-screen.search-modal {
    display: block
}

.main-header .search-toggle {
    display: flex;
    justify-content: center
}

.main-header .search-toggle>span {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center
}

.main-header .search-toggle .search-icon {
    fill: #424750;
    color: #a1a3a8;
    font-size: 24px;
    height: 24px;
    width: 24px
}

.main-header .header-buttons {
    align-items: center;
    display: flex;
    justify-content: end;
    width: 100%
}

.main-header .login-register {
    align-items: center;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    display: inline-flex;
    font-size: 1.2rem;
    font-weight: 700;
    gap: 4px;
    padding: 8px 12px
}

.main-header .login-register svg {
    fill: #424750;
    height: 24px;
    width: 24px
}

.main-header .login-register .login {
    font-size: 2rem
}

.main-header .user-button {
    display: inline-block
}

.main-header .user-dropdown {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 8px
}

.main-header .user-dropdown svg {
    fill: #424750;
    height: 24px;
    width: 24px
}

.main-header .user-dropdown.show-dropdown {
    background: rgba(239, 57, 78, .1)
}

.main-header .user-dropdown-menu {
    font-weight: 700;
    max-height: 360px;
    overflow: auto
}

.main-header .user-dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #f0f0f1
}

.main-header .user-dropdown-menu .dropdown-item:hover {
    background: #f0f0f1
}

.main-header .user-dropdown-menu .dropdown-item.display-name {
    padding-bottom: 8px;
    padding-top: 8px
}

.main-header .user-dropdown-menu .dropdown-item.display-name svg {
    fill: #a1a3a8
}

.main-header .user-dropdown-menu .dropdown-item:not(.display-name) a .chevron {
    display: none
}

.main-header .user-dropdown-menu .dropdown-item a {
    align-items: center;
    display: flex;
    gap: 8px;
    padding: 8px 16px
}

.main-header .user-dropdown-menu .dropdown-item a .avatar {
    border-radius: 50%
}

.main-header .user-dropdown-menu .dropdown-item a .chevron {
    margin-left: auto
}

.main-header .user-dropdown-menu .dropdown-item a svg {
    fill: #424750;
    height: 24px;
    width: 24px
}

.main-header .user-dropdown-menu .dropdown-item a .fa,
.main-header .user-dropdown-menu .dropdown-item a .fas {
    margin-right: 12px
}

.main-header .compare,
.main-header .favorites {
    padding: 4px 8px;
    position: relative
}

.main-header .compare svg,
.main-header .favorites svg {
    fill: #424750;
    height: 24px;
    width: 24px
}

.main-header .compare i,
.main-header .favorites i {
    font-size: 2rem
}

.main-header .compare .count,
.main-header .favorites .count {
    align-items: center;
    background: #ef4056;
    border: 2px solid #fff;
    border-radius: 6px;
    color: #fff;
    display: inline-flex;
    font-size: 1rem;
    height: 20px;
    justify-content: center;
    left: 0;
    min-width: 20px;
    position: absolute;
    top: 16px
}

@media(min-width:992px) {
    .main-header.sticky {
        position: sticky
    }
    .site-logo .logo-mobile {
        display: none
    }
    .main-header .search-form.focused input[type=search] {
        background: #fff;
        border: 1px solid #e0e0e2;
        border-bottom: none !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }
}

@media(max-width:992px) {
    .main-header.sticky-mobile {
        position: sticky;
        top: 0
    }
    body:not(.home):not(.page-template-front) .main-header {
        margin-bottom: 20px
    }
}

@media(max-width:768px) {
    .main-header .top-ads {
        height: 30px
    }
    .main-header .contact-bar .socials {
        display: none
    }
}

@media(max-width:992px) {
    .main-header {
        border-bottom: 1px solid #f0f0f1
    }
    .main-header .main-header-cols {
        padding-bottom: 8px;
        padding-top: 8px
    }
    .main-header .main-header-cols .col-logo {
        border-bottom: 1px solid #f0f0f1;
        margin-bottom: 8px;
        padding-bottom: 8px
    }
    .main-header .main-header-cols .col-logo .cat-menu-toggle,
    .main-header .main-header-cols .col-logo .faq-toggle {
        display: inline-block
    }
    .main-header .main-header-cols .col-search {
        flex: unset;
        max-width: unset;
        width: calc(100% - 100px)
    }
    .main-header .main-header-cols .col-buttons {
        flex: unset;
        max-width: unset;
        width: 100px
    }
    .main-header .main-header-cols .col-buttons .separator,
    .main-header .main-header-cols .col-buttons svg.dropdown {
        display: none
    }
    .main-header .col-address .customer-address {
        display: flex
    }
    .site-logo .logo-desktop {
        display: none
    }
    .search-form.search-modal.focused input[type=search] {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }
    .main-header .login-register {
        border: none;
        margin-right: 4px
    }
    .main-header .login-register span {
        display: none
    }
    .main-header .user-dropdown {
        margin-right: 8px
    }
    .main-header:not(.wrapper) .compare,
    .main-header:not(.wrapper) .favorites {
        display: none
    }
    .main-header .search-form:not(.search-modal) .search-overlay {
        display: block;
        opacity: 0;
        z-index: 109
    }
}

@media(min-width:992px) {
    #top-menu .top-menu-toggle {
        display: none
    }
    #top-menu .top-menu {
        display: flex
    }
    #top-menu .top-menu .menu-item:hover>a {
        color: #ef4056
    }
    #top-menu .top-menu .menu-item a {
        color: #62666d
    }
    #top-menu .top-menu>.menu-item>a {
        padding: 8px 12px
    }
    #top-menu .top-menu .menu-item-has-children {
        position: relative
    }
    #top-menu .top-menu .menu-item-has-children:hover>.sub-menu {
        display: block
    }
    #top-menu .top-menu .menu-item-has-children .sub-menu {
        background: #fff;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .3);
        display: none;
        left: 0;
        min-width: 220px;
        overflow: hidden;
        position: absolute;
        top: calc(100% + 1px);
        z-index: 102
    }
    #top-menu .top-menu .menu-item-has-children .sub-menu .menu-item {
        padding-left: 0;
        padding-right: 0
    }
    #top-menu .top-menu .menu-item-has-children .sub-menu .menu-item a {
        display: block;
        padding: 8px
    }
    #top-menu .top-menu .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
        left: calc(100% + 1px);
        top: 0
    }
}

@media(max-width:992px) {
    #top-menu {
        background: #f7f7f8;
        padding: 4px 0
    }
    #top-menu .top-menu-toggle {
        cursor: pointer;
        display: block
    }
    #top-menu .top-menu-toggle span {
        align-items: center;
        display: inline-flex;
        gap: 4px;
        justify-content: center;
        padding: 0 4px
    }
    #top-menu .top-menu-toggle svg {
        fill: #424750;
        height: 24px;
        width: 24px
    }
    #top-menu .top-menu {
        display: none
    }
    #top-menu .top-menu .menu-item a {
        display: block
    }
}

body:not(.home):not(.page-template-front) #cat-menu {
    margin-bottom: 20px
}

.wrapper-widget-container #cat-menu {
    margin-bottom: 0 !important
}

.wrapper-widget-container #cat-menu #magic-line {
    display: none !important
}

@media(min-width:992px) {
    #cat-menu {
        background: #fff;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .14), 0 2px 0 rgba(0, 0, 0, .05);
        position: relative;
        z-index: 100000
    }
    #cat-menu.sticky {
        position: sticky;
        transition: all .25s cubic-bezier(.215, .61, .355, 1) .15s
    }
    #cat-menu .cat-menu {
        display: flex;
        position: relative
    }
    #cat-menu .cat-menu .menu-item:hover>a {
        color: #ef4056
    }
    #cat-menu .cat-menu .menu-item a,
    #cat-menu .cat-menu .menu-item a .item-icon-title {
        align-items: center;
        display: inline-flex;
        gap: 4px
    }
    #cat-menu .cat-menu .menu-item a .item-icon {
        height: auto;
        margin-right: 4px;
        max-width: 22px
    }
    #cat-menu .cat-menu .menu-item a .chevron {
        fill: #424750;
        height: 16px;
        width: 16px
    }
    #cat-menu .cat-menu>.menu-item>a {
        padding: 8px 12px
    }
    #cat-menu .cat-menu>.menu-item>a .chevron {
        display: none
    }
    #cat-menu .cat-menu>.menu-item:not(:nth-last-child(2))>a {
        position: relative
    }
    #cat-menu .cat-menu>.menu-item:not(:nth-last-child(2))>a:after {
        border-right: 1px solid #e0e0e2;
        content: "";
        display: inline-block;
        height: 30%;
        left: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px
    }
    #cat-menu .cat-menu #magic-line {
        background: #ef4056;
        bottom: 0;
        height: 2px;
        left: 0;
        position: absolute;
        transition: all .2s ease-in-out;
        z-index: -1
    }
    #cat-menu .cat-menu .menu-item-has-children {
        position: relative
    }
    #cat-menu .cat-menu .menu-item-has-children:hover>.sub-menu {
        display: block
    }
    #cat-menu .cat-menu .menu-item-has-children.mega-menu:hover>.sub-menu {
        display: flex
    }
    #cat-menu .cat-menu .menu-item-has-children .sub-menu {
        background: #fff;
        display: none;
        left: 0;
        min-width: 220px;
        position: absolute;
        top: 100%
    }
    #cat-menu .cat-menu .menu-item-has-children .sub-menu .menu-item {
        padding-left: 0
    }
    #cat-menu .cat-menu .menu-item-has-children .sub-menu .menu-item a {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 8px
    }
    #cat-menu .cat-menu .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
        border-left: 1px solid #f0f0f1;
        left: 100%;
        top: 0
    }
    #cat-menu .cat-menu .mega-menu {
        position: static
    }
    #cat-menu .cat-menu .mega-menu .sub-menu {
        border-radius: 0 0 8px 8px;
        padding: 4px;
        width: 100%
    }
    #cat-menu .cat-menu .mega-menu .sub-menu .chevron {
        display: none
    }
    #cat-menu .cat-menu .mega-menu .sub-menu .sub-menu {
        background: transparent;
        border-left: none !important;
        display: block;
        position: static
    }
    #cat-menu .cat-menu .mega-menu .sub-menu .sub-menu a {
        color: #81858b;
        font-size: 1.2rem;
        line-height: 1.2
    }
    #cat-menu .cat-menu .mega-menu .sub-menu .sub-menu a:hover {
        color: #ef4056
    }
    #cat-menu .cat-menu .mega-menu>.sub-menu>.menu-item>a {
        font-weight: 700;
        position: relative
    }
    #cat-menu .cat-menu .mega-menu>.sub-menu>.menu-item>a:before {
        background: #ef4056;
        content: "";
        height: 13px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 2px
    }
    #cat-menu .cat-menu .mega-menu-main-item {
        position: static
    }
    #cat-menu .cat-menu .mega-menu-main-item>a {
        font-weight: 700
    }
    #cat-menu .cat-menu .mega-menu-main-item .hamburger-menu {
        fill: #424750;
        height: 20px;
        width: 20px
    }
    #cat-menu .cat-menu .mega-menu-main-item>.sub-menu {
        border-bottom-left-radius: 8px
    }
    #cat-menu .cat-menu .mega-menu-main-item>.sub-menu>.menu-item>a {
        padding-bottom: 12px;
        padding-top: 12px
    }
    #cat-menu .cat-menu .mega-menu-main-item>.sub-menu>.menu-item:hover>a {
        background: #f7f7f8
    }
    #cat-menu .cat-menu .mega-menu-main-item>.sub-menu .mega-menu>.sub-menu {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 8px;
        flex-direction: column;
        flex-wrap: wrap;
        padding: 0 4px
    }
    #cat-menu .cat-menu .mega-menu-main-item>.sub-menu .mega-menu.show>a {
        background: #f7f7f8;
        color: #ef4056
    }
    #cat-menu .cat-menu .mega-menu-main-item>.sub-menu .mega-menu.show .sub-menu {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap
    }
    #cat-menu .cat-menu .menu-item.address {
        margin-left: auto
    }
    #cat-menu .cat-menu .menu-item.address svg {
        fill: #424750;
        height: 20px;
        width: 20px
    }
    #cat-menu .cat-menu .menu-item.logo {
        display: none
    }
    .main-header.wrapper #cat-menu {
        box-shadow: none;
        z-index: 100003
    }
}

@media(max-width:992px) {
    #cat-menu {
        background: #fff;
        height: 100%;
        left: -320px;
        overflow: auto;
        position: fixed;
        top: 0;
        transition: all .2s ease-in-out;
        width: 320px;
        z-index: 100003
    }
    #cat-menu .container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    #cat-menu .hamburger-menu {
        display: none
    }
    #cat-menu .cat-menu {
        display: flex;
        flex-direction: column
    }
    #cat-menu .menu-item a {
        align-items: center;
        display: flex;
        font-weight: 700;
        padding: 12px
    }
    #cat-menu .menu-item a .item-icon-title {
        align-items: center;
        display: inline-flex;
        gap: 4px
    }
    #cat-menu .menu-item a .item-icon {
        height: auto;
        margin-right: 4px;
        max-width: 22px
    }
    #cat-menu .menu-item a .chevron {
        fill: #424750;
        height: 24px;
        margin-left: auto;
        transform: rotate(90deg);
        width: 24px
    }
    #cat-menu .menu-item .sub-menu {
        background: #f0f0f1;
        display: none;
        width: 100% !important
    }
    #cat-menu .menu-item.show-sub-menu>a {
        color: #ef4056
    }
    #cat-menu .menu-item.show-sub-menu>.sub-menu {
        display: block
    }
    #cat-menu .cat-menu>.menu-item:not(:first-child):not(:nth-last-child(2))>a {
        position: relative
    }
    #cat-menu .cat-menu>.menu-item:not(:first-child):not(:nth-last-child(2))>a:after {
        border-bottom: 1px solid #f0f0f1;
        content: "";
        display: inline-block;
        height: 1px;
        left: 0;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: -1
    }
    #cat-menu .menu-item.address {
        display: none
    }
    #cat-menu .menu-item.logo a {
        background: transparent !important;
        border-bottom: 1px solid #f0f0f1;
        justify-content: center;
        margin: 12px;
        padding-bottom: 20px
    }
    #cat-menu .mega-menu-main-item>.sub-menu {
        height: auto !important
    }
    #cat-menu .mega-menu-main-item>.sub-menu>.mega-menu>.sub-menu {
        height: auto !important;
        width: 100% !important
    }
    body.cat-menu-show #cat-menu {
        left: 0
    }
}

.app-bar {
    align-items: center;
    background: #232933;
    border-radius: 8px 8px 0 0;
    bottom: 0;
    display: none;
    gap: 8px;
    left: 0;
    padding: 8px 16px;
    position: fixed;
    user-select: none;
    width: 100%;
    z-index: 95
}

.app-bar img {
    height: auto;
    max-width: 40px
}

.app-bar a {
    color: #fff;
    font-size: 1.6rem
}

.app-bar svg.close {
    fill: #fff;
    cursor: pointer;
    height: 24px;
    margin-left: auto;
    width: 24px
}

@media(max-width:992px) {
    .app-bar {
        display: flex
    }
}

#faq-toggle {
    align-items: center;
    background: #ef4056;
    border: none;
    border-radius: 50%;
    bottom: 10px;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    left: 50px;
    position: fixed;
    width: 48px
}

#faq-toggle.right {
    left: unset;
    right: 50px
}

#faq-toggle .close,
#faq-toggle .support {
    fill: #fff;
    height: 24px;
    width: 24px
}

#faq-toggle .close,
.faq-box {
    display: none
}

.faq-box {
    background: #fff;
    border: 1px solid #ef4056;
    border-radius: 16px;
    bottom: 68px;
    font-weight: 700;
    left: 50px;
    overflow: hidden;
    position: fixed;
    width: 360px;
    z-index: 100003
}

.faq-box.show {
    display: block
}

.faq-box.right {
    left: unset;
    right: 50px
}

.faq-box .faq-header {
    align-items: center;
    background: #ef4056;
    color: #fff;
    display: flex;
    font-size: 1.9rem;
    justify-content: space-between;
    padding: 8px 20px 8px 12px
}

.faq-box .faq-header .close {
    fill: #fff;
    cursor: pointer;
    height: 24px;
    width: 24px
}

.faq-box .faq-content {
    height: 70vh;
    overflow-y: auto;
    padding: 8px 20px
}

.faq-box .faq-content ul li {
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    margin: 8px 0;
    padding: 12px
}

.faq-box .faq-content ul li .faq-title {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    line-height: 1.5
}

.faq-box .faq-content ul li .faq-title svg {
    fill: #424750;
    height: 24px;
    min-width: 24px;
    width: 24px
}

.faq-box .faq-content ul li .faq-text {
    border-top: 1px solid #e0e0e2;
    display: none;
    font-weight: 400;
    margin-top: 12px;
    padding-top: 12px
}

.faq-box .faq-content .faq-footer {
    font-weight: 400;
    text-align: center
}

.faq-box .faq-content .faq-footer p {
    margin: 8px 0
}

.faq-box .faq-content .faq-footer .button {
    border-radius: 24px;
    padding-left: 35px;
    padding-right: 35px
}

@media(max-width:992px) {
    #faq-toggle {
        display: none
    }
    .faq-box {
        border: none;
        border-radius: 0;
        display: block;
        height: 100vh;
        left: 0;
        right: 0 !important;
        top: 100%;
        transition: all .2s ease-in-out;
        width: 100%
    }
    .faq-box.show {
        display: block;
        top: 0
    }
    .faq-box .faq-content {
        height: calc(100vh - 54px)
    }
}

.bottom-nav {
    align-items: center;
    background: hsla(0, 0%, 100%, .95);
    bottom: 0;
    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .05);
    color: #81858b;
    display: flex;
    font-size: 1.1rem;
    height: 54px;
    left: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 94
}

.bottom-nav .nav-item {
    border-top: 1px solid #e0e0e2;
    flex: 1 1 0;
    position: relative
}

.bottom-nav .nav-item .nav-icon {
    margin: 4px 0
}

.bottom-nav .nav-item .nav-icon svg {
    fill: #424750;
    height: 20px;
    width: 20px
}

.bottom-nav .nav-item .nav-icon img {
    height: auto;
    max-width: 20px
}

.bottom-nav .nav-item .badge {
    align-items: center;
    background: #ef4056;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: 1rem;
    height: 16px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 2px;
    width: 16px
}

.bottom-nav .nav-item.active {
    background: #f0f0f1;
    position: relative
}

.bottom-nav .nav-item.active:before {
    background: #ef4056;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 100%
}

@media(min-width:992px) {
    .bottom-nav {
        display: none
    }
}

.main-footer .widget {
    background: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0
}

.main-footer:not(.wrapper) {
    background: #fff;
    border-top: 1px solid #f0f0f1;
    margin-top: 20px;
    padding-top: 32px
}

.main-footer .logo-bar {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.main-footer #scroll-top {
    align-items: center;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    color: #a1a3a8;
    display: inline-flex;
    font-size: 1.2rem;
    gap: 8px;
    justify-content: center;
    padding: 4px 16px
}

.main-footer #scroll-top svg {
    fill: #a1a3a8;
    height: 24px;
    width: 24px
}

.main-footer .contacts {
    align-items: center;
    display: flex;
    font-size: 1.3rem;
    margin: 12px 0
}

.main-footer .contacts .separator {
    background: #a1a3a8;
    height: 14px;
    margin: 0 16px;
    width: 1px
}

.main-footer .services {
    margin: 32px 0
}

.main-footer .services .row {
    gap: 8px
}

.main-footer .services .col {
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center
}

.main-footer .services .col img {
    height: auto;
    max-width: 64px
}

.main-footer .menu-title {
    align-items: center;
    display: flex;
    font-size: 1.6rem;
    justify-content: space-between
}

.main-footer .menu-title svg {
    fill: #a1a3a8;
    display: none;
    height: 24px;
    width: 24px
}

.main-footer .menu .menu-item a {
    align-items: center;
    color: #81858b;
    display: flex;
    gap: 8px
}

.main-footer .socials .socials-title {
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 12px
}

.main-footer .socials .socials-items {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    margin-bottom: 20px
}

.main-footer .socials .socials-items img {
    height: auto;
    max-width: 64px
}

.main-footer .socials .socials-items i {
    color: #81858b;
    font-size: 3rem
}

.main-footer .newsletter .newsletter-title {
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 12px
}

.main-footer .newsletter form {
    display: flex;
    gap: 4px;
    justify-content: space-between
}

.main-footer .newsletter form input[type=email],
.main-footer .newsletter form input[type=text] {
    background: #f0f0f1;
    border: none;
    border-radius: 8px
}

.main-footer .newsletter form button,
.main-footer .newsletter form input[type=submit] {
    background: #ef4056;
    border: 1px solid #ef4056;
    border-radius: 8px;
    color: #fff;
    cursor: pointer
}

.main-footer .apps {
    align-items: center;
    background-color: #3c4b6d;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 2rem;
    font-weight: 700;
    gap: 8px;
    justify-content: space-between;
    margin: 20px 0;
    padding: 16px
}

.main-footer .apps .app {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center
}

.main-footer .description {
    border-bottom: 1px solid #f0f0f1;
    border-top: 1px solid #f0f0f1;
    margin-top: 20px;
    padding: 20px 0
}

.main-footer .description .widget-header {
    margin-bottom: 0;
    padding-bottom: 0
}

.main-footer .description .col-description .widget .textwidget {
    color: #81858b;
    font-size: 1.3rem
}

.main-footer .description .col-description .widget .textwidget a {
    color: #19bfd3
}

.main-footer .description .col-enamad {
    text-align: right
}

.main-footer .description .col-enamad a,
.main-footer .description .col-enamad img {
    margin: 4px;
    max-height: 120px !important;
    padding: 16px;
    width: auto !important
}

.main-footer .description .col-enamad a img {
    background: transparent;
    margin: 0;
    max-height: 90px !important;
    padding: 0;
    width: auto !important
}

.main-footer .description .col-enamad .textwidget>#zarinpal a,
.main-footer .description .col-enamad .textwidget>a,
.main-footer .description .col-enamad .textwidget>img,
.main-footer .description .col-enamad .widget>#zarinpal a,
.main-footer .description .col-enamad .widget>a,
.main-footer .description .col-enamad .widget>img {
    border: 1px solid #e0e0e2;
    border-radius: 8px
}

.main-footer .copyright {
    color: #81858b;
    font-size: 1.3rem;
    padding: 20px 0;
    text-align: center
}

.main-footer .partners {
    background: #f0f0f1
}

.main-footer .partners .inner {
    overflow: hidden
}

.main-footer .partners .inner>div {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: -1px;
    margin-right: -1px
}

.main-footer .partners .inner>div>* {
    border-bottom: 1px solid #e0e0e2;
    border-left: 1px solid #e0e0e2;
    border-right: 1px solid #e0e0e2;
    margin-bottom: -1px;
    margin-left: -1px;
    padding: 28px 20px;
    text-align: center
}

@media(max-width:992px) {
    .main-footer .contacts {
        display: block
    }
    .main-footer .contacts .separator {
        display: none
    }
    .main-footer .apps {
        display: block;
        font-size: 1.4rem;
        text-align: center
    }
    .main-footer .apps .apps-title {
        margin-bottom: 16px
    }
    .main-footer .apps .app a {
        margin: 4px
    }
    .main-footer .description .col-description .widget .title {
        font-size: 1.4rem;
        margin-bottom: 4px
    }
    .main-footer .description .col-description .widget .textwidget {
        color: #81858b;
        font-size: 1.3rem
    }
    .main-footer .description .col-enamad {
        margin-top: 20px;
        text-align: center
    }
    .main-footer .description .col-enamad a,
    .main-footer .description .col-enamad img {
        max-height: 100px !important
    }
    .main-footer .description .col-enamad a img {
        max-height: 70px !important
    }
    .main-footer .partners .container .inner>div {
        grid-template-columns: repeat(5, 1fr) !important
    }
}

@media(max-width:768px) {
    .main-footer .partners .container .inner>div {
        grid-template-columns: repeat(4, 1fr) !important
    }
}

@media(max-width:576px) {
    .main-footer .partners .container .inner>div {
        grid-template-columns: repeat(2, 1fr) !important
    }
}

.fullwidth-slider .owl-carousel:hover .owl-nav {
    opacity: 1;
    visibility: visible
}

.fullwidth-slider .owl-carousel .owl-item a,
.fullwidth-slider .owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.fullwidth-slider .owl-carousel .owl-nav {
    bottom: 40px;
    gap: 4px;
    justify-content: unset;
    left: 0;
    opacity: 0;
    padding-left: 20px;
    top: unset;
    transform: unset;
    visibility: hidden
}

.fullwidth-slider .owl-carousel .owl-nav button+button {
    margin-left: 8px
}

.fullwidth-slider .owl-carousel .owl-dots {
    bottom: 20px;
    text-align: inherit
}

@media(max-width:992px) {
    .fullwidth-slider.object-fit .owl-carousel .owl-item img {
        height: 260px;
        object-fit: cover
    }
}

.sidebar .theiaStickySidebar .widget:last-child,
.sidebar .widget:last-of-type {
    margin-bottom: 0
}

@media(max-width:992px) {
    .sidebar {
        order: 2
    }
    .sidebar .widget {
        border: none;
        border-radius: 0
    }
    .sidebar .widget:first-of-type {
        margin-top: 20px
    }
}

.main-bar .widget:last-of-type {
    margin-bottom: 0
}

.main-bar .widget-brands-slider .widget-header,
.main-bar .widget-featured-cats .widget-header,
.main-bar .widget-posts-slider .widget-header,
.main-bar .widget-products-slider .widget-header,
.main-bar .widget-suggested-cats .widget-header {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

@media(max-width:992px) {
    .main-bar .widget:not(.widget-amazing-slider):not(.widget-amazing):not(.widget-special-offers):not(.widget-special-ads) {
        background: transparent
    }
    .main-bar .widget-amazing-slider,
    .main-bar .widget-main-slider,
    .main-bar .widget-special-ads,
    .main-bar .widget-special-offers {
        border-radius: 0;
        margin-left: -15px;
        margin-right: -15px
    }
}

.widget {
    background: #fff;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 12px 16px
}

.widget .widget-header {
    margin-bottom: 12px;
    padding-bottom: 12px;
    transition: all .2s ease-in-out
}

.widget .widget-header .widget-title {
    align-items: center;
    display: flex;
    font-size: 1.5rem;
    justify-content: space-between;
    line-height: 1.8
}

.widget .widget-header .widget-title span {
    border-bottom: 2px solid #ef4056;
    display: inline-block;
    line-height: 2.5
}

.wrapper-element .widget {
    margin-bottom: 0
}

.wrapper-widget-sidebar .widget {
    margin-bottom: 20px
}

.widget-posts .posts .post-item {
    display: flex;
    gap: 8px
}

.widget-posts .posts .post-item img {
    max-height: 64px;
    max-width: 64px
}

.widget-posts .posts .post-item .post-title {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.7
}

.widget-posts .posts .post-item .post-date {
    color: #a1a3a8
}

.widget-posts .posts .post-item:not(:last-child) {
    border-bottom: 1px solid #f0f0f1;
    margin-bottom: 12px;
    padding-bottom: 8px
}

.widget-posts .widget-footer {
    font-weight: 700;
    padding-top: 20px;
    text-align: center
}

.widget-posts .widget-footer a {
    color: #19bfd3
}

.widget_search form {
    position: relative
}

.widget_search form input[type=submit] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    position: absolute;
    right: 0;
    top: 0
}

.widget_calendar #lara-calendar {
    text-align: center
}

.widget_product_tag_cloud .tagcloud a,
.widget_tag_cloud .tagcloud a {
    background: #f0f0f1;
    border-radius: 4px;
    color: #62666d;
    font-size: 1.4rem !important;
    margin-bottom: 2px;
    padding: 0 8px
}

.widget_media_image {
    text-align: center
}

.widget_media_gallery .gallery-item {
    margin-bottom: 0;
    margin-top: 0 !important
}

.widget_media_gallery .gallery-item img {
    border: 1px solid #e0e0e2 !important;
    height: auto;
    max-width: 100%
}

.widget_recent_entries .post-date {
    color: #a1a3a8
}

.widget-categories .widget-content,
.widget_categories .widget-content,
.widget_product_categories .widget-content {
    max-height: 400px;
    overflow: auto
}

.widget-categories .cat-item a,
.widget_categories .cat-item a,
.widget_product_categories .cat-item a {
    align-items: center;
    display: flex;
    padding: 8px 0
}

.widget-categories .cat-item a:hover,
.widget_categories .cat-item a:hover,
.widget_product_categories .cat-item a:hover {
    color: #19bfd3
}

.widget-categories .cat-item a .count,
.widget_categories .cat-item a .count,
.widget_product_categories .cat-item a .count {
    color: #a1a3a8;
    margin-left: 4px
}

.widget-categories .cat-item a .chevron,
.widget_categories .cat-item a .chevron,
.widget_product_categories .cat-item a .chevron {
    align-items: center;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    margin-left: auto;
    width: 28px
}

.widget-categories .cat-item a .chevron svg,
.widget_categories .cat-item a .chevron svg,
.widget_product_categories .cat-item a .chevron svg {
    fill: #424750;
    height: 20px;
    width: 20px
}

.widget-categories .cat-item .children,
.widget_categories .cat-item .children,
.widget_product_categories .cat-item .children {
    display: none
}

.widget-categories .current-cat>a,
.widget_categories .current-cat>a,
.widget_product_categories .current-cat>a {
    font-weight: 700
}

.widget-categories ul .cat-item:not(:last-child),
.widget_categories ul .cat-item:not(:last-child),
.widget_product_categories ul .cat-item:not(:last-child) {
    border-bottom: 1px solid #f0f0f1
}

.widget-categories .show-children>.children,
.widget_categories .show-children>.children,
.widget_product_categories .show-children>.children {
    display: block
}

.widget-main-slider {
    border: none;
    border-radius: 16px;
    margin-bottom: 28px;
    overflow: hidden;
    padding: 0
}

.widget-main-slider .widget-title {
    align-items: center;
    color: #0c0c0c;
    display: flex;
    font-size: 2rem;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 20px
}

.widget-main-slider .widget-title a {
    color: #19bfd3;
    font-size: 1.4rem
}

@media(max-width:992px) {
    .widget-main-slider {
        border: none;
        border-radius: 0;
        padding: 0
    }
    .widget-main-slider .widget-title {
        padding: 0
    }
}

.widget-main-slider .owl-carousel:hover .owl-nav {
    opacity: 1;
    visibility: visible
}

.widget-main-slider .owl-carousel .owl-item a,
.widget-main-slider .owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.widget-main-slider .owl-carousel .owl-nav {
    opacity: 0;
    visibility: hidden
}

.wrapper-widget-setin-main-slider.wrapper-invisible {
    visibility: visible !important
}

@media(max-width:992px) {
    .widget-main-slider.object-fit .owl-carousel .owl-item img {
        height: 260px;
        object-fit: cover
    }
}

.widget-featured-links {
    grid-gap: 8px;
    background: transparent;
    border: none;
    border-radius: 16px;
    display: grid;
    grid-auto-flow: column;
    margin-bottom: 28px;
    overflow: hidden;
    padding: 20px 0
}

.widget-featured-links .widget-title {
    align-items: center;
    color: #0c0c0c;
    display: flex;
    font-size: 2rem;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 20px
}

.widget-featured-links .widget-title a {
    color: #19bfd3;
    font-size: 1.4rem
}

@media(max-width:992px) {
    .widget-featured-links {
        border: none;
        border-radius: 0;
        padding: 0
    }
    .widget-featured-links .widget-title {
        padding: 0
    }
}

.widget-featured-links .link-item {
    text-align: center
}

.widget-featured-links .link-item a img {
    height: auto;
    max-width: 52px
}

.widget-featured-links .link-item p {
    font-size: 1.2rem;
    margin-top: 4px
}

.widget-featured-links .item-more a {
    align-items: center;
    background: #f0f0f1;
    border-radius: 50%;
    display: flex;
    height: 52px;
    justify-content: center;
    margin: auto;
    width: 52px
}

.widget-featured-links .item-more a svg {
    fill: #a1a3a8;
    height: 32px;
    width: 32px
}

@media(max-width:992px) {
    .widget-featured-links {
        grid-auto-flow: unset;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media(max-width:576px) {
    .widget-featured-links {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.widget-a-d-s {
    background: transparent;
    border: none;
    border-radius: 16px;
    margin-bottom: 28px;
    overflow: hidden;
    padding: 20px 0
}

.widget-a-d-s .widget-title {
    align-items: center;
    color: #0c0c0c;
    display: flex;
    font-size: 2rem;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 20px
}

.widget-a-d-s .widget-title a {
    color: #19bfd3;
    font-size: 1.4rem
}

@media(max-width:992px) {
    .widget-a-d-s {
        border: none;
        border-radius: 0;
        padding: 0
    }
    .widget-a-d-s .widget-title {
        padding: 0
    }
}

.widget-a-d-s .ads-item {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.widget-a-d-s .ads-item:hover .ads-overlay {
    opacity: 1;
    visibility: visible
}

.widget-a-d-s .ads-item .ads-overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 16px;
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease-in-out;
    visibility: hidden
}

.widget-a-d-s a {
    display: block;
    overflow: hidden;
    width: 100%
}

.widget-a-d-s img.img-fluid {
    border-radius: 16px;
    width: 100%
}

@media(max-width:768px) {
    .widget-a-d-s img.img-fluid {
        margin-bottom: 20px
    }
}

.widget-posts-slider {
    background: transparent;
    border: none;
    border-radius: 16px;
    margin-bottom: 28px;
    overflow: hidden;
    padding: 20px 0
}

.widget-posts-slider .widget-title {
    align-items: center;
    color: #0c0c0c;
    display: flex;
    font-size: 2rem;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 20px
}

.widget-posts-slider .widget-title a {
    color: #19bfd3;
    font-size: 1.4rem
}

@media(max-width:992px) {
    .widget-posts-slider {
        border: none;
        border-radius: 0;
        padding: 0
    }
    .widget-posts-slider .widget-title {
        padding: 0
    }
}

.widget-posts-slider .widget-title {
    padding: 0
}

.widget-posts-slider .owl-carousel .slider-item {
    background: #fff;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    overflow: hidden
}

.widget-posts-slider .owl-carousel .slider-item img {
    margin: auto;
    max-width: fit-content
}

.widget-posts-slider .owl-carousel .slider-item .item-title {
    font-size: 1.3rem;
    font-weight: 400;
    height: 66px;
    line-height: 22px;
    margin: 12px;
    overflow: hidden
}

.widget-posts-slider .owl-carousel .slider-item .item-expert {
    color: #a1a3a8;
    line-height: 1.6;
    margin: 16px 0;
    max-height: 90px;
    overflow: hidden;
    padding: 0 16px
}

.widget-posts-slider .owl-carousel .slider-item .item-date {
    color: #81858b;
    font-size: 1.3rem;
    margin-bottom: 8px;
    text-align: center
}

.widget-special-ads {
    background: linear-gradient(76.02deg, #35a6c8 33.32%, #007295 71.55%), radial-gradient(21.29% 87.33% at 50% 50.67%, #7cf2f6 0, #35a6c8 100%);
    border: none;
    border-radius: 16px;
    margin-bottom: 28px;
    overflow: hidden;
    padding: 12px 0
}

.widget-special-ads .widget-title {
    align-items: center;
    color: #0c0c0c;
    display: flex;
    font-size: 2rem;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 20px
}

.widget-special-ads .widget-title a {
    color: #19bfd3;
    font-size: 1.4rem
}

@media(max-width:992px) {
    .widget-special-ads {
        border: none;
        border-radius: 0;
        padding: 0
    }
    .widget-special-ads .widget-title {
        padding: 0
    }
}

.widget-special-ads .widget-content {
    padding: 0 12px
}

.widget-special-ads .widget-content .row {
    align-items: center
}

.widget-special-ads .special-ads-title {
    color: #fff;
    font-size: 3rem;
    font-weight: 700
}

.widget-special-ads .row-ads>* {
    align-items: center;
    background: #fff;
    display: flex;
    flex: 1 1 100%;
    justify-content: space-between;
    overflow: hidden;
    padding: 2px
}

.widget-special-ads .row-ads>*>div {
    align-items: center;
    display: inline-flex;
    line-height: 1.5;
    margin-right: 8px
}

@media(min-width:768px) {
    .widget-special-ads .row-ads {
        display: flex
    }
    .widget-special-ads .row-ads>* {
        margin: 2px
    }
    .widget-special-ads .row-ads>:first-child {
        border-radius: 8px 0 0 8px
    }
    .widget-special-ads .row-ads>:last-child {
        border-radius: 0 8px 8px 0
    }
}

@media(max-width:992px) {
    .widget-special-ads {
        padding-bottom: 20px;
        padding-top: 20px
    }
    .widget-special-ads .special-ads-title {
        text-align: center
    }
    .widget-special-ads .row-ads>* {
        flex-direction: column
    }
    .widget-special-ads .row-ads>*>div {
        margin-bottom: 8px
    }
}

@media(max-width:768px) {
    .widget-special-ads .row-ads {
        grid-gap: 4px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .widget-special-ads .row-ads>:first-child {
        border-top-left-radius: 8px
    }
    .widget-special-ads .row-ads>:nth-child(2) {
        border-top-right-radius: 8px
    }
    .widget-special-ads .row-ads>:nth-child(3) {
        border-bottom-left-radius: 8px
    }
    .widget-special-ads .row-ads>:last-child {
        border-bottom-right-radius: 8px
    }
}

.widget-stories {
    background: transparent;
    border: none;
    padding: 0
}

.widget-stories .stories {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center
}

.widget-stories .stories .story {
    max-width: 75px
}

.widget-stories .stories .story .item-link {
    color: #232933
}

.widget-stories .stories .story .item-link .item-preview {
    background: #ef4056;
    max-height: 75px
}

.widget-stories .stories .story .item-link .info {
    margin-top: 12px
}

.widget-stories .stories .story .item-link .info .name {
    font-weight: 400
}

.widget-stories .stories .story.seen .item-link {
    color: #a1a3a8 !important
}

.widget-stories .stories .story.seen .item-link .item-preview {
    background: #c0c2c5
}

#zuck-modal {
    z-index: 100005
}

#zuck-modal #zuck-modal-content .story-viewer .head .time {
    display: none !important
}

#zuck-modal #zuck-modal-content .story-viewer .head .back,
#zuck-modal #zuck-modal-content .story-viewer .head .right .close {
    color: #fff
}

#zuck-modal #zuck-modal-content .story-viewer .head .back {
    margin-top: -4px !important
}

#zuck-modal #zuck-modal-content .story-viewer .slides .item .media {
    height: auto;
    max-width: 100%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.widget-faq {
    background: transparent;
    border: none;
    padding: 0
}

.widget-faq .widget-header .widget-title {
    font-size: 1.8rem;
    justify-content: center
}

.widget-faq .faq-item .faq-title {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    gap: 8px;
    justify-content: space-between;
    padding: 16px 0
}

.widget-faq .faq-item .faq-title svg {
    fill: #424750;
    height: 30px;
    width: 30px
}

.widget-faq .faq-item .faq-text {
    color: #62666d;
    display: none;
    line-height: 2.5;
    padding-bottom: 24px;
    text-align: justify
}

.widget-faq .faq-item .faq-text a {
    border-bottom: 1px dashed #008eb2;
    color: #008eb2
}

.widget-faq .faq-item .faq-text ul li {
    padding-left: 16px;
    position: relative
}

.widget-faq .faq-item .faq-text ul li:before {
    background: #0c0c0c;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: calc(50% - 3px);
    width: 6px
}

.widget-faq .faq-item .faq-text ul li:has(ul):before {
    display: none
}

.widget-faq .faq-item .faq-text table {
    border: 1px solid #e0e0e2
}

.widget-faq .faq-item .faq-text table * tr:nth-child(odd) td {
    background: #f0f0f1
}

.widget-faq .faq-item .faq-text table td,
.widget-faq .faq-item .faq-text table th {
    padding: 8px
}

@media(min-width:992px) {
    .widget-faq .faq-item .faq-text table td,
    .widget-faq .faq-item .faq-text table th {
        border: 1px solid #e0e0e2
    }
}

@media(max-width:992px) {
    .widget-faq .faq-item .faq-text table tfoot,
    .widget-faq .faq-item .faq-text table thead {
        display: none
    }
    .widget-faq .faq-item .faq-text table td,
    .widget-faq .faq-item .faq-text table th {
        display: block;
        width: 100%
    }
}

.widget-faq .faq-item .faq-text h1 {
    font-size: 2.6rem
}

.widget-faq .faq-item .faq-text h2 {
    font-size: 2.4rem
}

.widget-faq .faq-item .faq-text h3 {
    font-size: 2.2rem
}

.widget-faq .faq-item .faq-text h4 {
    font-size: 2rem
}

.widget-faq .faq-item .faq-text h5 {
    font-size: 1.8rem
}

.widget-faq .faq-item .faq-text h6 {
    font-size: 1.6rem
}

.widget-faq .faq-item .faq-text img {
    height: auto;
    max-width: 100%
}

.widget-faq .faq-item .faq-text img.alignright {
    display: inline;
    margin: 0 0 2px 7px;
    padding: 4px
}

.widget-faq .faq-item .faq-text img.alignleft {
    display: inline;
    margin: 0 7px 2px 0;
    padding: 4px
}

.widget-faq .faq-item .faq-text .aligncenter,
.widget-faq .faq-item .faq-text img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.widget-faq .faq-item .faq-text .alignright {
    float: right
}

.widget-faq .faq-item .faq-text .alignleft {
    float: left
}

.widget-faq .faq-item .faq-text .lara-caption {
    max-width: 100%
}

.widget-faq .faq-item.expanded .faq-text {
    display: block
}

.widget-faq .faq-item:not(:last-child) {
    border-bottom: 1px solid #e0e0e2
}

body.error404 #main {
    text-align: center
}

body.error404 #main .text404 {
    font-size: 2rem
}

body.error404 #main a {
    color: #19bfd3;
    margin: 8px 0 20px
}

.post-header {
    border-bottom: 1px solid #f0f0f1;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.post-header .post-title {
    font-size: 2rem;
    line-height: 1.8
}

.post-meta {
    align-items: center;
    color: #81858b;
    display: flex
}

.post-meta .separator {
    background: #e0e0e2;
    height: 12px;
    margin: 0 16px;
    width: 1px
}

.post-author {
    align-items: center;
    display: inline-flex;
    gap: 8px
}

.post-author .avatar {
    border-radius: 50%
}

.add-favorites {
    cursor: pointer;
    display: inline-flex
}

.add-favorites svg {
    fill: #81858b;
    height: 20px;
    width: 20px
}

.add-favorites svg .fill {
    display: none
}

.add-favorites i {
    font-size: 2rem
}

.add-favorites.active svg {
    fill: #ef4056
}

.add-favorites.active svg .outline {
    display: none
}

.add-favorites.active svg .fill {
    display: inline-block
}

.add-favorites.active i {
    color: #ef4056
}

figure.post-img {
    margin: 40px 0;
    text-align: center
}

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

body.page .post-content {
    line-height: 2.5
}

body.page .post-content h1 {
    font-size: 2.6rem
}

body.page .post-content h2 {
    font-size: 2.4rem
}

body.page .post-content h3 {
    font-size: 2.2rem
}

body.page .post-content h4 {
    font-size: 2rem
}

body.page .post-content h5 {
    font-size: 1.8rem
}

body.page .post-content h6 {
    font-size: 1.6rem
}

body.page .post-content img {
    height: auto;
    max-width: 100%
}

body.page .post-content img.alignright {
    display: inline;
    margin: 0 0 2px 7px;
    padding: 4px
}

body.page .post-content img.alignleft {
    display: inline;
    margin: 0 7px 2px 0;
    padding: 4px
}

body.page .post-content .aligncenter,
body.page .post-content img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

body.page .post-content .alignright {
    float: right
}

body.page .post-content .alignleft {
    float: left
}

body.page .post-content .lara-caption {
    max-width: 100%
}

body:not(.page) .post-content {
    line-height: 2.5
}

body:not(.page) .post-content a {
    border-bottom: 1px dashed #008eb2;
    color: #008eb2
}

body:not(.page) .post-content ul li {
    padding-left: 16px;
    position: relative
}

body:not(.page) .post-content ul li:before {
    background: #0c0c0c;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: calc(50% - 3px);
    width: 6px
}

body:not(.page) .post-content ul li:has(ul):before {
    display: none
}

body:not(.page) .post-content table {
    border: 1px solid #e0e0e2
}

body:not(.page) .post-content table * tr:nth-child(odd) td {
    background: #f0f0f1
}

body:not(.page) .post-content table td,
body:not(.page) .post-content table th {
    padding: 8px
}

@media(min-width:992px) {
    body:not(.page) .post-content table td,
    body:not(.page) .post-content table th {
        border: 1px solid #e0e0e2
    }
}

@media(max-width:992px) {
    body:not(.page) .post-content table tfoot,
    body:not(.page) .post-content table thead {
        display: none
    }
    body:not(.page) .post-content table td,
    body:not(.page) .post-content table th {
        display: block;
        width: 100%
    }
}

body:not(.page) .post-content h1 {
    font-size: 2.6rem
}

body:not(.page) .post-content h2 {
    font-size: 2.4rem
}

body:not(.page) .post-content h3 {
    font-size: 2.2rem
}

body:not(.page) .post-content h4 {
    font-size: 2rem
}

body:not(.page) .post-content h5 {
    font-size: 1.8rem
}

body:not(.page) .post-content h6 {
    font-size: 1.6rem
}

body:not(.page) .post-content img {
    height: auto;
    max-width: 100%
}

body:not(.page) .post-content img.alignright {
    display: inline;
    margin: 0 0 2px 7px;
    padding: 4px
}

body:not(.page) .post-content img.alignleft {
    display: inline;
    margin: 0 7px 2px 0;
    padding: 4px
}

body:not(.page) .post-content .aligncenter,
body:not(.page) .post-content img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

body:not(.page) .post-content .alignright {
    float: right
}

body:not(.page) .post-content .alignleft {
    float: left
}

body:not(.page) .post-content .lara-caption {
    max-width: 100%
}

.post-share-comments {
    align-items: center;
    border-bottom: 1px solid #f0f0f1;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding-bottom: 20px
}

.post-comments-count svg {
    fill: #81858b;
    height: 24px;
    width: 24px
}

.post-sharing {
    align-items: center;
    display: inline-flex;
    gap: 8px
}

.post-sharing svg {
    fill: #81858b;
    height: 24px;
    width: 24px
}

.post-sharing i {
    font-size: 2rem
}

.post-sharing .copy-link svg {
    height: 22px;
    width: 22px
}

.post-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px
}

.post-tags a {
    align-items: center;
    background: #f0f0f1;
    border-radius: 4px;
    color: #81858b;
    display: inline-flex;
    gap: 4px;
    padding: 4px 12px
}

.post-tags a:hover {
    background: #f8f8f8
}

.post-tags a svg {
    fill: #81858b;
    height: 18px;
    width: 18px
}

.post-comment {
    margin-top: 20px
}

.post-comment .post-comment-header {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 16px;
    padding-bottom: 12px
}

.post-comment .post-comment-header span {
    border-bottom: 2px solid #ef4056;
    display: inline-block;
    line-height: 2.5
}

.post-comment .comment-reply-title {
    align-items: center;
    display: flex;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4px;
    line-height: 2;
    margin-bottom: 12px
}

.post-comment .comment-reply-title #cancel-comment-reply-link {
    color: #81858b;
    line-height: 1;
    margin-left: 8px
}

.post-comment .must-log-in {
    background: #f0f9ff;
    border-radius: 4px;
    color: #0369a1;
    padding: 12px
}

.post-comment .must-log-in a {
    color: #0369a1;
    font-weight: 700
}

.post-comment .comment-rules {
    background: rgba(89, 214, 235, .1);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 12px
}

.post-comment #commentform .logged-in-as {
    margin-bottom: 12px
}

.post-comment #commentform .row {
    margin-bottom: 20px
}

.post-comment #commentform label {
    margin-bottom: 8px
}

.post-comment #commentform .comment-form-cookies-consent {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 20px
}

.post-comment #commentform .comment-form-cookies-consent label {
    margin-bottom: 0
}

.post-comment .comment-list {
    margin-top: 20px;
    padding-left: 0;
    padding-top: 20px
}

.post-comment .comment-list .comment {
    border-top: 1px solid #f0f0f1;
    margin-bottom: 20px;
    padding-top: 20px
}

.post-comment .comment-list .comment .comment-meta {
    align-items: center;
    color: #81858b;
    display: flex;
    font-size: 1.2rem;
    gap: 8px;
    margin-bottom: 8px
}

.post-comment .comment-list .comment .comment-meta a {
    background: #f0f0f1;
    border-radius: 100px;
    color: #81858b;
    font-size: 1.1rem;
    padding: 0 12px
}

.post-comment .comment-list .comment .comment-meta a:hover {
    color: #232933
}

.post-comment .comment-list .comment .comment-meta .separator {
    background: #c0c2c5;
    border-radius: 50%;
    display: inline-block;
    height: 4px;
    margin: 0 8px;
    width: 4px
}

.post-comment .comment-list .comment .comment-meta .comment-author {
    align-items: center;
    display: inline-flex;
    font-style: normal;
    gap: 8px
}

.post-comment .comment-list .comment .comment-meta .comment-author .avatar {
    border-radius: 50%
}

.post-comment .comment-list .comment .comment {
    margin-top: 20px;
    padding-left: 40px
}

.post-comment .comment-list .comment .comment-awaiting {
    background: #fff7ed;
    border-radius: 4px;
    color: #f97316;
    margin-top: 8px;
    padding: 8px
}

.post-comment,
.post-single {
    background: #fff;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    overflow: hidden;
    padding: 20px
}

@media(max-width:992px) {
    .container-single-post>.breadcrumb {
        padding-left: 20px;
        padding-right: 20px
    }
    .post-comment,
    .post-single {
        border: none;
        border-radius: 0
    }
    .container-single-post {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .container-single-post>.row {
        margin-left: 0;
        margin-right: 0
    }
    .container-single-post>.row>.col-12 {
        padding-left: 0;
        padding-right: 0
    }
}

.post-archive-header {
    background: #fff;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px
}

.post-archive-header .archive-title {
    font-size: 2rem
}

.post-archive-header .archive-title>span {
    border-bottom: 2px solid #ef4056;
    display: inline-block
}

.post-archive-header .archive-description {
    color: #a1a3a8;
    line-height: 2.5;
    margin-top: 20px
}

.post-archive-header .archive-description a {
    border-bottom: 1px dashed #008eb2;
    color: #008eb2
}

.post-archive-header .archive-description ul li {
    padding-left: 16px;
    position: relative
}

.post-archive-header .archive-description ul li:before {
    background: #0c0c0c;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: calc(50% - 3px);
    width: 6px
}

.post-archive-header .archive-description ul li:has(ul):before {
    display: none
}

.post-archive-header .archive-description table {
    border: 1px solid #e0e0e2
}

.post-archive-header .archive-description table * tr:nth-child(odd) td {
    background: #f0f0f1
}

.post-archive-header .archive-description table td,
.post-archive-header .archive-description table th {
    padding: 8px
}

@media(min-width:992px) {
    .post-archive-header .archive-description table td,
    .post-archive-header .archive-description table th {
        border: 1px solid #e0e0e2
    }
}

@media(max-width:992px) {
    .post-archive-header .archive-description table tfoot,
    .post-archive-header .archive-description table thead {
        display: none
    }
    .post-archive-header .archive-description table td,
    .post-archive-header .archive-description table th {
        display: block;
        width: 100%
    }
}

.post-archive-header .archive-description h1 {
    font-size: 2.6rem
}

.post-archive-header .archive-description h2 {
    font-size: 2.4rem
}

.post-archive-header .archive-description h3 {
    font-size: 2.2rem
}

.post-archive-header .archive-description h4 {
    font-size: 2rem
}

.post-archive-header .archive-description h5 {
    font-size: 1.8rem
}

.post-archive-header .archive-description h6 {
    font-size: 1.6rem
}

.post-archive-header .archive-description img {
    height: auto;
    max-width: 100%
}

.post-archive-header .archive-description img.alignright {
    display: inline;
    margin: 0 0 2px 7px;
    padding: 4px
}

.post-archive-header .archive-description img.alignleft {
    display: inline;
    margin: 0 7px 2px 0;
    padding: 4px
}

.post-archive-header .archive-description .aligncenter,
.post-archive-header .archive-description img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.post-archive-header .archive-description .alignright {
    float: right
}

.post-archive-header .archive-description .alignleft {
    float: left
}

.post-archive-header .archive-description .lara-caption {
    max-width: 100%
}

.archive-posts {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.archive-posts .post-item {
    background: #fff;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    overflow: hidden;
    padding: 0
}

.archive-posts .post-item:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2)
}

.archive-posts .post-item .img-link {
    display: block;
    text-align: center
}

.archive-posts .post-item .post-title {
    font-size: 1.4rem;
    line-height: 1.6;
    margin: 16px;
    max-height: 67px;
    overflow: hidden
}

.archive-posts .post-item .post-expert {
    color: #a1a3a8;
    line-height: 1.6;
    margin: 16px 0;
    max-height: 90px;
    overflow: hidden;
    padding: 0 16px
}

.archive-posts .post-item .post-cat-favorites {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 8px 16px
}

.archive-posts .post-item .post-cat-favorites .post-cat {
    background: #f2fcfd;
    border-radius: 14px;
    color: #19bfd3;
    display: inline-block;
    padding: 0 12px
}

.archive-posts .post-item .post-meta {
    align-items: center;
    color: #a1a3a8;
    display: flex;
    justify-content: space-between;
    padding: 16px
}

.archive-posts .post-item .post-meta .post-author {
    align-items: center;
    display: flex;
    gap: 8px
}

.archive-posts .post-item .post-meta .post-author .avatar {
    border-radius: 50%
}

@media(max-width:992px) {
    .container-archive-post .breadcrumb {
        padding-left: 20px;
        padding-right: 20px
    }
    .post-archive-header {
        border: none;
        border-radius: 0
    }
    .container-archive-post {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .container-archive-post>.row {
        margin-left: 0;
        margin-right: 0
    }
    .container-archive-post>.row>.col-12 {
        padding-left: 0;
        padding-right: 0
    }
    .archive-posts {
        grid-gap: 0;
        background: #fff;
        grid-template-columns: repeat(2, 1fr)
    }
    .archive-posts .post-item {
        border: none;
        border-bottom: 1px solid #f0f0f1;
        border-radius: 0
    }
    .archive-posts .post-item:nth-child(odd) {
        border-right: 1px solid #f0f0f1
    }
}

@media(max-width:576px) {
    .archive-posts {
        grid-template-columns: repeat(1, 1fr)
    }
    .archive-posts .post-item {
        border: none;
        border-bottom: 1px solid #f0f0f1;
        border-radius: 0
    }
}

body.user-account-page .breadcrumb {
    display: none
}

body.user-account-page .post-main-content {
    margin-left: 0;
    margin-right: 0
}

body.user-account-page .post-single {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0
}

body.user-account-page .post-header,
body.user-account-page .post-img {
    display: none
}

body.user-account-page:not(.logged-in),
body.user-account-page:not(.logged-in) #main {
    min-height: 100vh
}

body.user-account-page:not(.logged-in) #main .container-single-post {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100vh
}

body.user-account-page:not(.logged-in) .user-account-content {
    background: #fff;
    overflow: hidden;
    padding: 20px;
    width: 100%
}

body.user-account-page:not(.logged-in) .user-account-content .logo-wrapper {
    margin-bottom: 16px;
    text-align: center
}

body.user-account-page:not(.logged-in) .user-account-content h2 {
    font-size: 2rem;
    margin-bottom: 16px
}

body.user-account-page:not(.logged-in) .user-account-content label.remember {
    align-items: center;
    display: flex;
    gap: 8px
}

body.user-account-page:not(.logged-in) .user-account-content .button {
    width: 100%
}

body.user-account-page:not(.logged-in) .user-account-content .privacy-policy-text {
    background: #fff7ed;
    border-radius: 8px;
    color: #c2410c;
    margin-bottom: 12px;
    padding: 8px
}

body.user-account-page:not(.logged-in) .user-account-content .lost-password-text {
    background-color: rgba(0, 142, 178, .1);
    border-radius: 8px;
    color: #008eb2;
    margin-bottom: 20px;
    padding: 16px
}

body.user-account-page:not(.logged-in) .user-account-content .user-account-footer {
    background: #f0f0f1;
    margin: 20px -20px -20px;
    padding: 12px;
    text-align: center
}

body.user-account-page:not(.logged-in) .user-account-content .user-account-footer a {
    font-weight: 700
}

@media(min-width:992px) {
    body.user-account-page:not(.logged-in) .user-account-content {
        border: 1px solid #e0e0e2;
        border-radius: 8px;
        margin: 20px 0;
        width: 480px
    }
}

@media(max-width:992px) {
    body.user-account-page:not(.logged-in) .container-single-post>.row {
        width: 100%
    }
    body.user-account-page:not(.logged-in) .user-account-content input[type=email],
    body.user-account-page:not(.logged-in) .user-account-content input[type=password],
    body.user-account-page:not(.logged-in) .user-account-content input[type=text] {
        background: #f0f0f1;
        border-bottom-width: 2px;
        border-color: #f0f0f1 #f0f0f1 #19bfd3
    }
}

.user-account--content,
.user-account-navigation {
    background: #fff
}

.user-account--content {
    padding: 20px
}

.user-account--content .content-title {
    font-size: 1.6rem;
    margin-bottom: 28px
}

.user-account--content .content-title span {
    border-bottom: 2px solid #ef4056;
    display: inline-block
}

.user-account--content .no-items {
    padding: 20px 0;
    text-align: center
}

.account-user-avatar {
    align-items: center;
    display: flex;
    gap: 8px;
    margin: 20px 12px;
    position: relative
}

.account-user-avatar .modal-toggle {
    fill: #fff;
    background: #a1a3a8;
    border-radius: 50%;
    bottom: 0;
    cursor: pointer;
    height: 20px;
    left: 0;
    padding: 4px;
    position: absolute;
    width: 20px
}

.account-user-avatar .avatar {
    border: 2px solid #e0e0e2;
    border-radius: 50%
}

.account-user-avatar .user-info {
    line-height: 1.7
}

.account-user-avatar .user-info .display-name {
    font-size: 1.6rem;
    font-weight: 700
}

.account-user-avatar .user-info .phone {
    color: #a1a3a8
}

.account-custom-items {
    margin: 20px 32px
}

.account-custom-items a {
    color: #19bfd3;
    display: block;
    line-height: 3;
    padding-left: 20px;
    position: relative
}

.account-custom-items a:before {
    background: #e0e0e2;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}

.account-custom-items a:after {
    background: #e0e0e2;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: -3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.user-account-navigation {
    overflow: hidden
}

.user-account-navigation ul li {
    padding: 12px 0
}

.user-account-navigation ul li.is-active a {
    border-left-color: #ef4056;
    font-weight: 700
}

.user-account-navigation ul li:hover {
    background: #f0f0f1
}

.user-account-navigation ul li a {
    align-items: center;
    border-left: 4px solid transparent;
    display: flex;
    gap: 12px;
    padding: 4px 12px
}

.user-account-navigation ul li a svg {
    fill: #0c0c0c;
    height: 24px;
    width: 24px
}

.user-account-navigation ul li a .chevron {
    fill: #81858b;
    fill: #c0c2c5;
    height: 20px;
    margin-left: auto;
    width: 20px
}

.user-account-navigation ul li a .count {
    background: #ef4056;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 17px;
    margin-left: 8px;
    padding: 0 5px
}

.user-account-navigation ul li:first-child {
    border-top: 1px solid #f0f0f1
}

.user-account-navigation ul li:not(:last-child) {
    border-bottom: 1px solid #f0f0f1
}

@media(min-width:992px) {
    .user-account-inner {
        grid-gap: 12px;
        display: grid;
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .user-account-navigation {
        grid-column: span 2
    }
    .user-account--content {
        grid-column: span 8
    }
    .user-account--content,
    .user-account-navigation {
        border: 1px solid #e0e0e2;
        border-radius: 8px
    }
    .user-account-navigation li a .chevron {
        display: none
    }
}

@media(max-width:992px) {
    .account-user-avatar {
        padding-top: 20px
    }
    .user-account--content {
        margin-top: 20px
    }
}

#avatar-modal .message {
    margin-bottom: 12px
}

#avatar-modal form {
    text-align: center
}

#avatar-modal form>div:first-child {
    border: 1px dashed #c0c2c5;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 16px
}

#avatar-modal form #preview {
    height: auto;
    max-height: 256px;
    max-width: 256px;
    width: auto
}

#avatar-modal form .description {
    color: #81858b;
    font-size: 1.1rem;
    margin: 12px 0
}

#avatar-modal form #avatar,
#avatar-modal form .remove-avatar.hidden {
    display: none
}

.user-account-notifications .notification {
    display: flex;
    gap: 20px;
    padding: 12px 0
}

.user-account-notifications .notification .image-column {
    min-width: 64px
}

.user-account-notifications .notification .content-column .title {
    font-size: 1.4rem;
    line-height: 2
}

.user-account-notifications .notification .content-column .content {
    color: #81858b;
    margin: 12px 0
}

.user-account-notifications .notification .content-column .footer {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.user-account-notifications .notification .content-column .footer a {
    color: #008eb2
}

.user-account-notifications .notification .content-column .footer .date {
    color: #a1a3a8;
    font-size: 1.2rem
}

.user-account-notifications .notification:not(:last-child) {
    border-bottom: 1px solid #e0e0e2
}

.user-account-notifications .notification.not-viewed .content-column .title {
    position: relative
}

.user-account-notifications .notification.not-viewed .content-column .title:after {
    background-color: #19bfd3;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    position: absolute;
    right: 0;
    top: 18px;
    width: 8px
}

.user-account-notifications .notification.not-viewed .footer a {
    color: #19bfd3;
    font-weight: 700
}

.user-account-notification-view .date {
    color: #a1a3a8
}

.user-account-notification-view .content {
    line-height: 2.5;
    text-align: justify
}

.user-account-notification-view .content a {
    border-bottom: 1px dashed #008eb2;
    color: #008eb2
}

.user-account-notification-view .content ul li {
    padding-left: 16px;
    position: relative
}

.user-account-notification-view .content ul li:before {
    background: #0c0c0c;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: calc(50% - 3px);
    width: 6px
}

.user-account-notification-view .content ul li:has(ul):before {
    display: none
}

.user-account-notification-view .content table {
    border: 1px solid #e0e0e2
}

.user-account-notification-view .content table * tr:nth-child(odd) td {
    background: #f0f0f1
}

.user-account-notification-view .content table td,
.user-account-notification-view .content table th {
    padding: 8px
}

@media(min-width:992px) {
    .user-account-notification-view .content table td,
    .user-account-notification-view .content table th {
        border: 1px solid #e0e0e2
    }
}

@media(max-width:992px) {
    .user-account-notification-view .content table tfoot,
    .user-account-notification-view .content table thead {
        display: none
    }
    .user-account-notification-view .content table td,
    .user-account-notification-view .content table th {
        display: block;
        width: 100%
    }
}

.user-account-notification-view .content h1 {
    font-size: 2.6rem
}

.user-account-notification-view .content h2 {
    font-size: 2.4rem
}

.user-account-notification-view .content h3 {
    font-size: 2.2rem
}

.user-account-notification-view .content h4 {
    font-size: 2rem
}

.user-account-notification-view .content h5 {
    font-size: 1.8rem
}

.user-account-notification-view .content h6 {
    font-size: 1.6rem
}

.user-account-notification-view .content img {
    height: auto;
    max-width: 100%
}

.user-account-notification-view .content img.alignright {
    display: inline;
    margin: 0 0 2px 7px;
    padding: 4px
}

.user-account-notification-view .content img.alignleft {
    display: inline;
    margin: 0 7px 2px 0;
    padding: 4px
}

.user-account-notification-view .content .aligncenter,
.user-account-notification-view .content img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.user-account-notification-view .content .alignright {
    float: right
}

.user-account-notification-view .content .alignleft {
    float: left
}

.user-account-notification-view .content .lara-caption {
    max-width: 100%
}

#notifications-modal .modal-content {
    text-align: center
}

#notifications-modal .modal-content p {
    margin: 20px
}

.user-account-comments .comment {
    display: flex;
    gap: 16px;
    padding: 20px 0
}

.user-account-comments .comment>div:first-child {
    min-width: 64px;
    text-align: center
}

.user-account-comments .comment .post-title {
    align-items: center;
    display: flex;
    font-size: 1.4rem;
    justify-content: space-between;
    line-height: 2
}

.user-account-comments .comment .post-title .comment-status {
    border: 1px solid transparent;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.8;
    padding: 0 8px
}

.user-account-comments .comment .post-title .comment-status.approved {
    background-color: rgba(76, 175, 80, .1);
    color: #2e7b32
}

.user-account-comments .comment .post-title .comment-status.unapproved {
    background-color: rgba(175, 76, 83, .1);
    color: #b2001a
}

.user-account-comments .comment .comment-date {
    color: #a1a3a8;
    font-size: 1.2rem;
    margin: 4px 0
}

.user-account-comments .comment .comment-body {
    color: #81858b
}

.user-account-comments .comment>div:nth-child(2) {
    flex-grow: 1
}

.user-account-comments .comment:not(:last-child) {
    border-bottom: 1px solid #e0e0e2
}

.my-account-favorites,
.my-account-viewed-products,
.user-account-inner.favorites .user-account--content {
    padding: 0 !important
}

.my-account-favorites .content-title,
.my-account-viewed-products .content-title,
.user-account-inner.favorites .user-account--content .content-title {
    padding: 20px
}

.user-account-posts-list {
    border-bottom: 1px solid #e0e0e2;
    border-top: 1px solid #e0e0e2;
    margin-bottom: 40px
}

.user-account-posts-list .inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    overflow: hidden
}

.user-account-posts-list .post {
    border: 1px solid #e0e0e2;
    margin-bottom: -1px;
    margin-right: -1px;
    padding: 20px
}

.user-account-posts-list .post .img-wrapper {
    text-align: center
}

.user-account-posts-list .post .post-title {
    font-size: 1.4rem;
    font-weight: 400;
    height: 50px;
    line-height: 25px;
    margin: 8px 0;
    overflow: hidden;
    text-align: center
}

.user-account-posts-list .post .price {
    margin-bottom: 20px
}

.user-account-posts-list .post .post-actions {
    grid-gap: 4px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr))
}

@media(min-width:992px) {
    .user-account-posts-list .inner {
        margin-right: -1px;
        margin-top: -1px
    }
}

@media(max-width:992px) {
    .user-account-posts-list .inner {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width:768px) {
    .user-account-posts-list .inner {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width:576px) {
    .user-account-posts-list .inner {
        grid-template-columns: repeat(1, 1fr)
    }
}

pre.xdebug-var-dump {
    direction: ltr;
    text-align: left
}

 

ul ul li {
    padding-left: 0;
    padding-right: 20px
}

select {
    background-position-x: 12px
}

.main-header .search-form input[type=search] {
    padding-left: unset;
    padding-right: 50px
}

.main-header .search-form .arrow-icon,
.main-header .search-form .search-icon {
    left: unset;
    right: 10px
}

.main-header .search-form .product-cat {
    border-left: none;
    border-right: 1px solid #e0e0e2;
    left: 0;
    right: unset
}

.main-header .search-form .product-cat+.loading {
    left: 140px;
    right: unset
}

.main-header .search-form .clear,
.main-header .search-form .loading {
    left: 10px;
    right: unset
}

.main-header .search-form .product-cat+.loading+.clear {
    left: 120px;
    right: unset
}

.main-header .user-dropdown-menu {
    left: 0;
    right: unset
}

.main-header .user-dropdown-menu .dropdown-item a .chevron {
    margin-left: unset;
    margin-right: auto;
    transform: rotate(180deg)
}

.main-header .search-form .arrow-icon {
    transform: rotate(180deg)
}

.main-header .col-address .customer-address .chevron {
    margin-left: unset;
    margin-right: auto;
    transform: rotate(180deg)
}

.owl-carousel .owl-nav button svg {
    transform: rotate(180deg)
}

.fullwidth-slider .owl-carousel .owl-dots,
.fullwidth-slider .owl-carousel .owl-nav {
    padding-left: unset;
    padding-right: 20px
}

#zuck-modal-content {
    direction: ltr;
    text-align: left
}

.main-footer .description .col-enamad {
    text-align: left
}

.main-footer .menu-title svg,
.pagination .page-numbers svg,
ul.page-numbers .page-numbers svg {
    transform: rotate(180deg)
}

.faq-box .faq-header {
    flex-direction: row-reverse
}

.app-bar svg.close {
    margin-left: unset;
    margin-right: auto
}

.account-user-avatar .modal-toggle {
    left: unset;
    right: 0
}

.account-custom-items a {
    padding-left: 0;
    padding-right: 20px
}

.account-custom-items a:before {
    left: unset;
    right: 0
}

.account-custom-items a:after {
    left: unset;
    right: -3px
}

.user-account-navigation ul li a {
    border-left: none;
    border-right: 4px solid transparent
}

.user-account-navigation ul li.is-active a {
    border-left: none;
    border-right-color: #ef4056
}

.user-account-navigation ul li a .chevron {
    margin-left: unset;
    margin-right: auto;
    transform: rotate(180deg)
}

.user-account-notifications .notification .content-column .footer .date {
    direction: ltr
}

.user-account-notifications .notification.not-viewed .content-column .title:after {
    left: 0;
    right: unset
}

.user-account-comments .comment .comment-date {
    direction: ltr
}

.user-account-posts-list .post .post-actions .button:not(.remove-post) svg {
    transform: rotate(180deg)
}

.widget-categories .cat-item a .chevron,
.widget_categories .cat-item a .chevron,
.widget_product_categories .cat-item a .chevron {
    margin-left: unset;
    margin-right: auto;
    transform: rotate(180deg)
}

.widget-posts .posts .post-item .post-date {
    direction: ltr
}

.widget_search form input[type=submit] {
    border-radius: 8px 0 0 8px;
    left: 0;
    right: unset
}

body:not(.page) .post-content ul li {
    padding-left: 0;
    padding-right: 16px
}

body:not(.page) .post-content ul li:before {
    left: unset;
    right: 0
}

.archive-posts .post-item .post-date {
    direction: ltr
}

@media(min-width:992px) {
    #top-menu .top-menu .menu-item-has-children .sub-menu {
        left: unset;
        right: 0
    }
    #cat-menu .cat-menu>.menu-item:not(:nth-last-child(2))>a:after {
        left: unset;
        right: 100%
    }
    #cat-menu .cat-menu .menu-item.address {
        margin-left: unset;
        margin-right: auto
    }
    #cat-menu .cat-menu .mega-menu>.sub-menu>.menu-item>a:before,
    #cat-menu .cat-menu .menu-item-has-children .sub-menu {
        left: unset;
        right: 0
    }
    #cat-menu .cat-menu .menu-item a .chevron {
        transform: rotate(180deg)
    }
    #cat-menu .cat-menu .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
        border-left: none;
        border-right: 1px solid #f0f0f1;
        left: unset;
        right: 100%
    }
    #cat-menu .cat-menu .mega-menu .sub-menu .sub-menu {
        border-right: none !important
    }
    #cat-menu .cat-menu .mega-menu-main-item>.sub-menu {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 8px
    }
    #cat-menu .cat-menu .mega-menu-main-item>.sub-menu .mega-menu>.sub-menu {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 0
    }
    #cat-menu .cat-menu .menu-item-has-children .sub-menu .menu-item {
        padding-left: unset;
        padding-right: 0
    }
    #cat-menu .cat-menu #magic-line {
        left: unset;
        right: 0
    }
}

@media(min-width:768px) {
    .widget-special-ads .row-ads>:first-child {
        border-radius: 0 8px 8px 0
    }
    .widget-special-ads .row-ads>:last-child {
        border-radius: 8px 0 0 8px
    }
}

@media(max-width:992px) {
    #cat-menu {
        left: unset;
        right: -320px
    }
    body.cat-menu-show #cat-menu {
        left: unset;
        right: 0
    }
    #cat-menu .menu-item a .chevron {
        margin-left: unset;
        margin-right: auto
    }
}

@media(max-width:768px) {
    .widget-special-ads .row-ads>:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 8px
    }
    .widget-special-ads .row-ads>:nth-child(2) {
        border-top-left-radius: 8px;
        border-top-right-radius: 0
    }
    .widget-special-ads .row-ads>:nth-child(3) {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 8px
    }
    .widget-special-ads .row-ads>:last-child {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 0
    }
}

@media(max-width:992px) {
    .archive-posts .post-item:nth-child(odd) {
        border-left: 1px solid #f0f0f1;
        border-right: none
    }
}
.ltr{
	direction:ltr;
}
.w-30{
width: 33px !important;
}

.footer-image-width{
    width: 80px;
}