html {
    font-size: 14px
}

body {
    --bs-backup-font-family: "Helvetica Neue", Helvetica, -apple-system, Arial, "Lucida Grande", system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-family: var(--bs-body-font-family, --bs-backup-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    scrollbar-color: rgba(0, 0, 0, .1) var(--bs-body-bg);
    scrollbar-width: thin;
    -webkit-font-smoothing: subpixel-antialiased;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    overflow-x: hidden;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat
}

body::-webkit-scrollbar {
    width: .5rem;
    background-color: rgba(0, 0, 0, .05)
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .05);
    background-color: rgba(0, 0, 0, .05)
}

body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .15);
    border-radius: 10px
}

html[dir=rtl] body {
    direction: ltr !important
}

html[dir=rtl] footer,
html[dir=rtl] header,
html[dir=rtl] section {
    direction: rtl !important
}

@media (min-width:993px) {
    body.fixed-body {
        padding-top: 5rem
    }
}

@media (max-width:992px) {
    body {
        padding-top: 4rem
    }
}

:root,
[data-bs-theme=light] {
    --bs-screen-full: 100%;
    --bs-screen-xxl: 88%;
    --bs-screen-large: 78%;
    --bs-screen-mid: 68%;
    --bs-screen-small: 58%;
    --bs-screen-full-notebook: var(--bs-screen-full);
    --bs-screen-xxl-notebook: var(--bs-screen-xxl);
    --bs-screen-large-notebook: var(--bs-screen-large);
    --bs-screen-mid-notebook: var(--bs-screen-mid);
    --bs-screen-small-notebook: var(--bs-screen-small);
    --bs-screen-full-pad: var(--bs-screen-full);
    --bs-screen-xxl-pad: var(--bs-screen-xxl);
    --bs-screen-large-pad: var(--bs-screen-large);
    --bs-screen-mid-pad: var(--bs-screen-mid);
    --bs-screen-small-pad: var(--bs-screen-small);
    --bs-screen-full-mobile: var(--bs-screen-full);
    --bs-screen-xxl-mobile: var(--bs-screen-xxl);
    --bs-screen-large-mobile: var(--bs-screen-large);
    --bs-screen-mid-mobile: var(--bs-screen-mid);
    --bs-screen-small-mobile: var(--bs-screen-small);
    --bs-body-color: #333333;
    --bs-body-bg: #fff;
    --bs-theme-color: #0f790b;
    --bs-sec-theme-color: #629c45;
    --bs-mask-white: #ffffff;
    --bs-mask-dark: #000000;
    --bs-link-color: #333333;
    --bs-link-hover-color: #0f790b;
    --bs-head-ac-bg-color: #0f790b;
    --bs-link-decoration: none;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-h-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-h-font-family: var(--bs-h-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-h-font-size: 1rem;
    --bs-nb-h-font-size: var(--bs-h-font-size);
    --bs-pad-h-font-size: var(--bs-h-font-size);
    --bs-mob-h-font-size: var(--bs-h-font-size);
    --bs-body-font-weight: 400;
    --bs-h-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-radius: 0.375rem
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #adb5bd;
    --bs-body-color-rgb: 173, 181, 189;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: #e685b5;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15)
}

* {
    background-size: cover
}

*,
.country-flag {
    background-repeat: no-repeat
}

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

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

em,
i,
i.la {
    font-style: normal
}

.la,
.swiper-button {
    font-family: "Font Awesome 6 Free";
    font-weight: 900
}

ol,
ul {
    padding: 0;
    margin: 0
}

dl,
ol,
ul {
    padding: 0;
    margin: 0
}

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

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

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
    color: var(--bs-link-hover-color)
}

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

img,
svg {
    vertical-align: middle
}

img {
    max-width: 100%;
    aspect-ratio: auto;
    object-fit: contain
}

img[h-auto] {
    height: auto
}

img[w-auto] {
    width: auto
}

img[size-auto] {
    width: auto;
    height: auto
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

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

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[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
}

textarea {
    resize: vertical
}

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

header {
    z-index: 999;
    width: 100%
}

header.position-sticky {
    top: 0
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.form-control {
    display: block;
    width: 100%;
    padding: .4rem .5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    appearance: none;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

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

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

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25
}

#logo {
    margin-left: .5rem;
    margin-top: .15rem
}

html[data-bs-theme=dark] #logo {
    filter: brightness(3)
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: inherit;
    line-height: 1.2;
    color: var(--bs-heading-color, inherit)
}

.h1,
h1 {
    font-size: calc(1.375rem + 1.5vw)
}

h1,
h2 {
    font-family: var(--bs-h-font-family);
    font-weight: var(--bs-h-font-weight);
    font-size: var(--bs-h-font-size)
}

h1 strong,
h2 strong {
    font-weight: inherit
}

