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

@font-face {
    font-family: Roboto-Bold;
    src: url(../fonts/Roboto-Bold.eot);
    src: url(../fonts/Roboto-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Roboto-Bold.woff2) format("woff2"), url(../fonts/Roboto-Bold.woff) format("woff"), url(../fonts/Roboto-Bold.ttf) format("truetype"), url(../fonts/Roboto-Bold.svg#Roboto-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

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

@font-face {
    font-family: Montserrat-Bold;
    src: url(../fonts/Montserrat-Bold.eot);
    src: url(../fonts/Montserrat-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Montserrat-Bold.woff2) format("woff2"), url(../fonts/Montserrat-Bold.woff) format("woff"), url(../fonts/Montserrat-Bold.ttf) format("truetype"), url(../fonts/Montserrat-Bold.svg#Montserrat-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

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

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

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

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

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

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

@font-face {
    font-family: SVN-Gilroy;
    src: url(../fonts/SVN-GilroyMedium.woff2) format('woff2'), url(../fonts/SVN-GilroyMedium.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(../fonts/SVN-GilroyHeavy.woff2) format('woff2'), url(../fonts/SVN-GilroyHeavy.woff) format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(../fonts/SVN-GilroyMediumItalic.woff2) format('woff2'), url(../fonts/SVN-GilroyMediumItalic.woff) format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(../fonts/SVN-GilroyLightItalic.woff2) format('woff2'), url(../fonts/SVN-GilroyLightItalic.woff) format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(../fonts/SVN-GilroyItalic.woff2) format('woff2'), url(../fonts/SVN-GilroyItalic.woff) format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(../fonts/SVN-GilroyLight.woff2) format('woff2'), url(../fonts/SVN-GilroyLight.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'SVN-Gilroy XBold';
    src: url(../fonts/SVN-GilroyXBoldItalic.woff2) format('woff2'), url(../fonts/SVN-GilroyXBoldItalic.woff) format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(../fonts/SVN-GilroySemiBold.woff2) format('woff2'), url(../fonts/SVN-GilroySemiBold.woff) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(../fonts/SVN-Gilroy.woff2) format('woff2'), url(../fonts/SVN-Gilroy.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(../fonts/SVN-GilroySemiBoldItalic.woff2) format('woff2'), url(../fonts/SVN-GilroySemiBoldItalic.woff) format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(../fonts/SVN-GilroyThin.woff2) format('woff2'), url(../fonts/SVN-GilroyThin.woff) format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(../fonts/SVN-GilroyThinItalic.woff2) format('woff2'), url(../fonts/SVN-GilroyThinItalic.woff) format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(../fonts/SVN-GilroyBoldItalic.woff2) format('woff2'), url(../fonts/SVN-GilroyBoldItalic.woff) format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'SVN-Gilroy XLight';
    src: url(../fonts/SVN-GilroyXLight.woff2) format('woff2'), url(../fonts/SVN-GilroyXLight.woff) format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(../fonts/SVN-GilroyBlackItalic.woff2) format('woff2'), url(../fonts/SVN-GilroyBlackItalic.woff) format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(../fonts/SVN-GilroyBlack.woff2) format('woff2'), url(../fonts/SVN-GilroyBlack.woff) format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'SVN-Gilroy XBold';
    src: url(../fonts/SVN-GilroyXBold.woff2) format('woff2'), url(../fonts/SVN-GilroyXBold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'SVN-Gilroy XLight';
    src: url(../fonts/SVN-GilroyXLightItalic.woff2) format('woff2'), url(../fonts/SVN-GilroyXLightItalic.woff) format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(../fonts/SVN-GilroyBold.woff2) format('woff2'), url(../fonts/SVN-GilroyBold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SVN-Gilroy;
    src: url(../fonts/SVN-GilroyHeavyItalic.woff2) format('woff2'), url(../fonts/SVN-GilroyHeavyItalic.woff) format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

:root {
    --main-color: #253f96;
    --hover-color: #c3212f
}

body {
    font-family: Roboto-Regular;
    margin: 0;
    line-height: 1.5em;
    font-size: 14px;
    color: #333;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:991px) {
    body {
        font-size: 13px
    }
}

.full {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9
}

a {
    color: inherit
}

a:hover {
    text-decoration: none
}

h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 0
}

figure {
    margin-bottom: 0
}

button,
input,
textarea {
    outline: 0;
    border: none
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

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

.hidden {
    display: none
}

.clear {
    clear: both
}

.none {
    display: none
}

.hidden-seoh {
    visibility: hidden;
    height: 0;
    margin: 0;
    overflow: hidden
}

.wrapper {
    margin: 0 auto;
    padding: 0 15px;
    position: relative
}

@media screen and (min-width:576px) {
    .wrapper {
        max-width: 570px
    }
}

@media screen and (min-width:767px) {
    .wrapper {
        max-width: 750px
    }
}

@media screen and (min-width:991px) {
    .wrapper {
        max-width: 1330px
    }
}

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

img:not([src]) {
    visibility: hidden
}

img.lazy {
    opacity: 0
}

img:not(.initial) {
    transition: opacity 1s
}

img.error,
img.initial,
img.loaded {
    opacity: 1
}

img.img-fluid,
img.img-full,
img.img-responsive,
img.img100 {
    width: 100% !important;
    height: auto
}

div[data-slick] {
    display: none
}

div[data-slick].loaded {
    display: block
}

.block-menu {
    background: #fff;
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999
}

.block-menu.sticky {
    position: fixed
}

.block-menu.sticky .headerBottom {
    border-bottom: 1px solid rgba(0, 0, 0, .1333333333)
}

@media screen and (max-width:991px) {
    #fix {
        height: 50px
    }
}

:root {
    --easeoutcubic: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.menu ul {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none
}

.menu ul.primary-menu {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 40px
}

.menu ul.primary-menu>li>a {
    white-space: nowrap;
    font-size: 16px !important;
    text-transform: uppercase;
    color: #fff !important
}

@media screen and (max-width:1200px) {
    .menu ul.primary-menu>li>a {
        font-size: 11px !important
    }
}

.menu ul.primary-menu>li>a::before {
    content: "";
    position: absolute;
    width: 4px;
    height: var(--btn-line-size, 4px);
    display: block;
    top: 50%;
    left: 0;
    background: currentColor;
    transition: transform .4s var(--easeoutcubic), opacity .4s var(--easeoutcubic);
    transform: scaleX(0);
    transform-origin: center right
}

.menu ul.primary-menu>li>a.active,
.menu ul.primary-menu>li>a:hover {
    color: #fff !important
}

.menu ul.primary-menu>li>a.active::before,
.menu ul.primary-menu>li>a:hover::before {
    transform: scaleX(1) translateY(-50%);
    transform-origin: center left
}

.menu ul li {
    position: relative;
    z-index: 1
}

.menu ul li a {
    display: block;
    position: relative;
    font-size: 13px;
    color: var(--main-color);
    padding: 15px 12px 15px 12px;
    text-decoration: none !important;
    color: #fff;
    text-align: center;
    font-family: Saira;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

.menu ul li a.has-child {
    padding-right: 16px;
    margin-right: 8px
}

.menu ul li a.has-child::after {
    content: "";
    position: absolute;
    bottom: calc(50% - 2px);
    right: 5px;
    width: 5px;
    height: 5px;
    border: 1px solid #fafafa;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
    transition: all .3s ease-out
}

.menu ul li ul {
    position: absolute;
    min-width: 250px;
    margin-top: -5px;
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: #fafafa;
    border-radius: .25rem;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
    transform: perspective(600px) rotateX(-90deg);
    transform-origin: 0 0 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s
}

.menu ul li:hover>ul {
    transform: perspective(600px) rotateX(0);
    -webkit-transform-origin: 0 0 0;
    opacity: 1;
    visibility: visible;
    transition: all .7s
}

.menu ul li ul li {
    padding-left: .75rem;
    padding-right: .75rem
}

.menu ul li ul li a {
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    color: #313131;
    border-bottom: 1px solid #ececec
}

.menu ul li ul li:last-child>a {
    border-bottom: 0
}

.menu ul li ul li a.has-child {
    margin-right: 0
}

.menu ul li ul li a.has-child:after {
    border-color: #313131;
    transform: rotate(-45deg)
}

.menu ul li ul li a.active,
.menu ul li ul li:hover>a {
    color: var(--hover-color)
}

.menu ul li ul li a.active.has-child:after,
.menu ul li ul li:hover>a.has-child:after {
    border-color: var(--hover-color)
}

.menu ul li ul li a {
    padding: 10px 0 9px 0;
    text-transform: capitalize
}

.menu ul li ul li ul {
    top: -.75rem;
    left: 100%;
    margin-top: 0
}

.search-res svg {
    width: 22px;
    height: 22px
}

.search-res svg path {
    stroke: var(--main-color)
}

.search-res .icon-search {
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    color: var(--main-color);
    margin: 0
}

.search-res .icon-search svg:nth-child(2) {
    display: none
}

.search-res .icon-search.active {
    color: var(--main-color);
    background: var(--main-color);
    border-radius: 100%
}

.search-res .icon-search.active path {
    stroke: #fff
}

.search-res .icon-search.active svg:nth-child(1) {
    display: none
}

.search-res .icon-search.active svg:nth-child(2) {
    display: inline
}

.search-res .search-grid {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    overflow: hidden;
    z-index: 2;
    padding: 5px 15px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .15)
}

.search-res .search-grid.active {
    opacity: 1;
    visibility: visible;
    top: calc(100% + 5px)
}

.search-res .search-grid input {
    width: calc(100% - 45px);
    line-height: 38px;
    outline: 0;
    border: none;
    padding: 0 10px 0 15px;
    color: var(--main-color);
    border-radius: 25px 0 0 25px
}

.search-res .search-grid input::-moz-placeholder {
    color: var(--main-color);
    font-size: 12px
}

.search-res .search-grid input::placeholder {
    color: var(--main-color);
    font-size: 12px
}

.search-res .search-grid .border {
    border-color: var(--main-color) !important;
    border-radius: 25px
}

.search-res .search-grid button {
    width: 45px;
    height: 38px;
    cursor: pointer;
    outline: 0;
    border: none;
    margin: 0;
    display: block;
    background: var(--main-color);
    line-height: 36px;
    text-align: center;
    color: #fff;
    border-radius: 0 25px 25px 0
}

.search-res .search-grid button svg path {
    stroke: #fff
}

#menu {
    display: none
}

#hamburger {
    display: block;
    width: 30px;
    height: 23px;
    position: relative
}

#hamburger span,
#hamburger::after,
#hamburger::before {
    background: var(--main-color);
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    transition: none .5s ease .5s;
    transition-property: transform, top, bottom, left, opacity
}

#hamburger::before {
    top: 0
}

#hamburger span {
    top: 10px
}

#hamburger::after {
    top: 20px
}

.mm-wrapper_opening #hamburger::after,
.mm-wrapper_opening #hamburger::before {
    top: 10px
}

.mm-wrapper_opening #hamburger span {
    left: -50px;
    opacity: 0
}

.mm-wrapper_opening #hamburger::before {
    transform: rotate(45deg)
}

.mm-wrapper_opening #hamburger::after {
    transform: rotate(-45deg)
}

.mobile_menu_section {
    padding: 15px;
    display: block !important;
    text-align: left
}

.mobile_menu_section p {
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #333
}

.mobile_menu_section .mobile_menu_help {
    color: #677279;
    display: flex;
    align-items: center
}

.mobile_menu_section .mobile_menu_help svg {
    margin-right: 7px;
    width: 20px;
    height: 20px
}

.mobile_menu_section .mobile_menu_help a {
    display: block;
    padding: 7px 7px 7px 0;
    margin-left: 7px;
    text-transform: uppercase;
    color: #333
}

.mm-menu_opened {
    display: flex !important
}

.menu-m {
    background: #fff
}

@media screen and (max-width:991px) {
    .menu-m {
        padding: 5px 0;
        position: relative
    }
}

.menu-m-inside {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.logo-res {
    display: block
}

.logo-res img {
    width: auto !important;
    max-height: 30px !important;
}

.headerTop {
    padding: 9px 0;
    background-color: var(--main-color);
    position: relative;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: 2.4px;
    color: #fff;
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.menu-box {
    flex: 0 0 75.38%;
    max-width: 75.38%
}

.language-box a {
    padding: 0 !important
}

.open-form-search {
    background-color: transparent;
    color: #373d44;
    font-size: 18px
}

.control-owl {
    position: absolute;
    width: 100%;
    z-index: 2;
    left: 0;
    top: calc(50% - 22.5px)
}

.control-owl button {
    opacity: .5;
    top: 0;
    position: absolute;
    outline: 0;
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
    cursor: pointer;
    color: #fff;
    width: 45px;
    height: 45px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    margin: 0;
    background-color: #000;
    border-radius: 3px;
    transition: .3s ease-out
}

.control-owl button.owl-prev {
    left: 20px
}

.control-owl button.owl-next {
    right: 20px
}

.control-owl button:hover {
    opacity: 1
}

.dots-slideshow {
    position: absolute;
    z-index: 9;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.dots-slideshow .owl-dot {
    width: 10px;
    height: 10px;
    background: #f2f2f2;
    transition: .3s;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer
}

.dots-slideshow .owl-dot.active {
    background: #aaa
}

.custom-select,
.form-control,
.form-control-plaintext:not(textarea) {
    height: calc(1em + 1.25rem + 8px)
}

.text-sm {
    font-size: .875rem !important
}

.breadCrumbs {
    background-color: #eee
}

.breadCrumbs .wrapper {
    padding: .75rem 15px
}

.breadCrumbs .wrapper .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0
}

.breadCrumbs .wrapper .breadcrumb-item a {
    color: #212529
}

.breadCrumbs .wrapper .breadcrumb-item.active a {
    color: #6c757d
}

.price-box {
    margin-top: 5px;
    text-transform: uppercase
}

.price-box .price-new {
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    color: var(--hover-color);
    text-decoration: underline
}

.price-box .price-new span {
    font-family: Montserrat-SemiBold
}

.price-box .price-old {
    margin-left: 10px;
    font-family: Montserrat-Regular;
    font-size: 14px;
    color: #8e8e93
}

.price-box .price-per {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: var(--hover-color);
    padding: 5px;
    border-radius: 5px;
    font-family: Montserrat-Bold;
    color: #fff
}

.product-main {
    padding: 50px 0 70px;
    background-color: var(--main-color);
    margin-bottom: 30px
}

.product-main-box .header-container h2 {
    color: #fff
}

.product-main-box .header-container p {
    color: #fff
}

.product-item__text {
    text-align: start;
    padding: 15px
}

.product-item__text.fixed h3 {
    color: var(--main-color)
}

.product-item__text.fixed h3 a {
    color: #333;
    font-family: SVN-Gilroy;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px
}

.product-item__text.fixed h3 a:hover {
    color: var(--hover-color)
}

.product-item__text h3 {
    font-family: Montserrat-SemiBold;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
    min-height: 45px;
}

.product-item__text h3 a {
    color: #fff
}

.product-item__text h3 a:hover {
    color: var(--hover-color)
}

.control-product1 button,
.control-product2 button {
    background: 0 0
}

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

    .control-product1 button,
    .control-product2 button {
        display: none
    }
}

.control-product1 button.owl-prev,
.control-product2 button.owl-prev {
    left: -50px
}

.control-product1 button.owl-next,
.control-product2 button.owl-next {
    right: -50px
}

.product-main-box .price-box .price-new {
    color: #fff
}

.product-main-box .price-box .price-new a {
    color: #fff
}

.introduct-title {
    text-align: center;
    padding-top: 60px;
    position: relative;
    margin-bottom: 25px
}

.introduct-title::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 3px;
    height: 40px;
    background: var(--main-color)
}

.introduct-title p {
    font-family: Mulish-Medium;
    font-size: 14px;
    color: #212529;
    text-transform: uppercase;
    line-height: 26px;
    letter-spacing: 5.88px;
    margin-bottom: 5px
}

.introduct-title h2 {
    font-family: Montserrat-SemiBold;
    font-size: 32px;
    color: #212529;
    line-height: 42px;
    letter-spacing: .384px;
    text-transform: uppercase
}

@media screen and (max-width:991px) {
    .introduct-title h2 {
        font-size: 25px;
        line-height: 35px
    }
}

.introduct-box p {
    padding: 0 110px;
    font-family: Montserrat-Regular;
    font-size: 14px;
    color: #495057;
    line-height: 26px;
    letter-spacing: .112px;
    margin-bottom: 25px
}

.readon-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--main-color);
    font-family: Montserrat-SemiBold;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: .12px;
    text-transform: capitalize;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--main-color);
    color: #fff;
    transition: .3s
}

.readon-button:hover {
    color: var(--main-color);
    background-color: transparent
}

.introduct-main {
    margin-bottom: 30px
}

.introductimg-text {
    margin-top: 8px;
    text-align: center
}

.introductimg-text h3 {
    font-family: Montserrat-SemiBold;
    font-size: 14px;
    color: #212529;
    line-height: 28px;
    letter-spacing: .28px;
    text-transform: uppercase
}

.introductimg-text h3 a {
    color: #212529
}

.introductimg-text h3 a:hover {
    color: var(--hover-color)
}

.introductimg-main {
    margin-bottom: 40px
}

.product-main2 {
    padding: 40px 0;
    background-color: var(--main-color);
    margin-bottom: 50px
}

.product-main2-box .header-container h2 {
    color: #fff
}

.product-main2-box .header-container p {
    color: #fff
}

.product-item.slick-slide {
    transition: .3s
}

.product-item.slick-slide.active-0 {
    transform: scale(.9)
}

@media screen and (max-width:991px) {
    .product-item.slick-slide.active-0 {
        transform: unset
    }
}

@media screen and (max-width:991px) {
    .product2-fixed {
        margin: 0 -10px
    }
}

@media screen and (max-width:991px) {
    .product-item:not(.fixed) {}
}