@media (min-width:1200px) {

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

.h2,
h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {

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

.h3,
h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {

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

.h4,
h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {

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

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

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

main {
    min-height: 800px;
    overflow: hidden
}

main[fullpage] {
    overflow: visible
}

.fp-section {
    overflow: hidden
}

.page-container {
    margin: 0 auto;
    padding: 2rem 0
}

.page-container .page-aside {
    width: 20rem;
    margin-right: 1rem;
    padding: .5rem
}

.page-container .page-main {
    padding: .5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: calc(100% - 21rem)
}

.page-container .page-aside .layout,
.page-container .page-main .layout {
    width: 100% !important;
    min-width: auto
}

.page-container .page-aside section,
.page-container .page-main section {
    padding: .5rem
}

.layout {
    max-width: 100%;
    min-width: 1080px;
    margin: 0 auto
}

[data-screen=screen-full] .layout {
    width: var(--bs-screen-full)
}

[data-screen=screen-xxl] .layout {
    width: var(--bs-screen-xxl)
}

[data-screen=screen-large] .layout {
    width: var(--bs-screen-large)
}

[data-screen=screen-mid] .layout {
    width: var(--bs-screen-mid)
}

[data-screen=screen-small] .layout {
    width: var(--bs-screen-small)
}

@media only screen and (max-width:1366px) {
    [data-screen=screen-full] .layout {
        width: var(--bs-screen-full-notebook)
    }

    [data-screen=screen-xxl] .layout {
        width: var(--bs-screen-xxl-notebook)
    }

    [data-screen=screen-large] .layout {
        width: var(--bs-screen-large-notebook)
    }

    [data-screen=screen-mid] .layout {
        width: var(--bs-screen-mid-notebook)
    }

    [data-screen=screen-small] .layout {
        width: var(--bs-screen-small-notebook)
    }
}

@media only screen and (max-width:1200px) {
    .layout {
        max-width: unset;
        min-width: unset
    }
}

@media only screen and (max-width:1080px) {

    [data-screen=screen-large] .layout,
    [data-screen=screen-mid] .layout,
    [data-screen=screen-small] .layout {
        width: 90%
    }

    section {
        overflow: hidden
    }
}

@media only screen and (max-width:820px) {
    [data-screen=screen-full] .layout {
        width: var(--bs-screen-full-pad)
    }

    [data-screen=screen-xxl] .layout {
        width: var(--bs-screen-xxl-pad)
    }

    [data-screen=screen-large] .layout {
        width: var(--bs-screen-large-pad)
    }

    [data-screen=screen-mid] .layout {
        width: var(--bs-screen-mid-pad)
    }

    [data-screen=screen-small] .layout {
        width: var(--bs-screen-small-pad)
    }
}

@media only screen and (max-width:480px) {
    [data-screen=screen-full] .layout {
        width: var(--bs-screen-full-mobile)
    }

    [data-screen=screen-xxl] .layout {
        width: var(--bs-screen-xxl-mobile)
    }

    [data-screen=screen-large] .layout {
        width: var(--bs-screen-large-mobile)
    }

    [data-screen=screen-mid] .layout {
        width: var(--bs-screen-mid-mobile)
    }

    [data-screen=screen-small] .layout {
        width: var(--bs-screen-small-mobile)
    }
}

.section-sidebar-wrap-block {
    position: fixed;
    bottom: 50%;
    z-index: 99;
    padding: 10px 0;
    text-align: left;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -ms-transform: translateY(50%)
}

.section-sidebar-wrap-block .right_nav {
    margin: 0;
    padding: 2px 0
}

.anchor_47ae9ec4c0978a1293d1030e30034b8a {
    color: #0070ce;
    font-weight: 700
}

.d-inline {
    display: inline
}

.d-inline-block {
    display: inline-block
}

.d-block,
.display-block {
    display: block
}

.d-grid {
    display: grid
}

.d-inline-grid {
    display: inline-grid
}

.d-flex {
    display: flex
}

.d-inline-flex {
    display: inline-flex
}

.d-none {
    display: none !important
}

.position-static {
    position: static
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky
}

.w-25 {
    width: 25%
}

.w-50 {
    width: 50%
}

.w-75 {
    width: 75%
}

.w-100 {
    width: 100%
}

.w-auto {
    width: auto
}

.mw-100 {
    max-width: 100%
}

.vw-100 {
    width: 100vw
}

.min-vw-100 {
    min-width: 100vw
}

.h-25 {
    height: 25%
}

.h-50 {
    height: 50%
}

.h-75 {
    height: 75%
}

.h-100 {
    height: 100%
}

.h-auto {
    height: auto
}

.mh-100 {
    max-height: 100%
}

.vh-100 {
    height: 100vh
}

.min-vh-100 {
    min-height: 100vh
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row
}

.flex-column {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.justify-content-start {
    justify-content: flex-start
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-center {
    justify-content: center
}

.justify-content-between {
    justify-content: space-between
}

.justify-content-around {
    justify-content: space-around
}

.justify-content-evenly {
    justify-content: space-evenly
}

.align-items-start {
    align-items: flex-start
}

.align-items-end {
    align-items: flex-end
}

.align-items-center {
    align-items: center
}

.align-left {
    float: left;
    margin-bottom: 25px;
    max-width: 50%
}

.align-right {
    float: right;
    margin-bottom: 25px;
    max-width: 50%
}

.align-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

/* font */
@font-face {
    font-family: Line Awesome Free;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../../fonts/fontawesome/fa-regular-400.woff2) format("woff2"), url(../../fonts/fontawesome/fa-regular-400.ttf) format("truetype")
}

@font-face {
    font-family: Line Awesome Free;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../../fonts/fontawesome/fa-solid-900.woff2) format("woff2"), url(../../fonts/fontawesome/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family: Font Awesome Pro;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../../fonts/fontawesome/fa-solid-900.woff2) format("woff2"), url(../../fonts/fontawesome/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family: "HarmonyOS Sans";
    font-style: normal;
    src: url(../../fonts/harmonyos-sans/HarmonyOS_Sans_Thin.ttf) format("truetype");
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: "HarmonyOS Sans";
    font-style: normal;
    src: url(../../fonts/harmonyos-sans/HarmonyOS_Sans_Light.ttf) format("truetype");
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: "HarmonyOS Sans";
    font-style: normal;
    src: url(../../fonts/harmonyos-sans/HarmonyOS_Sans_Regular.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "HarmonyOS Sans";
    font-style: normal;
    src: url(../../fonts/harmonyos-sans/HarmonyOS_Sans_Medium.ttf) format("truetype");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "HarmonyOS Sans";
    font-style: normal;
    src: url(../../fonts/harmonyos-sans/HarmonyOS_Sans_Bold.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: "HarmonyOS Sans";
    font-style: normal;
    src: url(../../fonts/harmonyos-sans/HarmonyOS_Sans_Black.ttf) format("truetype");
    font-weight: 900;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi;
    font-style: normal;
    src: url(https://ecdn6.globalso.com/fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-35-Thin.ttf) format("truetype");
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi;
    font-style: normal;
    src: url(https://ecdn6.globalso.com/fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-55-Light.ttf) format("truetype");
    font-weight: 200;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi;
    font-style: normal;
    src: url(../../fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-55-RegularL3.ttf) format("truetype");
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi;
    font-style: normal;
    src: url(../../fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-55-Regular.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi;
    font-style: normal;
    src: url(../../fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-65-Medium.ttf) format("truetype");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi;
    font-style: normal;
    src: url(../../fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-75-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi;
    font-style: normal;
    src: url(../../fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-85-Bold.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi;
    font-style: normal;
    src: url(../../fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-95-ExtraBold.ttf) format("truetype");
    font-weight: 800;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi;
    font-style: normal;
    src: url(https://ecdn6.globalso.com/fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-105-Heavy.ttf) format("truetype");
    font-weight: 900;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi-Thin;
    font-style: normal;
    src: url(https://ecdn6.globalso.com/fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-35-Thin.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi-Light;
    font-style: normal;
    src: url(../../fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-45-Light.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi-Regular;
    font-style: normal;
    src: url(../../fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-55-Regular.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi-RegularL3;
    font-style: normal;
    src: url(../../fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-55-RegularL3.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi-Medium;
    font-style: normal;
    src: url(../../fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-65-Medium.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi-SemiBold;
    font-style: normal;
    src: url(../../fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-75-SemiBold.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi-Bold;
    font-style: normal;
    src: url(../../fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-85-Bold.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi-ExtraBold;
    font-style: normal;
    src: url(../../fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-95-ExtraBold.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi-Heavy;
    font-style: normal;
    src: url(https://ecdn6.globalso.com/fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-105-Heavy.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: AlibabaPuHuiTi-Black;
    font-style: normal;
    src: url(../../fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-115-Black.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: ru_AV_Fontimer;
    font-style: normal;
    src: url(../../fonts/ru-sans/ofont.ru_AV_Fontimer.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: ru_Etude_Noire;
    font-style: normal;
    src: url(../../fonts/ru-sans/ofont.ru_Etude_Noire.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: ru_Evolventa;
    font-style: normal;
    src: url(../../fonts/ru-sans/ofont.ru_Evolventa.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: ru_Gehaks;
    font-style: normal;
    src: url(../../fonts/ru-sans/ofont.ru_Gehaks.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: ru_Goznak;
    font-style: normal;
    src: url(../../fonts/ru-sans/ofont.ru_Goznak.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Butler_Ultra_Light;
    font-style: normal;
    src: url(../../fonts/Butler/Butler_Ultra_Light.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Butler_Ultra_Light_Stencil;
    font-style: normal;
    src: url(../../fonts/Butler/Butler_Ultra_Light_Stencil.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Butler_Light;
    font-style: normal;
    src: url(../../fonts/Butler/Butler_Light.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Butler_Light_Stencil;
    font-style: normal;
    src: url(../../fonts/Butler/Butler_Light_Stencil.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Butler_Regular;
    font-style: normal;
    src: url(../../fonts/Butler/Butler_Regular.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Butler_Regular_Stencil;
    font-style: normal;
    src: url(../../fonts/Butler/Butler_Regular_Stencil.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Butler_Medium;
    font-style: normal;
    src: url(../../fonts/Butler/Butler_Medium.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Butler_Medium_Stencil;
    font-style: normal;
    src: url(../../fonts/Butler/Butler_Medium_Stencil.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Butler_Bold;
    font-style: normal;
    src: url(../../fonts/Butler/Butler_Bold.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Butler_Bold_Stencil;
    font-style: normal;
    src: url(../../fonts/Butler/Butler_Bold_Stencil.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Butler_ExtraBold;
    font-style: normal;
    src: url(../../fonts/Butler/Butler_ExtraBold.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Butler_ExtraBold_Stencil;
    font-style: normal;
    src: url(../../fonts/Butler/Butler_ExtraBold_Stencil.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Butler_Black;
    font-style: normal;
    src: url(../../fonts/Butler/Butler_Black.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Butler_Black_Stencil;
    font-style: normal;
    src: url(../../fonts/Butler/Butler_Black_Stencil.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Rany_Light;
    font-style: normal;
    src: url(../../fonts/Rany/Rany-Light.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Rany_Light_Italic;
    font-style: normal;
    src: url(../../fonts/Rany/Rany-Light-Italic.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Rany_Regular;
    font-style: normal;
    src: url(../../fonts/Rany/Rany.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Rany_Italic;
    font-style: normal;
    src: url(../../fonts/Rany/Rany-Italic.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Rany_Medium;
    font-style: normal;
    src: url(../../fonts/Rany/Rany-Medium.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Rany_Medium_Italic;
    font-style: normal;
    src: url(../../fonts/Rany/Rany-Medium-Italic.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Rany_Bold;
    font-style: normal;
    src: url(../../fonts/Rany/Rany-Bold.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Rany_Bold_Italic;
    font-style: normal;
    src: url(../../fonts/Rany/Rany-Bold-Italic.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Satoshi-Bold;
    font-style: normal;
    src: url(../../fonts/Satoshi/Satoshi-Bold.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Satoshi-Regular;
    font-style: normal;
    src: url(../../fonts/Satoshi/Satoshi-Regular.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Satoshi-Black;
    font-style: normal;
    src: url(../../fonts/Satoshi_Complete/Satoshi-Black.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Satoshi-BlackItalic;
    font-style: normal;
    src: url(../../fonts/Satoshi_Complete/Satoshi-BlackItalic.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Satoshi-BoldItalic;
    font-style: normal;
    src: url(../../fonts/Satoshi_Complete/Satoshi-BoldItalic.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Satoshi-Italic;
    font-style: normal;
    src: url(../../fonts/Satoshi_Complete/Satoshi-Italic.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Satoshi-Light;
    font-style: normal;
    src: url(../../fonts/Satoshi_Complete/Satoshi-Light.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Satoshi-LightItalic;
    font-style: normal;
    src: url(../../fonts/Satoshi_Complete/Satoshi-LightItalic.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Satoshi-Medium;
    font-style: normal;
    src: url(../../fonts/Satoshi_Complete/Satoshi-Medium.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Satoshi-MediumItalic;
    font-style: normal;
    src: url(../../fonts/Satoshi_Complete/Satoshi-MediumItalic.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Satoshi-Variable;
    font-style: normal;
    src: url(../../fonts/Satoshi_Complete/Satoshi-Variable.ttf) format("TrueType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Satoshi-VariableItalic;
    font-style: normal;
    src: url(../../fonts/Satoshi_Complete/Satoshi-VariableItalic.ttf) format("TrueType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: MiSans-Bold;
    font-style: normal;
    src: url(../../upload/fonts/MiSans/MiSans-Bold.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: MiSans-Demibold;
    font-style: normal;
    src: url(../../upload/fonts/MiSans/MiSans-Demibold.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: MiSans-ExtraLight;
    font-style: normal;
    src: url(../../upload/fonts/MiSans/MiSans-ExtraLight.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: MiSans-Heavy;
    font-style: normal;
    src: url(../../upload/fonts/MiSans/MiSans-Heavy.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: MiSans-Light;
    font-style: normal;
    src: url(../../upload/fonts/MiSans/MiSans-Light.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: MiSans-Medium;
    font-style: normal;
    src: url(../../upload/fonts/MiSans/MiSans-Medium.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: MiSans-Normal;
    font-style: normal;
    src: url(../../upload/fonts/MiSans/MiSans-Normal.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: MiSans-Regular;
    font-style: normal;
    src: url(../../upload/fonts/MiSans/MiSans-Regular.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: MiSans-Semibold;
    font-style: normal;
    src: url(../../upload/fonts/MiSans/MiSans-Semibold.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: MiSans-Thin;
    font-style: normal;
    src: url(../../upload/fonts/MiSans/MiSans-Thin.ttf) format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: PlusJakartaDisplay-Bold;
    font-style: normal;
    src: url(../../fonts/PlusJakartaDisplay/PlusJakartaDisplay-Bold.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: PlusJakartaDisplay-BoldItalic;
    font-style: normal;
    src: url(../../fonts/PlusJakartaDisplay/PlusJakartaDisplay-BoldItalic.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: PlusJakartaDisplay-Medium;
    font-style: normal;
    src: url(../../fonts/PlusJakartaDisplay/PlusJakartaDisplay-Medium.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: PlusJakartaDisplay-MediumItalic;
    font-style: normal;
    src: url(../../fonts/PlusJakartaDisplay/PlusJakartaDisplay-MediumItalic.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: PlusJakartaDisplay-Regular;
    font-style: normal;
    src: url(../../fonts/PlusJakartaDisplay/PlusJakartaDisplay-Regular.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: PlusJakartaDisplay-Light;
    font-style: normal;
    src: url(../../fonts/PlusJakartaDisplay/PlusJakartaDisplay-Light.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: PlusJakartaDisplay-LightItalic;
    font-style: normal;
    src: url(../../fonts/PlusJakartaDisplay/PlusJakartaDisplay-LightItalic.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: SourceHanSansCN-Light;
    font-style: normal;
    src: url(../../fonts/SourceHanSansCN/SourceHanSansCN-Light.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: SourceHanSansCN-Regular;
    font-style: normal;
    src: url(../../fonts/SourceHanSansCN/SourceHanSansCN-Regular.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: SourceHanSansCN-Medium;
    font-style: normal;
    src: url(../../fonts/SourceHanSansCN/SourceHanSansCN-Medium.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: SourceHanSansCN-Bold;
    font-style: normal;
    src: url(../../fonts/SourceHanSansCN/SourceHanSansCN-Bold.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: HelveticaNeueLTPro-Ex;
    font-style: normal;
    src: url(../../upload/fonts/HelveticaNeueLTPro-Ex/HelveticaNeueLTPro-Ex.otf) format("OpenType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Manrope-Light;
    font-style: normal;
    src: url(../../fonts/Manrope/Manrope-Light.ttf) format("TrueType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Manrope-ExtraLight;
    font-style: normal;
    src: url(../../fonts/Manrope/Manrope-ExtraLight.ttf) format("TrueType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Manrope-Regular;
    font-style: normal;
    src: url(../../fonts/Manrope/Manrope-Regular.ttf) format("TrueType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Manrope-Medium;
    font-style: normal;
    src: url(../../fonts/Manrope/Manrope-Medium.ttf) format("TrueType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Manrope-SemiBold;
    font-style: normal;
    src: url(../../fonts/Manrope/Manrope-SemiBold.ttf) format("TrueType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Manrope-Bold;
    font-style: normal;
    src: url(../../fonts/Manrope/Manrope-Bold.ttf) format("TrueType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Manrope-ExtraBold;
    font-style: normal;
    src: url(../../fonts/Manrope/Manrope-ExtraBold.ttf) format("TrueType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Kalam-Light;
    font-style: normal;
    src: url(../../upload/fonts/Kalam/Kalam-Light.ttf) format("TrueType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Kalam-Regular;
    font-style: normal;
    src: url(../../upload/fonts/Kalam/Kalam-Regular.ttf) format("TrueType");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Kalam-Bold;
    font-style: normal;
    src: url(../../upload/fonts/Kalam/Kalam-Bold.ttf) format("TrueType");
    font-weight: 400;
    font-display: swap
}

/* header */
header[topsearchheader] {
    position: relative !important
}

.fixed-nav,
header[head-position=position-fixed] {
    position: fixed
}

.section-header-wrap-block .header-social,
.section-header-wrap-block .logo,
.change-language {
    position: relative
}

.section-header-wrap-block .nav li,
li {
    list-style: none
}

.dropdown-toggle[aria-expanded=true]::after,
.section-header-wrap-block .change-language:hover .change-language-title i {
    transform: rotate(180deg)
}

.country-flag {
    background-image: url(../../upload/p/1/image_other/2025-04/q.png);
    background-size: auto;
    width: 22px;
    height: 16px
}

html[dir=rtl] .country-flag {
    margin-left: 8px;
    margin-right: 0
}

.country-flag+span {
    line-height: 1.3;
    overflow: hidden
}

.language-flag-en.country-flag {
    background-position: 0 -256px !important
}

.fixed-nav {
    left: 0;
    top: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.fixed-nav-active {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

[page-type=ai_blog] header[head-position=position-fixed],
[page-type=ai_blog_author] header[head-position=position-fixed],
[page-type=ai_blog_list] header[head-position=position-fixed] {
    top: 0
}

[head-active-bg=head-ac-bg] .nav>li>a {
    overflow: hidden
}

.section-header-wrap-block[nav-first-img=show] .nav[data-module]>li>a {
    display: flex;
    align-items: center
}

.section-header-wrap-block {
    position: relative;
    background-color: rgba(255, 255, 255, .6);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    z-index: 999
}

.section-header-wrap-block .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-header-wrap-block .logo img {
    height: 4rem;
    max-width: 21rem
}

.country-flag,
.country-flag+span,
.section-header-wrap-block .head-contact li,
.section-header-wrap-block .head-contact li span,
.section-header-wrap-block .header-social li {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.section-header-wrap-block .header-social li {
    margin-left: 10px
}

.section-header-wrap-block .head-contact li {
    margin-right: 1.5rem
}

.item-checkbox-group label,
.item-radio-group label,
.section-header-wrap-block .head-contact li svg {
    margin-right: 5px
}

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

.section-header-wrap-block .change-language {
    margin-left: 1.5rem;
    position: relative
}

.section-header-wrap-block .change-language .change-language-title {
    display: flex;
    white-space: nowrap;
    align-items: center;
    color: var(--bs-body-color)
}

.section-header-wrap-block .change-language .change-language-title i {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.section-header-wrap-block .change-language .change-language-cont {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.section-block-demo1-header .nav>li>a {
    line-height: 60px;
    padding-left: 12px;
    padding-right: 12px
}

@media (max-width:1080px) {
    .section-header-wrap-block .nav {
        padding: 0 1rem
    }

    .section-header-wrap-block .nav>li {
        margin: 0 .5rem
    }

    .section-header-wrap-block .nav>li>a {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (max-width:1080px) and (min-width:992px) {
    .section-header-wrap-block[search-style=search-style-1] .search .form-control {
        width: 145px
    }
}

.section-header-wrap-block .nav[data-module]>li:not([data-sub-type]) .ico,
.section-header-wrap-block .nav[data-module]>li[data-sub-type]>a>.ico {
    display: none;
    width: 25px
}

.section-header-wrap-block[nav-first-img=show] .nav[data-module]>li>a .ico {
    margin-right: 5px;
    display: block
}

.section-header-wrap-block[head-active-bg=head-ac-bg][head-active-style="5"] .nav>li.active>a::after,
.section-header-wrap-block[head-active-bg=head-ac-bg][head-active-style="5"] .nav>li:hover>a::after,
[head-active-bg=head-ac-bg] .nav>li.active>a::after,
[head-active-bg=head-ac-bg] .nav>li:hover>a::after {
    opacity: 1;
}

.section-header-wrap-block .change-language .change-language-title .country-flag {
    background-size: auto;
}

[search-placeholder-color=placeholder-color-white] .form-control::-webkit-input-placeholder,
[search-placeholder-color=placeholder-color-white] .form-control::-moz-placeholder,
[search-placeholder-color=placeholder-color-white] .form-control:-ms-input-placeholder,
[search-placeholder-color=placeholder-color-white] .form-control::-ms-input-placeholder,
[search-placeholder-color=placeholder-color-white] .form-control::placeholder {
    color: #fff;
}

[search-placeholder-color=placeholder-color-grey] .form-control::-webkit-input-placeholder,
[search-placeholder-color=placeholder-color-grey] .form-control::-moz-placeholder,
[search-placeholder-color=placeholder-color-grey] .form-control:-ms-input-placeholder,
[search-placeholder-color=placeholder-color-grey] .form-control::-ms-input-placeholder,
[search-placeholder-color=placeholder-color-grey] .form-control::placeholder {
    color: #333;
}

@media (min-width:993px) {

    [search-style=search-style-1] .search-dropdown-menu .search-attr,
    [search-style=search-style-1] .search-dropdown-menu .search-close,
    [search-style=search-style-1] .search-toggle {
        display: none
    }

    .section-header-wrap-block[headrollbackfixed]:not([head-position=position-fixed]) {
        position: relative !important
    }

    .section-header-wrap-block[headrollbackfixed].fixed-nav {
        transform: none
    }

    .section-header-wrap-block[headrollbackfixed=headroll-hidden][head-position=position-fixed].fixed-nav.fixed-nav-active {
        top: -100%;
        box-shadow: none
    }

    .section-header-wrap-block[headrollbackfixed=headroll-hidden]:not([head-position=position-fixed]) {
        transition: none
    }

    .section-header-wrap-block[headrollbackfixed=headroll-back].fixed-nav {
        position: fixed !important
    }

    .section-header-wrap-block[headrollbackfixed=headroll-back][headrollback=rollforward].fixed-nav {
        top: -100%;
        backdrop-filter: none !important
    }

    .section-header-wrap-block[headrollbackfixed=headroll-back][headrollback=rollback].fixed-nav {
        top: 0
    }

    .section-header-wrap-block .nav {
        position: relative;
        display: flex;
        padding: 0 3rem;
        flex: 1
    }

    .section-header-wrap-block .nav>li {
        position: relative;
        display: inline-block;
        font-size: 16px;
        margin: 0 5px;
        text-transform: capitalize
    }

    .section-header-wrap-block .nav>li>a {
        position: relative;
        display: block;
        line-height: 60px;
        padding: 10px 12px;
        color: var(--bs-body-color);
        transition-duration: .3s;
        white-space: nowrap
    }

    .section-header-wrap-block .nav:not([data-module])>li ul,
    .section-header-wrap-block .nav[data-module]>li:not([data-sub-type]) ul {
        position: absolute;
        visibility: hidden;
    }

    .section-header-wrap-block .nav:not([data-module])>li>a b,
    .section-header-wrap-block .nav[data-module]>li:not([data-sub-type])>a b {
        margin-left: .3rem
    }

    [search-style=search-style-1] .search .form-control {
        padding-left: 10px;
        width: 165px;
        color: #000;
        height: 2rem;
        border: 1px solid #aaa;
        font-size: 14px;
        border-radius: 20px
    }

    [search-style=search-style-1] .search .btn-search {
        position: absolute;
        width: 35px;
        height: 100%;
        justify-content: center;
        align-items: center;
        right: 0;
        bottom: 0;
        padding: 0 5px 2px;
        line-height: 2rem
    }

    [search-style=search-style-2] .search-dropdown-menu {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100vw;
        height: 100vh;
        opacity: 0;
        visibility: hidden;
        -moz-transition-duration: .2s;
        -webkit-transition-duration: .2s;
        -o-transition-duration: .2s;
        -ms-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transform-origin: center;
        transform-origin: center;
        -ms-transform-origin: center;
        background-color: rgba(0, 0, 0, .7)
    }

    .section-header-wrap-block .nav[data-module]>li[data-sub-type]>ul {
        pointer-events: none;
        position: absolute;
        left: 50%;
        visibility: hidden;
        opacity: 0;
    }
}

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

    100% {
        width: 0
    }
}

@media screen and (max-width:1366px) {
    .section-header-wrap-block .nav>li>a {
        padding: 5px 7px;
        font-size: 13px
    }

    .section-header-wrap-block .logo img {
        height: 3rem
    }
}

@media (max-width:1366px) {
    .section-header-wrap-block .nav>li {
        margin: 0
    }
}

.section-header-wrap-block .nav>li>a b svg {
    fill: currentColor
}

@media (max-width:992px) {

    [data-screen=screen-large] .layout,
    [data-screen=screen-mid] .layout,
    [data-screen=screen-small] .layout,
    [data-screen=screen-xxl] .layout {
        width: 96%
    }

    .search-dropdown-menu .search-attr,
    .search-dropdown-menu .search-close,
    .section-block-demo1-header .layout,
    .section-header-wrap-block .nav li .desc,
    .section-header-wrap-block .nav li .ico,
    .section-header-wrap-block .nav>li>a::after,
    .section-header-wrap-block .nav>li>a::before {
        display: none
    }

    .section-header-wrap-block .mobile-head-aside .layout,
    .section-header-wrap-block .nav li,
    .section-header-wrap-block .nav>li {
        display: block
    }

    .section-header-wrap-block {
        top: 0;
        width: 100%;
        height: auto;
        background-color: #fff !important;
        position: fixed
    }

    .section-header-wrap-block .mobile-head-items.layout {
        height: auto;
        display: flex;
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .section-header-wrap-block.section-block-demo3-header,
    section.section-header-wrap-block {
        padding: 0
    }

    .section-header-wrap-block .logo img {
        height: 3rem;
        max-width: 90%
    }

    .mobile-head-items .mobile-head-item {
        cursor: pointer
    }

    .mobile-head-items .mobile-head-item.mobile-head-language {
        margin-right: 1rem
    }

    .mobile-head-items .mobile-head-item.mobile-head-logo {
        text-align: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 15px
    }

    .section-header-wrap-block .mobile-head-item .nav {
        display: block;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -ms-transform: translateY(0);
        text-align: left;
        padding: 0;
        border: none
    }

    .section-header-wrap-block .nav>li a {
        position: relative;
        padding: 7px 24px 7px 0;
        color: #333 !important;
        font-size: 14px;
        line-height: 1.5;
        color: var(--bs-mask-dark) !important;
        white-space: normal
    }

    .section-header-wrap-block[head-active-text-color] .nav>li.active>a,
    .section-header-wrap-block[head-active-text-color] .nav>li:hover>a {
        color: #333 !important
    }

    .section-header-wrap-block .nav>li ul {
        display: none;
        padding-left: 1rem;
        background-color: var(--bs-mask-white) !important
    }

    .mobile-head-item .middle-content-wrap {
        position: absolute;
        left: 0;
        visibility: hidden;
        padding: 20px 0;
        width: 100%;
        height: auto;
        opacity: 0
    }

    .main-content-wrap.middle-content-wrap {
        top: -50px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: .35s ease-in-out;
        -o-transition: .35s ease-in-out;
        transition: .35s ease-in-out
    }

    .mobile-head-item .side-content-wrap {
        position: fixed;
        left: -70%;
        display: block;
        width: 70%;
        height: 100%
    }
}

.change-language .language-toggle svg,
.dropdown-block .dropdown-menu,
.gotop em {
    display: none;
}

.form-footer-inquiry-block {
    position: fixed;
    right: 10px;
    bottom: -380px;
    z-index: 1000000;
    min-width: 280px;
    min-height: 430px;
    width: 337px;
    height: 430px;
    margin: 0;
    padding: .5rem;
    font-size: 12px;
    overflow: hidden;
    transition-duration: .5s
}

.form-footer-inquiry-block[open] {
    bottom: -7px
}

.form-footer-inquiry-block .inquiry-form .form-checktip,
.form-header-inquiry-block .inquiry-form .form-checktip,
.section-form-wrap-block .inquiry-form .form-checktip {
    position: absolute;
}

.form-footer-inquiry-block .form-title {
    position: relative;
    width: 100%;
    height: 3.2rem;
    line-height: 3.2rem;
    color: #fff;
    font-size: 1rem;
    padding: 0 1.4rem;
    border-radius: 15px 15px 0 0;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background: var(--bs-theme-color)
}

.form-footer-inquiry-block .form-title svg {
    transform: rotate(180deg);
    position: relative;
    display: block;
    transition-duration: .3s
}

.form-footer-inquiry-block[open] .form-title svg {
    transform: rotate(0)
}

/* aside */
.aside-sidebar-block {
    position: fixed;
    top: 150px;
    right: 0;
    display: none;
    opacity: 0;
    visibility: hidden;
}

/* dialog / pop */
.dialog_wrapper,
.pop-box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    visibility: hidden;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    -ms-transition-duration: .2s;
    transition-duration: .2s;
    z-index: 10000
}

/* heading-type */
.title-bar .text {
    color: #6b6b6b
}

[heading-type="1"] {
    padding: 1.5rem 0
}

[sectiontitle][heading-type] em[content-text],
[sectiontitle][heading-type] strong[content-text],
[sectiontitle][heading-type][content-text] {
    font-family: var(--bs-h-font-family);
    font-weight: var(--bs-h-font-weight);
    font-size: var(--bs-h-font-size)
}

@media only screen and (max-width:1366px) {

    [sectiontitle][heading-type] em[content-text],
    [sectiontitle][heading-type] strong[content-text],
    [sectiontitle][heading-type][content-text] {
        font-size: var(--bs-nb-h-font-size)
    }
}

@media only screen and (max-width:820px) {

    [sectiontitle][heading-type] em[content-text],
    [sectiontitle][heading-type] strong[content-text],
    [sectiontitle][heading-type][content-text] {
        font-size: var(--bs-pad-h-font-size)
    }
}

@media only screen and (max-width:480px) {

    [sectiontitle][heading-type] em[content-text],
    [sectiontitle][heading-type] strong[content-text],
    [sectiontitle][heading-type][content-text] {
        font-size: var(--bs-mob-h-font-size)
    }
}

[textalign=left] {
    text-align: left !important
}

[textalign=center] {
    text-align: center !important
}

[textalign=right] {
    text-align: right !important
}

/* btn */
.btn[btn-bg-color=theme] {
    background-color: var(--bs-theme-color)
}

.btn[btn-text-color=theme] {
    color: var(--bs-theme-color)
}

.btn[btn-arrow=arrow-right1] .la:after {
    content: "\f105"
}

.btn[btn-bg-color=white] {
    background-color: var(--bs-mask-white)
}

.btn[btn-bg-color=none] {
    background-color: transparent
}

.btn[btn-reverse-position=reverse-position] {
    flex-direction: row-reverse
}

.btn[btn-hover-animation=btn-ani-style1] i.la {
    font-size: inherit
}

.btn {
    border-color: var(--bs-theme-color);
}

.btn {
    border-width: 2px;
    padding: .5rem 2rem;
    font-size: 1.25rem;
    border-style: solid;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition-duration: .3s;
    color: var(--bs-mask-white);
    background-color: var(--bs-theme-color)
}

.btn[btn-text-color=white] {
    color: var(--bs-mask-white)
}

.btn[btn-border-color=white] {
    border-color: var(--bs-mask-white)
}

.btn[btn-text-color=gray] {
    color: var(--bs-gray)
}

.btn[btn-bg-color=gray] {
    background-color: var(--bs-gray)
}

.btn[btn-border-color=gray] {
    border-color: var(--bs-gray)
}

.btn[btn-text-color=dark] {
    color: var(--bs-dark)
}

.btn[btn-bg-color=dark] {
    background-color: var(--bs-dark)
}

.btn[btn-border-color=dark] {
    border-color: var(--bs-dark)
}

.btn[btn-border-color=theme] {
    border-color: var(--bs-theme-color)
}

.btn[btn-text-color=sec-theme] {
    color: var(--bs-sec-theme-color)
}

.btn[btn-bg-color=sec-theme] {
    background-color: var(--bs-sec-theme-color)
}

.btn[btn-border-color=sec-theme] {
    border-color: var(--bs-sec-theme-color)
}

.btn[btn-border-color=none] {
    border-color: transparent
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn[btn-size=large] {
    padding: 1rem 3rem;
    font-size: 1.6rem;
    border-width: 3px
}

.btn[btn-size=small] {
    padding: .3rem 1rem;
    font-size: var(--bs-body-font-size);
    border-width: 1px
}

.btn[btn-radius=radius] {
    border-radius: 20%
}

.btn i.la {
    position: relative;
    display: block;
    font-size: 1.2rem;
    transition-duration: .3s
}

.btn[btn-arrow] i.la {
    margin-left: 5px
}

.btn[btn-size=large] i.la {
    font-size: 1.6rem
}

.btn[btn-size=small] i.la {
    font-size: var(--bs-body-font-size)
}

.btn[btn-reverse-position=reverse-position] i {
    margin-left: 0;
    margin-right: 5px
}

.btn[btn-arrow=line][btn-reverse-position=reverse-position] .la:after {
    margin-right: 10px;
    margin-left: 0 !important
}

/* swiper base */
.swiper,
.swiper-initialized {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

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

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

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

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-grid>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    height: 100%
}

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

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

.main-slider .swiper-buttons,
.product-view .swiper-buttons,
.thumbs-slider .swiper-buttons,
[allow-slide=false] div.swiper-initialized .swiper-buttons,
[slide-btn-position=none] .swiper-buttons,
[slide-btn-position=none] .swiper-control,
[slide-btn-position=thumbs][allow-slide=false] .thumbs-slider .swiper-buttons,
[slide-btn-position=thumbs][allow-slide=false] .thumbs-slider .swiper-control,
[swiperthumbs] .swiper-buttons,
[swiperthumbs] .swiper-control,
[swiperthumbs][allow-slide=false] .main-slider .swiper-control,
[swiperthumbs][allow-slide=false] .swiper-buttons,
[swiperthumbs][allow-slide=false] .swiper-control,
[swiperthumbs][allow-slide=false] .thumbs-slider .swiper-control {
    display: none
}

.execute-swiper-slide {
    overflow: hidden;
}

.execute-swiper-slide,
.execute-swiper-slide .swiper-wrapper {
    margin: 0;
    padding: 0
}

.outer-swiper-wrap {
    position: relative
}

.swiper-button::before {
    color: inherit;
    font-size: inherit
}

.swiper-button-prev::before {
    content: "\f104"
}

.swiper-button-next::before {
    content: "\f105"
}

.simple-slider.swiper-vertical,
.thumbs-slider.swiper-vertical {
    height: var(--thumbs-vertical-height)
}

/* section-banner */
.section-banner-wrap-block {
    position: relative;
}

.section-banner-wrap-block[banner-thumbs-position=abs-right] .mainly-slider {
    width: 100%;
}

.section-banner-wrap-block[banner-text-position=hide] .item-info {
    display: none;
    background-color: var(--bs-theme-color);
    padding: .5rem 1rem;
}

.section-banner-wrap-block[banner-thumbs-position=rel-left] .outer-swiper-wrap {
    justify-content: flex-end;
}

.section-banner-wrap-block .item-inner {
    display: block
}

header[head-position=position-fixed]~.section-banner-wrap-block.hasbanner[only_ai_blog] {
    margin-top: 0;
}

.section-banner-wrap-block[banner-thumbs-position=rel-top] .outer-swiper-wrap {
    flex-direction: column-reverse;
}

.section-banner-wrap-block .item-info {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 1.5rem;
    color: #fff;
    width: 60%;
    padding: 5rem 8%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.section-banner-wrap-block[banner-text-position=center] .item-info {
    width: 100%;
    padding: 5rem 15%;
    text-align: center
}

.section-banner-wrap-block[banner-text-position=right] .item-info {
    left: auto;
    right: 0;
    text-align: right
}

.section-banner-wrap-block img {
    position: relative;
    visibility: visible !important;
    width: 100%
}

.section-banner-wrap-block .mainly-slider {
    position: relative;
    width: 100%;
    margin: 0
}

[direction=vertical] .section-banner-wrap-block[banner-thumbs-position=rel-left] .mainly-slider,
[direction=vertical] .section-banner-wrap-block[banner-thumbs-position=rel-right] .mainly-slider {
    width: 85%
}

.section-banner-wrap-block .simple-slider.swiper-vertical {
    width: 15%;
    height: 100%;
    position: absolute;
    top: 0
}

.section-banner-wrap-block[banner-thumbs-position=abs-left] .simple-slider.swiper-vertical,
.section-banner-wrap-block[banner-thumbs-position=rel-left] .simple-slider.swiper-vertical {
    padding-right: 15px;
    left: 0
}

.section-banner-wrap-block[banner-thumbs-position=abs-right] .simple-slider.swiper-vertical,
.section-banner-wrap-block[banner-thumbs-position=rel-right] .simple-slider.swiper-vertical {
    padding-left: 15px;
    right: 0
}

.section-banner-wrap-block .simple-slider.swiper-horizontal {
    width: 100%;
    height: 150px;
    padding: 15px 0;
    left: 0
}

.section-banner-wrap-block[banner-thumbs-position=rel-top] .simple-slider.swiper-horizontal {
    margin-bottom: 15px
}

.section-banner-wrap-block[banner-thumbs-position=abs-top] .simple-slider.swiper-horizontal {
    position: absolute;
    top: 0
}

.section-banner-wrap-block[banner-thumbs-position=abs-bottom] .simple-slider.swiper-horizontal {
    position: absolute;
    bottom: 0
}

.section-banner-wrap-block .simple-slider .swiper-slide {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #eee;
    opacity: .6
}

.section-banner-wrap-block .simple-slider .swiper-slide.swiper-slide-active {
    opacity: 1;
    border-color: var(--bs-theme-color)
}

.section-banner-wrap-block .simple-slider .swiper-slide img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

@media only screen and (max-width:1080px) {
    .section-banner-wrap-block .item-info {
        display: none !important;
    }
}

@media only screen and (max-width:600px) {
    .section-banner-wrap-block .simple-slider {
        display: none
    }

    [direction=vertical] .section-banner-wrap-block .mainly-slider {
        width: 100%
    }
}

.banner-thumbs-wrap {
    position: relative;
    overflow: hidden
}

.section-banner-wrap-block .simple-slider,
.section-banner-wrap-block .swiper-slide {
    overflow: hidden
}

.section-banner-wrap-block .thumbs-slider .swiper-slide {
    cursor: pointer
}

.section-banner-wrap-block[direction=vertical] .banner-thumbs-wrap {
    padding-right: 150px
}

.section-banner-wrap-block.direction-horizontal .thumbs-slider {
    margin: 0
}

.section-banner-wrap-block[direction=vertical] .thumbs-slider {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 150px;
    height: 100% !important
}

.section-banner-wrap-block[direction=vertical] .thumbs-slider img {
    padding: 3px;
    border: 1px solid #eee
}

.section-banner-wrap-block[direction=vertical] .thumbs-slider .swiper-slide-thumb-active img {
    border-color: red
}

.section-banner-wrap-block .thumbs-slider .swiper-wrapper {
    z-index: 999
}

.section-banner-wrap-block[direction=vertical] .thumbs-slider .swiper-slide {
    padding: 5px
}

.section-banner-wrap-block[allow-slide=false] .thumbs-slider .swiper-wrapper .swiper-slide {
    width: auto !important
}

.section-banner-wrap-block[slide-btn-position=main] .thumbs-slider .swiper-buttons,
.section-banner-wrap-block[slide-btn-position=thumbs] .main-slider .swiper-buttons {
    display: none
}

.section-banner-wrap-block[slide-btn-position=thumbs][direction=vertical] .thumbs-slider .swiper-button-next,
.section-banner-wrap-block[slide-btn-position=thumbs][direction=vertical] .thumbs-slider .swiper-button-prev {
    z-index: 999;
    height: 35px
}

.section-banner-wrap-block.direction-horizontal .thumbs-slider img {
    opacity: .5
}

.section-banner-wrap-block.direction-horizontal .thumbs-slider .swiper-slide-thumb-active img {
    opacity: 1
}

.section-banner-wrap-block[slide-btn-position=thumbs] .thumbs-slider .swiper-button-next,
.section-banner-wrap-block[slide-btn-position=thumbs] .thumbs-slider .swiper-button-prev {
    z-index: 999;
    overflow: hidden;
    width: 35px;
    background-color: #333;
    color: #fff
}

.section-banner-wrap-block.direction-horizontal[slide-btn-position=thumbs] .thumbs-slider .swiper-button-next,
.section-banner-wrap-block.direction-horizontal[slide-btn-position=thumbs] .thumbs-slider .swiper-button-prev {
    width: 35px
}

.section-banner-wrap-block[slide-btn-position=thumbs] .thumbs-slider.swiper-horizontal {
    padding: 0 35px
}

.section-banner-wrap-block[direction=vertical][slide-btn-position=thumbs] .thumbs-slider .swiper-button-next,
.section-banner-wrap-block[direction=vertical][slide-btn-position=thumbs] .thumbs-slider .swiper-button-prev {
    width: 100%;
    height: 35px
}

.section-banner-wrap-block[direction=vertical][slide-btn-position=thumbs] .thumbs-slider .swiper-button-next {
    bottom: 0;
    top: auto;
    right: 20px;
    width: calc(100% - 40px)
}

.section-banner-wrap-block[direction=vertical][slide-btn-position=thumbs] .thumbs-slider .swiper-button-prev {
    top: 0;
    bottom: auto;
    left: 20px;
    width: calc(100% - 40px)
}

.section-banner-wrap-block .thumbs-slider-bg {
    position: absolute;
    z-index: 9;
    height: 100%;
    background: #000;
    opacity: .8
}

.section-banner-wrap-block[direction=vertical] .thumbs-slider-bg {
    top: 0;
    right: 0;
    width: 150px;
    height: 100%
}

.section-banner-wrap-block.direction-horizontal .thumbs-slider-bg {
    bottom: 0;
    left: 0;
    width: 100%
}

.section-banner-wrap-block.direction-horizontal[slide-btn-position=main] .thumbs-slider {
    padding: 15px 5px
}

.section-banner-wrap-block.direction-horizontal[slide-btn-position=thumbs] .thumbs-slider {
    padding: 15px 35px
}

.section-banner-wrap-block[direction=vertical][slide-btn-position=thumbs] .thumbs-slider {
    padding: 35px 15px
}

.section-banner-wrap-block[direction=vertical][slide-btn-position=main] .thumbs-slider {
    padding: 5px 15px
}

/* .section-productView */
.main-slider,
.thumbs-slider {
    position: relative;
    width: 100%;
    text-align: center;
    overflow: hidden
}

.thumbs-slider .swiper-slide {
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px
}

.thumbs-slider .swiper-slide a {
    border: 1px solid var(--bs-border-color);
    border-radius: 5px;
    overflow: hidden
}

.thumbs-slider img {
    width: 100%;
    object-fit: cover
}

.thumbs-slider.swiper-horizontal {
    width: 100%;
    margin: 20px 0
}

.thumbs-slider.swiper-vertical {
    width: 120px;
    margin: -5px 0
}

.thumbs-slider.swiper-vertical .swiper-slide {
    padding: 5px 0;
    width: 100% !important
}

.main-slider.swiper-horizontal {
    flex: 1;
    min-width: 50%
}

.section-productView-wrap-block {
    position: relative;
    padding-bottom: 3rem;
    width: 100%
}

.section-productView-wrap-block .product-view {
    width: 45%
}

.section-productView-wrap-block .product-summary {
    width: 50%
}

.section-productView-wrap-block .product-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    column-gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap
}

.section-productView-wrap-block[slide-btn-position=main] .main-slider .swiper-slide {
    padding-top: 5px;
    padding-bottom: 5px
}

.section-productView-wrap-block[slide-btn-position=main] .thumbs-slider.swiper-horizontal {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px
}

.section-productView-wrap-block .main-slider .swiper-slide {
    padding: 1px
}

.section-productView-wrap-block .main-slider .swiper-slide a {
    border: 1px solid #dee2e6
}

.section-productView-wrap-block .thumbs-slider.swiper-horizontal {
    width: 100%;
    margin: 20px 0
}

.section-productView-wrap-block .thumbs-slider.swiper-vertical {
    width: 20%;
    min-height: 200px
}

.section-productView-wrap-block .thumbs-slider:not(.swiper-vertical) {
    height: auto !important
}

.section-productView-wrap-block .thumbs-slider .swiper-slide.swiper-slide-thumb-active a {
    border-color: var(--bs-link-hover-color)
}

.section-block-demo1-productView1 .product-summary .item-title {
    font-size: 1.6rem;
    position: relative;
    line-height: 1.5;
    margin-bottom: 1rem;
    border-bottom: 1px solid #eee;
    padding-top: 0;
    padding-bottom: 1rem;
    font-weight: 700
}

.section-block-demo1-productView1 .product-summary .item-meta>div {
    margin-top: 20px;
    margin-bottom: 20px
}

.section-block-demo1-productView1 .product-summary [productattritems] li {
    width: 100%;
    display: table;
    padding: 2px 0;
    line-height: 1.6
}

.section-block-demo1-productView1 .product-summary [productattritems] li em {
    display: table-cell;
    width: 36%;
    color: var(--bs-gray-600)
}

.section-block-demo1-productView1 .product-summary [productattritems] li .item-val {
    display: table-cell;
    -ms-word-break: break-all;
    word-break: break-all;
    word-wrap: break-word
}

.section-block-demo1-productView1 .product-btn-wrap {
    position: relative;
    padding-top: 30px;
    text-align: right
}

.section-block-demo1-productView1 .product-btn-wrap .btn {
    position: relative;
    vertical-align: middle;
    font-size: 14px;
    line-height: 34px;
    padding: 0 1.5rem;
    margin: 0 0 10px 10px;
    text-transform: uppercase;
    border-width: 1px;
    border-radius: 3px
}

.section-block-demo1-productView1 .product-btn-wrap .btn.large {
    padding: .5rem 3rem;
    font-size: 1.6rem;
    border-width: 3px
}

.section-block-demo1-productView1 .product-btn-wrap .btn.small {
    line-height: 28px;
    padding: 0 1rem;
    font-size: var(--bs-body-font-size)
}

.section-block-demo1-productView1 .product-btn-wrap .btn.btn.radius {
    border-radius: 1.4rem
}

/* section-sidenav */
.section-sidenav-wrap-block .title-bar {
    background-color: var(--bs-theme-color);
    padding: .5rem 1rem
}

.section-sidenav-wrap-block .title-bar .title {
    font-size: 1.3rem;
    color: #fff;
    font-weight: 400
}

.section-sidenav-wrap-block ul {
    padding-top: 1rem
}

.section-sidenav-wrap-block li {
    position: relative;
    list-style: none;
    padding: .7rem 1rem
}

.section-sidenav-wrap-block li a {
    position: relative
}

.section-sidenav-wrap-block li ul {
    padding-top: .5rem
}

.section-sidenav-wrap-block li .la.ico {
    position: absolute;
    right: 0;
    top: .4rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.section-sidenav-wrap-block li:not(.hide)>.la.ico {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.section-sidenav-wrap-block li .la.ico:after {
    content: "\f105"
}

/* section-breadcrumb */
.section-block-demo1-breadcrumb1 .breadcrumb-nav {
    display: block !important;
}

.section-breadcrumb-wrap-block.section-block-demo1-breadcrumb1 .breadcrumb-nav li,
.section-breadcrumb-wrap-block.section-block-demo1-breadcrumb1 .breadcrumb-nav li a {
    display: inline
}

/* wa_fixed */
.wa_fixed {
    z-index: 999
}

.wa_fixed {
    line-height: 4.6rem
}

.wa_fixed {
    position: fixed;
    bottom: 2rem;
    left: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    background-color: #3dbc4d
}

.wa_fixed svg {
    width: 2.5rem;
    height: 2.5rem;
    fill: #ffffff
}

/* search */
.search .btn-search {
    border-radius: 0
}

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

.search-list {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10000
}

.search-list .range {
    background-color: #d6d6d6;
    height: 3px
}

.search-list .range .range-end {
    background-color: #49958d;
    width: 0%;
    transition: width .5s;
    height: 3px
}

.search-list .list-none {
    text-align: center;
    padding: 10px;
    font-weight: 700;
    background-color: #f3f3f3;
    font-family: "Titillium Web", sans-serif;
    font-size: 13px;
    color: #595959;
    font-style: italic
}

.search-list .list-container {
    width: 100%;
    border: 1px solid #cecccc;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    max-height: 400px
}

.search-list .list-container .left {
    width: 50%;
    box-sizing: border-box;
    margin: 0 7px 0 0;
    padding: 22px 0 20px 15px;
    background-color: rgba(239, 246, 251,
            .5);
    overflow-y: auto
}

.search-list .list-container .right {
    width: 50%;
    box-sizing: border-box;
    margin: 0;
    padding: 22px 0 0 5px;
    overflow-y: auto
}

.search-list .list-container .box {
    font-family: Poppins;
    font-size: 14px;
    letter-spacing: .28px;
    color: #1f1f1f
}

.search-list .list-container .box .box-title {
    padding-bottom: 2%
}

.search-list .list-container .box .box-info {
    display: block;
    font-family: Poppins;
    font-size: 14px;
    letter-spacing: .28px;
    padding: 0 0 0 2%;
    cursor: pointer;
    color: #293866;
    font-weight: 300;
    line-height: 23px
}

.search-list .list-container .box .box-info:hover {
    color: #66a6d8
}

.search-list .list-container .box .box-info .img {
    width: 60px;
    height: 60px;
    box-shadow: rgba(235, 234, 234,
            .5) 1px 1px 3px 0;
    border: 1px solid #cecccc;
    padding: 3px 0;
    box-sizing: border-box
}

.search-list .list-container .box .box-info .product-title {
    padding-left: 10px
}

.search-list .list-container .box .box-product {
    display: flex;
    align-items: center;
    padding: 5px 0 5px 17px
}

.search .btn-search,
.search .search-toggle {
    padding: 0;
    border: 0;
    background: 0 0
}

.search .form-control {
    display: block;
    padding: 0;
    width: 100%;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

/* galleryitems */
[galleryitems] .block-item {
    width: calc(100% / var(--bs-items-num))
}

[unevenitems] .block-item {
    width: var(--bs-uneven-item-w)
}

@media only screen and (max-width:1366px) {
    [galleryitems] .block-item {
        width: calc(100% / var(--bs-items-num-notebook))
    }

    [unevenitems] .block-item {
        width: var(--bs-uneven-item-w-notebook)
    }
}

@media only screen and (max-width:820px) {
    [galleryitems] .block-item {
        width: calc(100% / var(--bs-items-num-pad))
    }

    [unevenitems] .block-item {
        width: var(--bs-uneven-item-w-pad)
    }
}

@media only screen and (max-width:480px) {
    [galleryitems] .block-item {
        width: calc(100% / var(--bs-items-num-mobile))
    }

    [unevenitems] .block-item {
        width: var(--bs-uneven-item-w-mobile)
    }
}

[block-items-num="1"] .block-item {
    width: 100%
}

[block-items-num="2"] .block-item {
    width: 50%
}

[block-items-num="3"] .block-item {
    width: calc(100% / 3)
}

[block-items-num="4"] .block-item {
    width: calc(100% / 4)
}

[block-items-num="5"] .block-item {
    width: calc(100% / 5)
}

[block-items-num="6"] .block-item {
    width: calc(100% / 6)
}

[block-items-num="7"] .block-item {
    width: calc(100% / 7)
}

[block-items-num="8"] .block-item {
    width: calc(100% / 8)
}

[block-items-num="9"] .block-item {
    width: calc(100% / 9)
}

@media only screen and (max-width:1279px) {

    [block-items-num="8"] .block-item,
    [block-items-num="9"] .block-item {
        width: calc(100% / 6)
    }
}

@media only screen and (max-width:1199px) {
    [block-items-num="5"] .block-item {
        width: calc(100% / 4)
    }
}

@media only screen and (max-width:1079px) {

    [block-items-num="4"] .block-item,
    [block-items-num="5"] .block-item,
    [block-items-num="6"] .block-item,
    [block-items-num="7"] .block-item,
    [block-items-num="8"] .block-item,
    [block-items-num="9"] .block-item {
        width: calc(100% / 3)
    }
}

@media only screen and (max-width:767px) {

    [block-items-num="3"] .block-item,
    [block-items-num="4"] .block-item,
    [block-items-num="5"] .block-item,
    [block-items-num="6"] .block-item,
    [block-items-num="7"] .block-item,
    [block-items-num="8"] .block-item,
    [block-items-num="9"] .block-item {
        width: 50%
    }
}

@media only screen and (max-width:375px) {

    [block-items-num="2"] .block-item,
    [block-items-num="3"] .block-item,
    [block-items-num="4"] .block-item,
    [block-items-num="5"] .block-item,
    [block-items-num="6"] .block-item,
    [block-items-num="7"] .block-item,
    [block-items-num="8"] .block-item,
    [block-items-num="9"] .block-item {
        width: 100%
    }
}

/* other */
.page-container>.layout {
    align-items: flex-start
}

.page-container[only_ai_blog] div.page-aside {
    width: 330px
}

.page-container[only_ai_blog] div.page-main {
    width: calc(100% - 335px)
}

[only_ai_blog] .layout,
[only_ai_blog][data-screen] .layout {
    width: 1280px
}


.swiper-button {
    font-family: "Font Awesome 6 Free" !important;
}

.section-block-demo2-header .nav>li>a {
    line-height: 60px;
    padding-left: 12px;
    padding-right: 12px
}

.section-block-demo2-header .header-top {
    position: relative;
    background-color: var(--bs-theme-color)
}

.section-block-demo2-header .header-top .layout {
    height: 50px
}

.section-block-demo2-header .header-top svg {
    fill: #fff
}

.section-block-demo2-header .header-top,
.section-block-demo2-header .header-top a {
    color: #fff
}

.section-block-demo2-header.fixed-nav {
    top: -50px
}
@media (max-width:992px) {
    .section-block-demo2-header .header-outer-wrap    {
        display: none
    }
}

 

.section-block-demo3-footer {
    background: #333
}

.section-block-demo3-footer,
.section-block-demo3-footer a {
    color: #fff
}

.section-block-demo3-footer .footer-outer-wrap>.layout {
    padding: 5rem 0;
    justify-content: space-between
}

.section-block-demo3-footer .foot-logo {
    position: relative;
    margin-bottom: 2.5rem;
    display: table
}

.section-block-demo3-footer .foot-logo img {
    max-height: 80px
}

.section-block-demo3-footer .foot-item {
    max-width: 30%
}

.section-block-demo3-footer .foot-item .foot-title {
    margin-bottom: 1rem;
    text-transform: capitalize;
    font-size: 1.5rem
}

.section-block-demo3-footer .foot-nav {
    position: relative
}

.section-block-demo3-footer .foot-nav li {
    position: relative;
    display: block
}

.section-block-demo3-footer .foot-nav li a {
    position: relative;
    display: inline-block;
    padding: 3px 0;
    text-transform: capitalize
}

.section-block-demo3-footer .copyright {
    position: relative;
    display: block;
    padding: 1.5rem 0 2.8rem 0;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width:1080px) {

    .section-block-demo3-footer,
    .section-block-demo3-footer a {
        font-size: 12px
    }

    .section-block-demo3-footer .footer-outer-wrap>.layout {
        padding: 3rem 0 1.5rem 0
    }

    .section-block-demo3-footer .foot-item .foot-title {
        margin-bottom: .5rem
    }

    .section-block-demo3-footer .foot-logo {
        margin-bottom: 1rem
    }

    .section-block-demo3-footer .copyright {
        padding: 1rem 0 1.5rem 0
    }

    .section-block-demo3-footer .foot-item {
        margin-bottom: 1rem;
        width: 50%;
        max-width: unset
    }
}

@media only screen and (max-width:640px) {
    .section-block-demo3-footer .foot-item {
        width: 100%
    }
}


[heading-type="14"]{padding:1rem 0;text-transform:uppercase}
[heading-type="14"] span.sub{color:var(--bs-theme-color);letter-spacing:2px;font-size:1rem;display:block;line-height:1}
@media only screen and (max-width:820px){
    [heading-type="14"]{padding:.5rem 0}
    [heading-type="14"] span.sub{letter-spacing:1px;font-size:12px}
}


.span_tel {
    font-size: 11.0pt;
    line-height:107%;
    font-family: 等线;
    mso-bidi-font-family: 等线;
    mso-ansi-language: EN-US;
    mso-fareast-language:EN-MY;
    mso-bidi-language: AR-SA;
}

.span_email{
    font-size: 11pt; line-height: 107%; font-family: 等线; font-weight: bold;
}


.section-breadcrumb-wrap-block .breadcrumb-nav li a {
    
    margin-right:0px !important;
}


@media only screen and (max-width: 992px) {
    .product-view {
        width: 100% !important;
    }
}

.thumbs-slider.swiper-thumbs{  }