.product-item.slick-slide.active-2 {
    transform: scale(.9)
}

@media screen and (max-width:991px) {
    .product-item.slick-slide.active-2 {
        transform: unset
    }
}

.slick-prev::before {
    display: none
}

.slick-next::before {
    display: none
}

.slick-arrow {
    width: 32px;
    height: 32px
}

@media screen and (max-width:991px) {
    .slick-arrow {
        display: none !important
    }
}

.readon-button2 {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 10px 20px;
    background-color: transparent;
    font-family: Montserrat-SemiBold;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    transition: .3s
}

.readon-button2:hover {
    background-color: #fff;
    color: var(--main-color)
}

.readon-button2.style {
    border-radius: 4px
}

.productlist-item__text {
    margin-top: 25px
}

.productlist-item__text h3 {
    font-family: Montserrat-SemiBold;
    font-size: 20px;
    color: #212529;
    text-transform: uppercase
}

.productlist-item__text p {
    font-family: Montserrat-Regular;
    font-size: 14px;
    color: #495057;
    line-height: 26px;
    letter-spacing: .112px;
    margin: 12px 0
}

.productlist-main-box {
    padding-bottom: 50px;
    border-bottom: 1px solid #ced4da
}

.productlist-main {
    margin-bottom: 50px
}

.productlist-main:last-child .productlist-main-box {
    padding-bottom: 0;
    border-bottom: 0
}

.introduct2-left {
    flex: 0 0 47.69%;
    max-width: 47.69%;
    padding: 0 0 35px 40px;
    position: relative
}

@media screen and (max-width:991px) {
    .introduct2-left {
        padding: 0
    }
}

.introduct2-left::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 500px;
    height: 300px;
    border: 6px solid #fff;
    z-index: 0
}

@media screen and (max-width:991px) {
    .introduct2-left::before {
        display: none
    }
}

.introduct2-left .image-box {
    position: relative;
    z-index: 2
}

@media screen and (max-width:991px) {
    .introduct2-left {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px
    }
}

.introduct2-right {
    flex: 0 0 47.69%;
    max-width: 47.69%
}

@media screen and (max-width:991px) {
    .introduct2-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.introduct2-right h2 {
    font-family: Montserrat-Bold;
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    line-height: 52px
}

@media screen and (max-width:991px) {
    .introduct2-right h2 {
        font-size: 30px;
        line-height: 42px
    }
}

.introduct2-right h3 {
    font-family: Montserrat-Regular;
    font-size: 32px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
    line-height: 52px
}

@media screen and (max-width:991px) {
    .introduct2-right h3 {
        font-size: 22px;
        line-height: 42px
    }
}

.introduct2-right>p {
    font-family: Montserrat-Regular;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    margin-bottom: 25px
}

.introduct2-main {
    padding: 50px 0;
    background-color: var(--main-color)
}

.hotline-image {
    flex: 0 0 40px;
    max-width: 40px
}

.hotline-text {
    padding-left: 10px
}

.hotline-text .text1 {
    font-family: Roboto-Regular;
    font-size: 13px;
    color: #fff
}

.hotline-text .text2 {
    font-family: Roboto-Bold;
    font-size: 18px;
    color: #fff
}

.introduct2-main {
    margin-bottom: 50px
}

.why-box {
    flex: 0 0 57.69%;
    max-width: 57.69%
}

@media screen and (max-width:991px) {
    .why-box {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px
    }
}

.fanpage-box {
    flex: 0 0 37.69%;
    max-width: 37.69%
}

@media screen and (max-width:991px) {
    .fanpage-box {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.why-title {
    padding-left: 18px;
    border-left: 4px solid var(--main-color);
    font-family: Montserrat-SemiBold;
    font-size: 32px;
    color: #212529;
    text-transform: uppercase;
    line-height: 42px;
    margin-bottom: 30px
}

@media screen and (max-width:991px) {
    .why-title {
        font-size: 25px;
        line-height: 35px
    }
}

.why-item__text h3 {
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    color: #212529;
    text-transform: capitalize;
    margin: 16px 0 8px
}

.why-item__text p {
    font-family: Mulish-Regular;
    font-size: 14px;
    color: #495057;
    line-height: 24px;
    letter-spacing: .112px
}

.why-item {
    margin-bottom: 30px
}

.why-n-fanpage-main {
    margin-bottom: 50px
}

.project-left {
    flex: 0 0 23.46%;
    max-width: 23.46%
}

@media screen and (max-width:991px) {
    .project-left {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px
    }
}

.project-left .text {
    font-family: Montserrat-Regular;
    font-size: 14px;
    color: #1e1e1e;
    line-height: 28px;
    letter-spacing: .112px;
    margin-bottom: 30px
}

.project-title {
    margin-bottom: 25px
}

.project-title p {
    font-family: Mulish-Medium;
    font-size: 14px;
    color: #1e1e1e;
    text-transform: uppercase;
    line-height: 26px;
    letter-spacing: 5.88px;
    margin-bottom: 8px
}

.project-title h2 {
    font-family: Montserrat-SemiBold;
    font-size: 32px;
    line-height: 42px;
    color: #1e1e1e;
    text-transform: uppercase;
    padding-left: 16px;
    border-left: 4px solid var(--main-color)
}

@media screen and (max-width:991px) {
    .project-title h2 {
        font-size: 25px;
        line-height: 35px
    }
}

.project-right {
    flex: 0 0 74.61%;
    max-width: 74.61%
}

@media screen and (max-width:991px) {
    .project-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.project-main {
    position: relative
}

.project-main::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 66%;
    background-color: var(--main-color)
}

@media screen and (max-width:991px) {
    .project-main::before {
        display: none
    }
}

.project-main {
    padding: 60px 0;
    margin-bottom: 50px
}

.project-item__text {
    margin-top: 15px
}

.project-item__text.fixed h3 {
    color: var(--main-color)
}

.project-item__text.fixed h3::before {
    background-color: var(--main-color)
}

.project-item__text.fixed h3 a {
    color: var(--main-color)
}

.project-item__text.fixed h3 a:hover {
    color: var(--hover-color)
}

.project-item__text h3 {
    position: relative;
    font-family: Oswald-Regular;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    padding-left: 60px
}

.project-item__text h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 3px;
    background-color: #fff
}

.project-item__text h3 a {
    color: #fff
}

.project-item__text h3 a:hover {
    color: var(--hover-color)
}

@media screen and (max-width:991px) {
    .project-item__text h3 {
        color: var(--main-color)
    }

    .project-item__text h3::before {
        background-color: var(--main-color)
    }

    .project-item__text h3 a {
        color: var(--main-color)
    }

    .project-item__text h3 a:hover {
        color: var(--hover-color)
    }
}

.news-box {
    flex: 0 0 47.69%;
    max-width: 47.69%
}

@media screen and (max-width:991px) {
    .news-box {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px
    }
}

.video-box {
    flex: 0 0 47.69%;
    max-width: 47.69%
}

@media screen and (max-width:991px) {
    .video-box {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.news-item__image {
    overflow: hidden
}

.news-title {
    padding-left: 17px;
    border-left: 4px solid var(--main-color);
    font-family: Montserrat-SemiBold;
    font-size: 32px;
    line-height: 42px;
    color: #212529;
    text-transform: uppercase;
    margin-bottom: 30px
}

.news-item__text {
    background: #f7f7f7;
    padding: 35px 22px
}

.news-item__text h3 {
    margin-bottom: 15px;
    color: #333;
    font-family: SVN-Gilroy;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    text-transform: capitalize
}

.news-item__text .text {
    margin-bottom: 15px;
    color: #898989;
    font-family: SVN-Gilroy;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px
}

.news-item__text .status-box p {
    font-family: Montserrat-Regular;
    font-size: 14px;
    color: #48484a
}

.video-wrapper iframe {
    width: 100%
}

.item-video-addon {
    padding: 0 5px
}

.carousel-video {
    margin: 0 -5px
}

.news-n-video-main {
    margin-bottom: 50px
}

.partner-left {
    flex: 0 0 140px;
    max-width: 140px
}

@media screen and (max-width:991px) {
    .partner-left {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px
    }
}

.partner-left h2 {
    font-family: Montserrat-SemiBold;
    font-size: 20px;
    color: #9e9e9e;
    text-transform: uppercase
}

.partner-right {
    flex: 0 0 calc(100% - 140px);
    max-width: calc(100% - 140px);
    padding-left: 25px
}

@media screen and (max-width:991px) {
    .partner-right {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }
}

.partner-main {
    padding: 25px 0;
    background-color: #fff
}

.category-item__image {
    border-radius: 10px;
    overflow: hidden
}

.category-item__text {
    padding: 15px
}

.category-item__text h3 {
    font-family: Roboto-Bold;
    font-size: 18px;
    color: #383838;
    line-height: 27px;
    margin-bottom: 8px;
    text-transform: uppercase
}

.category-item__text h3 a {
    color: #383838
}

.category-item__text h3 a:hover {
    color: var(--hover-color)
}

.category-item__text p {
    text-align: justify;
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #000;
    line-height: 21px
}

.product-item2::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .2666666667);
    z-index: 1;
    pointer-events: none
}

.product-item2__text {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    text-align: center;
    pointer-events: none
}

.product-item2__text h3 {
    font-family: Roboto-Bold;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase
}

.price-box2 {
    margin-top: 15px;
    text-transform: uppercase
}

.price-box2 .price-new {
    font-family: Roboto-Regular;
    font-size: 16px;
    color: #fff
}

.price-box2 .price-new span {
    font-family: Roboto-Regular
}

.price-box2 .price-old {
    margin-left: 10px;
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #fff
}

.newsletter-input {
    margin-bottom: 10px
}

.newsletter-input .form-control {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #000;
    height: 40px
}

.newsletter-input textarea {
    height: 80px !important;
    resize: none
}

.submit-newsletter {
    display: inline-block;
    padding: 8px 15px;
    font-family: Roboto-Bold;
    font-size: 14px;
    color: #fff;
    background-color: var(--main-color);
    text-transform: uppercase;
    border: 1px solid var(--main-color);
    transition: .3s
}

.submit-newsletter:hover {
    color: var(--main-color);
    background-color: transparent
}

.footerMap iframe {
    display: block;
    width: 100%;
    height: 200px
}

.footerPowered {
    padding: 15px 0
}

.footerCopyright {
    color: #fff;
    text-align: center;
    font-family: Saira;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: .5
}

.footerCopyright span {
    font-family: Roboto-Bold;
    color: #fff
}

.footerStatic {
    color: #fff
}

@media screen and (max-width:991px) {
    .footerStatic {
        text-align: center;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px
    }
}

.footerStatic span {
    padding-right: 10px;
    margin-right: 10px
}

.footerStatic span:last-child {
    padding-right: 0;
    margin-right: 0
}

.footerArticle {
    background: url(../images/footer-pattern_1.png)
}

.footerTern {
    flex: 0 0 20%;
    max-width: 20%;
    padding-top: 40px
}

@media screen and (max-width:991px) {
    .footerTern {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
        padding-top: 30px
    }
}

.footerSocial {
    flex: 0 0 20%;
    max-width: 20%;
    padding-top: 40px
}

@media screen and (max-width:991px) {
    .footerSocial {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
        padding-top: 0
    }
}

.footerInfo {
    flex: 0 0 50.76%;
    max-width: 50.76%;
    background-color: #fff;
    padding: 50px 20px 20px
}

@media screen and (max-width:991px) {
    .footerInfo {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 20px
    }
}

.footerRow .title {
    margin-bottom: 24px;
    color: #fff;
    font-family: Saira;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase
}

.footerRow .list {
    list-style: disc;
    padding: 0;
    margin: 0;
    padding-left: 15px
}

.footerRow .list li {
    margin-bottom: 10px;
    font-family: Montserrat-Medium;
    font-size: 14px;
    color: #fff;
    text-transform: capitalize
}

.footerRow .list li a {
    color: #fff
}

.footerRow .list li a:hover {
    color: var(--hover-color)
}

.footerRow .list2 {
    list-style: disc;
    margin: 0;
    padding-left: 15px;
    color: #fff
}

.footerRow .list2 li {
    margin-bottom: 10px
}

.footerRow .desc {
    font-family: Roboto-Regular;
    font-size: 15px;
    color: #555;
    margin-bottom: 20px
}

.footerRow .desc p {
    padding-bottom: 5px
}

#show_popup {
    padding: 0 !important
}

@media screen and (max-width:991px) {
    #show_popup {
        transform: scale(.8)
    }
}

@media screen and (max-width:767px) {
    #show_popup {
        transform: scale(.7)
    }
}

@media screen and (max-width:576px) {
    #show_popup {
        transform: scale(.6)
    }
}

@media screen and (min-width:991px) {
    .d-lg-list {
        display: list-item !important
    }
}

.fw-normal {
    font-weight: 400 !important
}

.text-main {
    color: var(--main-color)
}

.btn-main {
    color: #fff;
    background: var(--main-color);
    transition: .4s
}

.btn-main:hover {
    background: #fff;
    color: var(--main-color);
    border: 1px solid var(--main-color)
}

.btn-outline-main {
    background: #fff;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    transition: .4s
}

.btn-outline-main:hover {
    background: var(--main-color);
    color: #fff
}

.share-box {
    padding: 15px;
    background: #f2f2f2;
    border-radius: 10px
}

.share-box p {
    margin-bottom: 3px
}

.wow {
    visibility: hidden
}

.article iframe,
.article object {
    max-width: 100% !important
}

.article table {
    width: 100%
}

.article :not(iframe):not(object):not(img) {
    max-width: 100% !important;
    height: auto !important
}

.flex-box {
    display: flex !important;
    flex-wrap: wrap
}

.text-split1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1
}

.text-split2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.text-split {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3
}

.text-split4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4
}

.text-split5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 5
}

.text-split6 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 6
}

.overflow-hidden {
    overflow: hidden
}

.cursor-pointer {
    cursor: pointer
}

.hover-scale img {
    transition: .3s !important
}

.hover-scale:hover img {
    transform: scale(1.15)
}

.hover-rotateZ img {
    transition: .8s !important
}

.hover-rotateZ:hover img {
    transform: rotateZ(30deg)
}

.hover-rotateY img {
    transition: .8s !important
}

.hover-rotateY:hover img {
    transform: rotateY(180deg)
}

.bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.yt {
    position: relative;
    aspect-ratio: 200/114
}

.transition {
    transition: .3s ease-out
}

.grecaptcha-badge {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
    overflow: hidden
}

coccocgrammar {
    display: none
}

.goTop {
    width: 41px;
    height: 41px;
    text-align: center;
    font-weight: 700;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 65px;
    right: 25px;
    display: none;
    z-index: 10;
    cursor: pointer
}

.modal-quickiew {
    max-width: 1000px !important
}

.fw-bold {
    font-weight: 700
}

.ft-italic {
    font-style: italic
}

.slick-data {
    display: none !important
}

.slick-data.loaded {
    display: block !important
}

.slick-data.slick-dotted {
    margin-bottom: 0
}

.col-news {
    padding: 0 10px;
    margin-bottom: 20px
}

@media screen and (max-width:767px) {
    .col-news {
        padding: 0 5px;
        margin-bottom: 10px
    }
}

.row-news {
    margin: 20px -10px 0 -10px
}

@media screen and (max-width:767px) {
    .row-news {
        margin: 15px -5px 0 -5px
    }
}

.news_box {
    position: relative
}

.news_box:hover .news__name a {
    color: var(--hover-color)
}

.news__name {
    margin: 15px 0 7px 0;
    color: #000
}

.news__name a {
    color: inherit
}

.news__name.text-split {
    -webkit-line-clamp: 2
}

.news__desc.text-split {
    -webkit-line-clamp: 3
}

.othernews.share {
    margin-top: 20px
}

.othernews.share b {
    margin-bottom: 10px
}

.list-news-other {
    padding-left: 17px;
    list-style: disc;
    width: 50%
}

.list-news-other li {
    padding: 7px 0
}

.list-news-other li:not(:last-child) {
    border-bottom: 1px solid #eee
}

.list-news-other li a {
    text-transform: none;
    color: #333
}

.list-news-other li a:hover {
    color: #ec2d3f
}

@media screen and (max-width:767px) {
    .list-news-other {
        width: 100%
    }
}

.row-product {
    margin: 25px -12px 0 -12px
}

@media screen and (max-width:767px) {
    .row-product {
        margin: 20px -5px 0 -5px
    }
}

.col-product {
    padding: 0 12px;
    margin-bottom: 24px
}

@media screen and (max-width:767px) {
    .col-product {
        padding: 0 5px;
        margin-bottom: 10px
    }
}

.product_box {
    position: relative
}

.product_box:hover .product__name a {
    color: var(--hover-color)
}

.product__info {
    position: relative
}

.product__name {
    color: #000;
    font-size: 20px;
    text-align: center
}

.product__name a {
    color: inherit
}

.product__name.text-split {
    -webkit-line-clamp: 2
}

.product__price {
    display: flex;
    align-items: baseline;
    justify-content: center
}

@media screen and (max-width:991px) {
    .product__price {
        text-align: center;
        flex-wrap: wrap
    }
}

@media screen and (max-width:991px) {
    .product__price .price__pro_new {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 5px
    }
}

@media screen and (max-width:991px) {
    .product__price .price__pro_old {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%
    }
}

.price__pro_new a,
.price__pro_new strong {
    color: #c00;
    font: 20px Roboto-Bold
}

.price__pro_old del {
    color: #aaa;
    font-size: 17px
}

.product__price .price__pro_new+.price__pro_old {
    margin-left: 7px
}

@media screen and (max-width:991px) {
    .product__price .price__pro_new+.price__pro_old {
        margin-left: 0
    }
}

.discount-pro-detail {
    background-color: #ec2d3f;
    border-radius: 20px;
    font-weight: 700;
    padding: 3px 9px;
    color: #fff;
    font-size: 11px
}

.left-pro-detail {
    flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    max-width: 40%;
    margin-bottom: 20px;
    padding-right: 10px;
    position: relative;
    text-align: center
}

.left-pro-detail .MagicZoom {
    background-color: #fff;
    position: relative;
    z-index: 10
}

@media screen and (max-width:991px) {
    .left-pro-detail {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding-right: 0
    }
}

.right-pro-detail {
    flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    max-width: 60%;
    margin-bottom: 20px;
    padding-left: 10px
}

@media screen and (max-width:991px) {
    .right-pro-detail {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding-left: 0
    }
}

.tabs-pro-detail {
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    max-width: 100%
}

.grid-pro-detail {
    margin-bottom: 3rem
}

.gallery-thumb-pro {
    position: relative;
    margin-top: 10px
}

@media screen and (max-width:991px) {
    .gallery-thumb-pro {
        margin-top: 5px
    }
}

.control-pro-detail {
    top: calc(50% - 12.5px)
}

.control-pro-detail button {
    background-color: transparent;
    opacity: 1;
    width: 25px;
    height: 25px;
    background: rgba(0, 0, 0, .4);
    border-radius: 50%;
    color: #fff;
    font-size: 23px
}

.control-pro-detail button.owl-prev {
    left: 10px
}

.control-pro-detail button.owl-next {
    right: 10px
}

.title-color,
.title-size {
    color: #4ea8cd;
    font-weight: 400
}

.thumb-pro-detail {
    display: block !important;
    border-radius: 5px;
    cursor: pointer;
    background-color: #fff
}

.thumb-pro-detail img {
    box-shadow: none !important;
    filter: brightness(100%) !important;
    border-bottom: 0 !important;
    padding-bottom: 0 !important
}

.thumb-pro-detail.mz-thumb.mz-thumb-selected {
    border-color: #cecfd2
}

.title-pro-detail {
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

.top-info-pro-detail {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: baseline
}

.top-info-pro-detail li+li {
    border-left: 1px solid #eae4e8
}

.top-info-pro-detail li:first-child {
    padding-right: 7px
}

.top-info-pro-detail li:last-child {
    padding-left: 7px
}

.top-info-pro-detail li a,
.top-info-pro-detail li span {
    font-weight: 700;
    color: #007bff;
    margin-left: 2px
}

.comment-pro-detail {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.social-plugin-pro-detail {
    margin-bottom: 1rem;
    margin-top: 0 !important
}

.desc-pro-detail {
    margin-bottom: 1rem
}

.attr-pro-detail {
    list-style: none;
    padding: 0;
    margin: 0
}

.attr-pro-detail li {
    margin-bottom: 15px
}

.attr-pro-detail li:last-child {
    margin-bottom: 0
}

.attr-label-pro-detail {
    font-weight: 700;
    color: #000;
    display: block;
    margin-bottom: 6px
}

.attr-content-pro-detail {
    margin-bottom: 0
}

.price-new-pro-detail {
    font-weight: 700;
    font-size: 20px;
    color: #ec2d3f
}

@media screen and (max-width:767px) {
    .price-new-pro-detail {
        font-size: 16px
    }
}

.price-old-pro-detail {
    color: #6c757d;
    font-size: 16px;
    text-decoration: line-through;
    padding: 0 10px
}

@media screen and (max-width:767px) {
    .price-old-pro-detail {
        font-size: 13px;
        padding: 0 7px
    }
}

.tabs-pro-detail {
    margin-top: 2rem
}

.tabs-pro-detail .nav-tabs {
    justify-content: center
}

.tabs-pro-detail .nav-tabs .nav-item .nav-link {
    margin-bottom: 0;
    border: 0;
    font-size: 15px;
    border-bottom: 2px solid transparent
}

.tabs-pro-detail .nav-tabs .nav-item .nav-link.active {
    border-bottom-color: #555;
    font-weight: 700
}

.tabs-pro-detail .nav-tabs .nav-item .nav-link:hover {
    font-weight: 700;
    color: #333
}

.tabs-pro-detail .nav-tabs .nav-item.show .nav-link {
    font-weight: 700;
    border-bottom-color: #555
}

@media screen and (max-width:991px) {
    .tabs-pro-detail .nav-tabs .nav-link {
        font-size: 13px !important
    }
}

.contact-article {
    margin-bottom: 3rem
}

.contact-input {
    position: relative;
    margin-bottom: 15px
}

.contact-input textarea {
    resize: none;
    height: 150px
}

.contact-input .custom-file-label::after {
    content: attr(title)
}

.contact-map {
    position: relative;
    height: 500px
}

.contact-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.wrap-user {
    margin: 40px auto;
    border-radius: 5px;
    max-width: 500px;
    padding: 25px
}

@media screen and (max-width:991px) {
    .wrap-user {
        margin: 30px auto;
        max-width: 100%;
        padding: 0;
        box-shadow: none !important
    }
}

.wrap-register {
    margin: 30px;
    padding: 25px
}

.wrap-register label {
    font-weight: 700
}

@media screen and (max-width:991px) {
    .wrap-register {
        margin: 30px auto;
        padding: 0;
        box-shadow: none !important
    }
}

.title-user {
    margin-bottom: 15px
}

.title-user.login h4 {
    color: var(--main-color);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--main-color)
}

.forgot-password-user,
.login-user {
    width: 100%;
    display: block;
    background: var(--main-color);
    color: #fff;
    border-radius: 5px;
    height: 38px;
    font-weight: 700;
    transition: .4s;
    border: 1px solid var(--main-color)
}

.forgot-password-user:hover,
.login-user:hover {
    background: #fff;
    color: var(--main-color)
}

.activation-user,
.info-user,
.registration-user {
    width: 150px;
    display: block;
    background: var(--main-color);
    color: #fff;
    border-radius: 5px;
    height: 38px;
    font-weight: 700;
    transition: .4s;
    border: 1px solid var(--main-color)
}

.activation-user:hover,
.info-user:hover,
.registration-user:hover {
    background: #fff;
    color: var(--main-color)
}

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

    .activation-user,
    .info-user,
    .registration-user {
        margin-top: 10px;
        width: 100%
    }
}

.section-main {
    margin-top: 15px;
    margin-bottom: 25px
}

.title-main {
    margin-bottom: 1.5rem;
    text-align: center
}

.title-main h2 {
    text-transform: uppercase;
    color: var(--main-color);
    font-weight: 700;
    font-size: 23px
}

.time-main {
    margin-bottom: .75rem;
    color: #999
}

.time-main i {
    vertical-align: top;
    margin: 3px 7px 0 0
}

.time-main span {
    vertical-align: top;
    display: inline-block
}

.header-container {
    text-align: center
}

.header-container h2 {
    color: #333;
    text-align: center;
    font-family: Saira;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .header-container h2 {
        font-size: 18px;
    }
}

.header-container p {
    font: 15px Roboto-Italic
}

.pagination-cus .page-item {
    margin: 0 4px
}

.pagination-cus .page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pagination-cus .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.pagination-cus .page-item.active .page-link {
    background: var(--main-color);
    color: #fff;
    border-color: var(--main-color)
}

.pagination-cus .page-item:not(:first-child) .page-link {
    margin-left: 0
}

.pagination-cus .page-link {
    color: var(--main-color);
    padding: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 0
}

.pagination-cus .page-link:hover {
    z-index: 2;
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color)
}

.pagination-ajax {
    text-align: center
}

.pagination-ajax a {
    display: inline-block;
    vertical-align: top;
    margin: 0 3px 3px 3px;
    width: 35px;
    height: 35px;
    line-height: 33px;
    color: #666 !important;
    border: 1px solid #e6e6e6;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none !important;
    background-color: #fff
}

.pagination-ajax a.current,
.pagination-ajax a:hover {
    color: #fff !important;
    border-color: var(--main-color);
    background-color: var(--main-color)
}

.pagination-ajax a.first {
    text-indent: -9999px;
    position: relative;
    background-color: #fff !important
}

.pagination-ajax a.first::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/page-first.png)
}

.pagination-ajax a.last {
    text-indent: -9999px;
    position: relative;
    background-color: #fff !important
}

.pagination-ajax a.last::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/page-last.png)
}

.pagination-ajax a.prev {
    text-indent: -9999px;
    position: relative;
    background-color: #fff !important
}

.pagination-ajax a.prev::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/page-prev.png)
}

.pagination-ajax a.next {
    text-indent: -9999px;
    position: relative;
    background-color: #fff !important
}

.pagination-ajax a.next::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/page-next.png)
}

.block-search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, .8);
    display: none;
    transition: .8s
}

.search-wrap {
    position: relative;
    color: #fff;
    height: 100vh
}

.form-search-d {
    position: relative;
    width: 0;
    transition: .8s
}

.form-search-d.active {
    width: 70%
}

@media screen and (max-width:991px) {
    .form-search-d.active {
        width: calc(100% - 50px)
    }
}

.form-search-d input {
    width: 100%;
    height: 45px;
    outline: 0;
    color: #fff;
    border: none;
    border-bottom: 1px solid #fff;
    background: 0 0;
    padding: 0 30px 0 10px;
    font-size: 12px
}

.form-search-d input::-moz-placeholder {
    color: #fff;
    font-size: 12px
}

.form-search-d input::placeholder {
    color: #fff;
    font-size: 12px
}

.form-search-d button {
    position: absolute;
    top: 0;
    right: 0;
    outline: 0;
    border: none;
    cursor: pointer;
    background: 0 0;
    font-size: 14px;
    height: 100%;
    color: #fff
}

.close-form-search {
    position: absolute;
    top: 30px;
    right: 0;
    font-size: 25px;
    transition: .3s
}

@media screen and (max-width:991px) {
    .close-form-search {
        font-size: 20px
    }
}

.close-form-search:hover {
    color: red
}

.box-readmore {
    padding: 8px 15px;
    border: 1px solid #dedede;
    margin-bottom: 2rem;
    border-radius: 5px;
    background: rgba(128, 128, 128, .15)
}

.box-readmore ul {
    list-style-type: none;
    counter-reset: item;
    margin-bottom: 0;
    padding-left: 0 !important;
    margin-top: 8px
}

.box-readmore ul li {
    display: table;
    counter-increment: item;
    margin-bottom: 5px
}

.box-readmore ul li a {
    color: #333;
    cursor: pointer;
    font-weight: 600
}

.box-readmore ul li a:hover {
    color: #767676
}

.box-readmore ul li::before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 5px
}

.box-readmore ul li ul>li {
    margin: 0;
    margin-bottom: 8px
}

.box-readmore ul li ul>li::before {
    content: counters(item, ".") " "
}

.addThis_listing .addThis_item {
    margin-bottom: 5px
}

.addThis_listing .addThis_item .addThis_item--icon {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 44px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center
}

.addThis_item--icon i {
    font-size: 20px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: var(--main-color);
    border-radius: 50%
}

.addThis_item--icon span {
    position: absolute;
    top: 0;
    right: -5px;
    color: #fff;
    width: 20px;
    height: 20px;
    background: #ec2d3f;
    text-align: center;
    line-height: 20px;
    font-size: 11px;
    border-radius: 100%;
    z-index: 10
}

.addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
    position: absolute;
    top: 4px;
    right: 55px;
    z-index: 9;
    height: 32px;
    line-height: 26px;
    padding: 3px 10px;
    width: auto;
    border-radius: 5px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background-color: #000;
    visibility: hidden;
    opacity: 0;
    transition: all .2s linear
}

.addThis_listing .addThis_item .addThis_item--icon .tooltip-text:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #000;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .2s linear
}

.addThis_listing .addThis_item .addThis_item--icon:hover {
    text-decoration: none;
    opacity: .9;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .15), 0 4px 15px rgba(0, 0, 0, .13)
}

.addThis_listing .addThis_item .addThis_item--icon:hover .tooltip-text {
    visibility: visible;
    opacity: 1
}

.actionToolbar_mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 999;
    height: 45px;
    width: 100%;
    border-top: 1px solid #e7e7e7;
    background: #fff;
    padding: 5px 10px
}

.fb_dialog_content>iframe {
    right: -6px !important
}

.addThis_listSharing {
    position: fixed;
    bottom: 100px;
    z-index: 999;
    top: auto !important;
    right: 26px
}

.backtop {
    right: 26px;
    bottom: 60px;
    top: auto !important;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    top: auto !important;
    height: 44px;
    width: 44px;
    background-color: var(--main-color);
    line-height: 36px;
    border-radius: 100%;
    font-size: 30px;
    transition: all .3s ease-out 0s;
    transform: translateY(-120px);
    opacity: 0;
    visibility: hidden;
    text-align: center;
    color: #fff !important;
    margin-bottom: 5px
}

.backtop:hover {
    filter: brightness(1.3)
}

.backtop.show {
    z-index: 999;
    transition: transform .3s ease-out 0s;
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.social_fixed-phone {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 55px;
    line-height: 45px;
    z-index: 100;
    display: none;
    box-shadow: 0 3px 6px #333;
    border-radius: 10px 10px 0 0;
    background: #fff
}

.social_fixed-phone ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    height: 100%
}

.social_fixed-phone ul li {
    flex: 0 0 100%/4;
    -ms-flex: 0 0 100%/4;
    max-width: 100%/4;
    width: 100%
}

.social_fixed-phone ul li a {
    text-decoration: none;
    font-size: 9px;
    font-family: Arial;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    letter-spacing: 1px;
    line-height: 2;
    height: 100%;
    padding-top: 5px;
    color: var(--main-color)
}

.social_fixed-phone svg {
    display: block;
    margin: 0 auto;
    height: 25px;
    fill: var(--main-color);
    max-width: 100%
}

@media screen and (max-width:991px) {
    .social_fixed-phone {
        display: block
    }
}

@media screen and (max-width:991px) {
    #footer {
        padding-bottom: 55px
    }
}

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

.animated.infinite {
    animation-iteration-count: infinite
}

.zoomIn {
    animation-name: customzoomIn
}

@keyframes customzoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.swing-vertical {
    animation: top-image-bounce 2s infinite ease-in-out
}

@keyframes top-image-bounce {
    0% {
        transform: translateY(-8px)
    }

    50% {
        transform: translateY(12px)
    }

    100% {
        transform: translateY(-8px)
    }
}

.vibration-icon {
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes blinker {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes customfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes customfadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes customfadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes customfadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes customfadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(100px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes customfadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(-100px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.text-nhapnhay {
    animation: my .7s infinite
}

@keyframes my {
    0% {
        color: #ffc853
    }

    50% {
        color: red
    }

    100% {
        color: #ffc853
    }
}

.rotate360 {
    animation: rotation 2s infinite linear
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

.blink {
    animation-name: blink;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.criteria2-item__image {
    flex: 0 0 50px;
    max-width: 50px
}

.criteria2-item__text {
    flex: 0 0 calc(100% - 50px);
    max-width: calc(100% - 50px);
    padding-left: 10px
}

.criteria2-item__text h3 {
    font-family: Roboto-Bold;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    line-height: 27px
}

.criteria2-item__text p {
    font-family: Roboto-Regular;
    font-size: 13px;
    color: #00000080;
    line-height: 18px
}

.criteria2-item {
    margin-bottom: 10px
}

.content-right {
    border-left: 1px solid #00000022
}

.criteria2-box {
    border-bottom: 1px solid #00000022;
    margin-bottom: 15px
}

.support-box h3 {
    font-family: Roboto-Bold;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 10px
}

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

.support-box ul li {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #3b3b3b;
    margin-bottom: 10px;
    padding-left: 15px;
    position: relative
}

.support-box ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background-color: #3b3b3b;
    border-radius: 50%
}

.bordercontent {
    border: 5px solid var(--main-color);
    padding: 10px;
    border-radius: 16px
}

.headerCenter__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 100px
}

.headerCenter__item {
    display: flex;
    align-items: center;
    gap: 15px
}

.headerCenter__item--text span {
    color: #898989;
    font-family: SVN-Gilroy;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

.headerCenter__item--text p {
    color: #333;
    font-family: SVN-Gilroy;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.headerCenter {
    padding: 30px 0 14px;
    all .3s animation-timing-function: linear;
}

.headerCenter__item--contact a {
    background: #253f96;
    padding: 15px 31px;
    color: #fff;
    text-align: center;
    font-family: Saira;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    POSITION: RELATIVE;
}

.menu {
    background: #c3212f;
    position: relative;
    top: 15px
}

.wrapper__right .list2 {
    display: flex;
    list-style: none;
    gap: 7px;
    margin: 0
}

.wrapper__left {
    display: flex;
    align-items: center
}

.headerTop .wrapper {
    display: flex;
    justify-content: space-between
}

.headerTop:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #253f96;
    left: 100%;
    top: 0
}

.headerTop:before {
    position: absolute;
    content: '';
    right: 100%;
    top: 0;
    border-left: 25px solid #ff000000;
    border-right: 20px solid #253f96;
    border-bottom: 17px solid transparent;
    border-top: 22px solid #253f96;
}

.menu:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #c3212f;
    left: 100%
}

.menu:after {
    position: absolute;
    content: '';
    right: 100%;
    top: 0;
    border-left: 20px solid #ff000000;
    border-right: 20px solid #c3212f;
    border-bottom: 28.5px solid #c3212f;
    border-top: 27.5px solid #c3212f00
}

.line {
    color: #fff;
    opacity: .5
}

.menu ul li:last-child {
    margin-left: auto
}

.headerBottom {
    border-bottom: 5px solid #c3212f
}

.ProductHot__wrapper {
    padding: 36px 0
}

.product-item {
    border-radius: 5px;
    border: 1px solid #cacaca;
    background: #fff;
    overflow: hidden
}

.ProductHot__item-price {
    display: flex;
    justify-content: start;
    color: #898989;
    font-family: SVN-Gilroy;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    align-items: end;
    gap: 5px
}

span.price-old {
    margin-left: 8px;
    text-decoration: line-through;
    font-style: italic;
    color: #898989;
    font-family: SVN-Gilroy;
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: line-through
}

strong.price-new {
    color: #ec1c24;
    font-family: SVN-Gilroy;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

span.price-per {
    position: absolute;
    top: 19px;
    right: -9px;
    background: #cd1a1a;
    color: #fff;
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding: 5px 13px
}

span.price-per:before {
    position: absolute;
    content: '';
    border-bottom: 5px solid #630000;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid #630000;
    right: 0;
    bottom: 100%
}

span.ProductHot__item-code {
    color: #898989;
    font-family: SVN-Gilroy;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
    margin: 12px 0 8px;
    display: block
}

.WhyChooseUs__item {
    display: flex;
    gap: 15px
}

.WhyChooseUs__item-image {
    width: 50px;
    flex-shrink: 0
}

.WhyChooseUs__item-text h3 {
    color: #333;
    font-family: SVN-Gilroy;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 5px
}

.WhyChooseUs__item-text p {
    color: #898989;
    font-family: SVN-Gilroy;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.WhyChooseUs__wrapper {
    margin-bottom: 40px
}

.AboutUs__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 45px
}

.AboutUs__left-image {
    position: relative
}

.AboutUs__left-image--first {
    max-width: 546px;
    padding-left: 46px
}

.AboutUs__left-image--second {
    max-width: 236px
}

.AboutUs__left-image--third {
    max-width: 175px
}

.AboutUs__left-image--second {
    position: absolute;
    right: 0;
    bottom: -50px
}

.AboutUs__left-image--third {
    position: absolute;
    top: -31px;
    left: 0
}

.AboutUs__wrapper {
    padding-bottom: 127px;
    padding-top: 90px
}

.AboutUs__right-title span {
    color: #c3212f;
    font-family: SVN-Gilroy;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

.AboutUs__right-title h2 {
    color: #333;
    font-family: Saira;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

.AboutUs__right p {
    color: #898989;
    font-family: SVN-Gilroy;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px
}

a.btn--primary {
    background: #253f96;
    color: #fff;
    text-align: center;
    font-family: Saira;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 15px 41px;
    display: inline-block;
    margin-top: 45px
}

a.btn--primary {
    background: #253f96;
    color: #fff;
    text-align: center;
    font-family: Saira;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 15px 41px;
    display: inline-block;
    margin-top: 45px;
    position: relative;
    overflow: hidden
}

a.btn--primary:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 15px;
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    background: #c3212f;
    right: 0;
    bottom: 0
}

a.btn--primary:after {
    position: absolute;
    content: '';
    width: 2px;
    height: 50px;
    background: #fff;
    rotate: 36deg;
    right: 0
}

.ProductCategoryFor__nav {
    display: flex;
    justify-content: space-between;
    border-left: 6px solid red;
    align-items: center;
    position: relative;
    margin-bottom: 27px
}

.ProductCategoryFor__nav-cta a {
    margin: 0
}

.ProductCategoryFor__nav-title h3 {
    color: #fff;
    font-family: Saira;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    background: #253f96;
    padding: 16px 14px;
    position: relative
}

.ProductCategoryFor__container {
    margin-bottom: 87px
}

.ProductCategoryFor__nav-title {
    margin-left: 4px;
    position: relative
}

.ProductCategoryFor__nav:before {
    position: absolute;
    content: '';
    width: calc(100% - 4px);
    height: 2px;
    background: #d9d9d9;
    bottom: 0;
    right: 0;
    z-index: -1
}

.ProductCategoryFor__nav-title h3:before {
    position: absolute;
    content: '';
    width: 23px;
    height: 100%;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI3MCIgdmlld0JveD0iMCAwIDIzIDcwIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMCAwTDIzIDE1LjY4MTJMMCA3MFYwWiIgZmlsbD0iIzI1M0Y5NiIvPgo8L3N2Zz4=) no-repeat;
    left: 100%;
    top: 0
}

.Newsletter__container {
    background: #fff;
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, .1);
    max-width: 669px;
    margin-left: auto;
    padding: 53px 44px 24px 44px;
    position: relative
}

.Newsletter__wrapper {
    padding: 56px 0
}

.title-main-newsletter b {
    color: #c3212f;
    font-family: SVN-Gilroy;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

.title-main-newsletter span {
    display: block;
    color: #333;
    font-family: Saira;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

a.ServiceUs__item {
    position: relative
}

.ServiceUs__item-text {
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(37, 63, 150, 0) 0, rgba(37, 63, 150, .7) 100%);
    text-align: center;
    padding: 28px;
    height: 20%;
    gap: 0;
    transition: all .3s linear;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.ServiceUs__item-text h3 {
    color: #fff;
    text-align: center;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    font-family: SVN-Gilroy;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

.ServiceUs__item-text p {
    color: #fff;
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    opacity: 0;
    height: 0;
    transition: all .3s linear
}

a.ServiceUs__item:hover .ServiceUs__item-text {
    height: 100%;
    gap: 25px;
    transition: all .3s linear
}

a.ServiceUs__item:hover .ServiceUs__item-text p {
    height: auto;
    opacity: 1
}

.ServiceUs__item-text span {
    opacity: 0;
    height: 0;
    transition: all .3s linear;
    color: #fff;
    font-family: SVN-Gilroy;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

a.ServiceUs__item:hover .ServiceUs__item-text span {
    height: auto;
    opacity: 1
}

.ServiceUs__wrapper {
    padding: 51px 0
}

.FeedbackCustomer_Video__container {
    display: flex;
    gap: 165px
}

.FeedbackCustomer_Video__left {
    width: 510px
}

.FeedbackCustomer_Video__left-item-info--icon {
    border-radius: 10px;
    background: #253f96;
    width: 76px;
    height: 76px;
    display: flex;
    justify-content: center;
    align-items: center
}

.FeedbackCustomer_Video__left-item-info {
    display: flex;
    gap: 15px
}

.FeedbackCustomer_Video__left-item-info--name span {
    color: #333;
    font-family: SVN-Gilroy;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 7px;
    display: block
}

.FeedbackCustomer_Video__left-item-text {
    color: #898989;
    font-family: SVN-Gilroy;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    margin-top: 26px
}

.FeedbackCustomer_Video__right {
    flex: 1
}

.FeedbackCustomer_Video__wrapper {
    padding: 38px 0
}

.status-box.d-flex a {
    color: #898989;
    font-family: SVN-Gilroy;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.footerArticle--top {
    background: url(../images/bg-white-footer.png);
    padding: 57px 0
}

.footerArticle--top {
    text-align: center
}

.logo__footer--info>span {
    color: #333;
    text-align: center;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .25);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    font-family: Saira;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    margin: 25px 0;
    display: block
}

article.article.desc {
    color: #333;
    font-family: SVN-Gilroy;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    text-transform: capitalize
}

.footerFanpage {
    padding-top: 40px
}

.footerMap-s {
    padding-top: 40px;
    flex: 0 0 19.61%;
    max-width: 19.61%
}

h3.title2 {
    color: #fff;
    font-family: Saira;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase
}

ul.list2 li a {
    color: #fff;
    font-family: SVN-Gilroy;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.footerFanpage {
    flex: 0 0 20%;
    width: 20%
}

.Newsletter__container:before {
    position: absolute;
    content: '';
    width: 130px;
    height: 138px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDAiIGhlaWdodD0iMTM5IiB2aWV3Qm94PSIwIDAgMTQwIDEzOSIgZmlsbD0ibm9uZSI+CiAgPHBhdGggb3BhY2l0eT0iMC4xIiBkPSJNLTMuMTA3MDJlLTA2IDMuMDE5NmUtMDZMNDcuMjIyNiA3LjE0NzkzZS0wNkM0Ny4yMjI1IDUwLjg3NSA4OC43NTkgOTIuMTE0OCAxNDAgOTIuMTE0OEwxNDAgMTM5QzYyLjY3OTMgMTM5IC05LjgxODMzZS0wNiA3Ni43Njg0IC0zLjEwNzAyZS0wNiAzLjAxOTZlLTA2WiIgZmlsbD0iI0MzMjEyRiIvPgo8L3N2Zz4=) no-repeat;
    right: 0;
    top: 0
}

.Newsletter__container input {
    height: 60px;
    background: #f8f8f8;
    border: unset;
    border-radius: unset
}

.Newsletter__container input::placeholder {
    color: #898989;
    font-family: SVN-Gilroy;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-indent: 21px
}

.Newsletter__container textarea {
    background: #f8f8f8;
    border-radius: unset;
    border: #cd5c5c;
    text-indent: 21px;
    padding-top: 15px;
    color: #898989;
    font-family: SVN-Gilroy;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.Newsletter__container textarea::placeholder {
    color: #898989;
    font-family: SVN-Gilroy;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.Newsletter__container button {
    border-color: #253f96;
    max-width: 291px;
    color: #fff;
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 20px 48px;
    background: #253f96;
    border-radius: unset;
    position: relative;
    border: unset;
    margin-top: 9px
}

.Newsletter__container button:before {
    position: absolute;
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDIwIDYwIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMCAwTDIwIDEzLjQ0MTFMMCA2MFYwWiIgZmlsbD0iIzI1M0Y5NiIvPgo8L3N2Zz4=) no-repeat;
    width: 23px;
    height: 100%;
    left: 100%;
    top: 0
}

.title-main-newsletter {
    margin-bottom: 27px
}

.ProductHot__list {
    position: relative
}

.product_lists {
    position: relative
}

@media (max-width:768px) {
    .AboutUs__container {
        grid-template-columns: 1fr
    }

    .ProductCategoryFor__nav {
        flex-wrap: wrap;
        gap: 5px
    }

    .ProductCategoryFor__nav-cta {
        padding-left: 5px
    }

    .ProductCategoryFor__nav-title h3 {
        font-size: 20px
    }

    .title-main-newsletter span {
        font-size: 25px
    }

    .Newsletter__container {
        padding: 15px
    }

    .Newsletter__container button:before {
        position: unset
    }

    .Newsletter__container button {
        width: 100%;
        max-width: 100%
    }

    .FeedbackCustomer_Video__left {
        width: 100%
    }

    .FeedbackCustomer_Video__right {
        width: 100%
    }

    .FeedbackCustomer_Video__container {
        flex-wrap: wrap
    }

    .FeedbackCustomer_Video__container {
        gap: 20px
    }

    .logo__footer--info span {
        font-size: 14px
    }

    .footerArticle--top {
        padding: 15px 0
    }

    .logo__footer img {}

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

    .footerMap-s {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.AboutUs__left-image--first:before {
    position: absolute;
    content: '';
    width: 70%;
    height: 80%;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.AboutUs__left-image--first:after {
    position: absolute;
    content: '';
    width: 27px;
    height: 144px;
    background: url("../images/svg_s.png") no-repeat;
    left: 90%;
    top: 0;
}

a.btn--primary:hover {
    background: #c3212f;
    transition: all .3s linear;
}

.headerCenter__item--contact a:hover {
    background: #c3212f;
}


.headerCenter__item--contact a:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 15px;
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    background: #c3212f;
    right: 0;
    bottom: 0
}

.headerCenter__item--contact a:after {
    position: absolute;
    content: '';
    width: 2px;
    height: 50px;
    background: #fff;
    rotate: 36deg;
    right: 0
}

.block-menu.sticky.animate__animated.animate__fadeInDown {}

.block-menu.sticky.animate__animated.animate__fadeInDown canvas {
    width: 100%;
}

.block-menu.sticky.animate__animated.animate__fadeInDown img {
    width: 70%;
}

.block-menu.sticky.animate__animated.animate__fadeInDown .headerCenter {
    padding: 10px 0 10px;
}

.headerCenter {}

.headerBottom-row.d-flex.justify-content-between.align-items-center {}

.block-menu.sticky.animate__animated.animate__fadeInDown .menu {
    top: 0;
}

.back--line.text-center {
    margin: 40px 0;
}

.back--line img {
    animation: fadeMask 1s linear infinite;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 30%, black 70%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 30%, black 70%, transparent 100%);
    -webkit-mask-size: 100% 300%;
    mask-size: 100% 300%;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
}

@keyframes fadeMask {
    0% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
    }

    100% {
        -webkit-mask-position: 0 100%;
        mask-position: 0 100%;
    }
}

.footer_social ul {
    display: inline-flex;
    list-style: none;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: relative;
    margin: 0;
    padding: 0 31px;
}

.footer_social {
    text-align: center;
    margin: 20px 0 10px;
}

.footer_social ul:before {
    position: absolute;
    content: '';
    width: 1920px;
    height: 1px;
    background: #8c8c8c;
    right: 100%;
}

.footer_social ul:after {
    position: absolute;
    content: '';
    width: 1920px;
    height: 1px;
    background: #8c8c8c;
    left: 100%;
}

footer#footer {
    overflow: hidden;
}

.footerPowered {}

.date-top {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #253F96;
    bottom: 0;
}

.date-top span {
    color: #FFF;
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    border-bottom: 1px solid #fff;
}

.date-top b {
    color: #FFF;
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.date-top {
    padding: 7px 9px;
    right: 10px;
    bottom: -18px;
    z-index: 999;
}

.news-item__image.overflow-hidden {
    position: relative;
    overflow: unset !IMPORTANT;
}

.news-item__image.overflow-hidden a {
    overflow: hidden !important;
    display: block;
}

.date-top:before {
    position: absolute;
    content: '';
    border-left: 23px solid #ff000000;
    border-right: 24px solid #253f96;
    border-bottom: 10px solid #ff000000;
    border-top: 10px solid #253f96;
    top: 100%;
}

.BannerMain__item {
    margin-bottom: 20px;
}

.back--line img {
    animation: shake 0.5s ease-in-out infinite;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-2px);
    }

    50% {
        transform: translateX(2px);
    }

    75% {
        transform: translateX(-2px);
    }

    100% {
        transform: translateX(0);
    }
}



section.section-slider.position-relative.slide-mobile {
    display: none;
}

@media screen and (max-width:768px) {
    section.section-slider.position-relative.slide-desktop {
        display: none;
    }

    section.section-slider.position-relative.slide-mobile {
        display: block;
    }

    .product-item__text.fixed {
        padding: 5px;
    }

    .product-item__text.fixed h3 a {
        font-size: 14px;
    }

    .control-owl button.owl-next {
        right: 0;
    }

    .control-owl button.owl-prev {
        left: 0;
    }

    .control-owl button {
        width: 30px;
        height: 30px;
    }

    .AboutUs__right-title h2 {
        font-size: 25px;
    }

    .AboutUs__container {
        gap: 80px;
    }

    .AboutUs__right {
        text-align: center;
    }

    .AboutUs__wrapper {
        padding: 10px 0;
    }

    a.btn--primary {
        margin-top: 20px;
    }

    .ProductCategoryFor__container {
        margin-bottom: 20px;
    }

    .ProductCategoryFor__nav-title h3 {
        font-size: 14px;
    }

    .ProductCategoryFor__nav {
        align-items: center;
        margin-bottom: 15px;
    }

    a.btn--primary {}

    a.btn--primary {}

    .ProductCategoryFor__nav-cta {
        display: none;
    }

    .ProductCategoryFor__nav:before {
        content: unset;
    }

    .ProductCategoryFor__nav-title h3 {
        padding: 5px 20px;
    }

    .ProductCategoryFor__nav-title h3:before {
        background-size: contain;
    }

    .Newsletter__container {
        width: 100%;
        max-width: 100%;
    }

    .title-main-newsletter {
        text-align: center;
    }

    .title-main-newsletter span {
        font-size: 18px;
    }

    .title-main-newsletter b {
        font-size: 12px;
    }

    .Newsletter__container input::placeholder,
    .Newsletter__container textarea::placeholder {
        text-indent: 5px;
    }

    .Newsletter__container button {
        padding: 10px;
        font-size: 14px;
    }

    .ServiceUs__item-text p {
        display: none;
    }

    .ServiceUs__item-text h3 {
        font-size: 15px;
    }

    .ServiceUs__item-text {
        padding: 10px;
        width: 100%;
    }

    .ServiceUs__wrapper {
        padding: 20px 0 10px;
    }

    .FeedbackCustomer_Video__left-item-info--icon {
        width: 50px;
        height: 50px;
    }

    .FeedbackCustomer_Video__left-item-info--icon svg {
        width: 15px;
    }

    .FeedbackCustomer_Video__left-item-info--name span {
        font-size: 18px;
    }

    .FeedbackCustomer_Video__left-item-text {
        margin-top: 5px;
    }

    .footerCopyright {
        font-size: 14px;
    }

    h3.title2 {
        font-size: 18px;
    }

    .AboutUs__left-image--second {
        position: unset;
    }

    .AboutUs__left-image--third {
        position: unset;
    }

    .AboutUs__left-image--first {
        max-width: 100%;
        padding: 0;
    }

    .AboutUs__left-image--second {
        width: calc(50% - 5px);
    }

    .AboutUs__left-image--third {
        width: calc(50% - 5px);
    }

    .AboutUs__left-image {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .AboutUs__left-image--first:before {
        content: unset;
    }

    .AboutUs__container {
        gap: 30px;
    }

    .AboutUs__left-image--third img {
        height: 100%;
    }
}

.logo__footer.peShiner {
    margin: 0 auto;
}

.peShiner {
    overflow: visible;
    position: relative;
    /* Đảm bảo hiệu ứng shine căn theo */
}

.fb-page.fb_iframe_widget {
    margin-top: 24px;
}

.AboutUs__left-image--second {
    animation: slideLeftRightScale 4s ease-in-out infinite;
}
.AboutUs__left-image--third {
    animation: slideUpDownScale 4s ease-in-out infinite;
}

@keyframes slideLeftRightScale {
    0% {
        transform: translateX(0) scale(1);
    }

    50% {
        transform: translateX(-30px) scale(0.95); /* lệch phải và thu nhỏ */
    }

    100% {
        transform: translateX(0) scale(1);
    }
}
@keyframes slideUpDownScale {
    0% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(30px) scale(0.95); /* Di chuyển lên và thu nhỏ */
    }

    100% {
        transform: translateY(0) scale(1);
    }
}