@font-face {
    font-family: 'Bahnschrift';
    src: url('../fonts/Bahnschrift.woff2') format('woff2'), url('../fonts/Bahnschrift.woff') format('woff'), url('../fonts/BAHNSCHRIFT.TTF') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'MYRIADPRO';
    src: url('../fonts/MYRIADPRO-REGULAR.woff2') format('woff2'), url('../fonts/MYRIADPRO-REGULAR.woff') format('woff'), url('../fonts/MYRIADPRO-REGULAR.OTF') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'MYRIADPRO';
    src: url('../fonts/MYRIADPRO-BOLD.woff2') format('woff2'), url('../fonts/MYRIADPRO-BOLD.woff') format('woff'), url('../fonts/MYRIADPRO-BOLD.OTF') format('truetype');
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: 'MyriadPro Cond';
    src: url('../fonts/MyriadPro-Cond.woff2') format('woff2'), url('../fonts/MyriadPro-Cond.woff') format('woff'), url('../fonts/MYRIADPRO-COND.OTF') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'UTMOngDoGia';
    src: url('../fonts/UTMOngDoGia.woff2') format('woff2'), url('../fonts/UTMOngDoGia.woff') format('woff'), url('../fonts/UTM-ONG-DO-GIA.TTF') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'UTM-FACEBOOKB';
    src: url('../fonts/UTM-FACEBOOKB-KT.woff2') format('woff2'), url('../fonts/UTM-FACEBOOKB-KT.woff') format('woff'), url('../fonts/UTM-FACEBOOKB-KT.TTF') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'UTM-FACEBOOKR';
    src: url('../fonts/UTM-FACEBOOKR-KT.woff2') format('woff2'), url('../fonts/UTM-FACEBOOKR-KT.woff') format('woff'), url('../fonts/UTM-FACEBOOKR-KT.TTF') format('truetype');
    font-style: normal;
}

.myriadpro {
    font-family: 'MYRIADPRO';
}

.myriadPro-cond {
    font-family: 'MyriadPro Cond';
}

.UTMOngDoGia {
    font-family: 'UTMOngDoGia';
}

.facebookB {
    font-family: 'UTM-FACEBOOKB';
}

.facebookR {
    font-family: 'UTM-FACEBOOKR';
}

.bahnschrift {
    font-family: 'Bahnschrift';
}

ul {
    padding-left: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 600;
    line-height: 1.5;
}

a {
    color: #444343;
    text-decoration: none;
}

img {
    max-width: 100%;
}

a:hover {
    color: #bb161d;
    text-decoration: none;
    cursor: pointer !important;
}

p a {
    color: #0086C9;
}

input {
    outline: 0;
}

p {
    line-height: 1.5;
    margin-bottom: 1rem;
}

body {
    color: #444343;
    font-size: 14px;
    font-family: 'MYRIADPRO';
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    font-size: 14px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .8rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "\f105" !important;
    color: #561513;
    font-weight: 900;
    padding-right: .8rem;
    font-family: "Font Awesome 5 Pro";
}

.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a {
    color: #561513 !important;
    font-size: 16px;
    font-weight: 400;
    font-family: 'UTM-FACEBOOKB';
    text-transform: uppercase;
}

.breadcrumb .breadcrumb-item.active {
    color: #be1e2d !important;
}

.header-main {
    z-index: 1000;
    width: 100%;
    background: #ffffffeb;
}

.header-main .main-nav .logo {
    margin-right: 10px;
    margin-bottom: 20px;
}

.header-main .main-nav .navbar-nav {
    margin-left: auto;
}

.header-main .main-nav .navbar-nav .nav-item:hover a.nav-link {
    color: #0270BA;
}

.header-main .main-nav .navbar-nav .nav-item>a.nav-link {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.header-main .main-nav .navbar-nav>.nav-item>a.nav-link {
    padding: 16px 0px;
}

.header-main .main-nav .btn-dropmenu i,
.header-main .main-nav .search-header i {
    color: #333;
}

.header-main .main-nav .dropdown-toggle::after {
    color: #fff;
}

.header-main .main-nav .logo {
    margin-right: 10px;
    margin-bottom: 20px;
}

.header-main .main-nav .navbar-nav>.nav-item {
    margin: 0px 30px;
}

.header-main .main-nav .navbar-nav .nav-item a.nav-link {
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.header-main .main-nav .navbar-nav .nav-item {
    position: relative;
    margin-bottom: 0;
}

.header-main #mega-menu ul {
    list-style: none;
}

.header-main .nav-item .sub-menu li {
    position: relative;
}

.header-main .btn-dropmenu i {
    color: #333;
}

.header-main span.btn-dropmenu {
    position: absolute;
    right: 0px;
    color: #084F9D;
    top: 50%;
    width: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
}

.header-main .navbar-nav>.nav-item>span.btn-dropmenu {
    right: -14px;
}

.header-main span.btn-dropmenu i {
    font-size: 12px;
}

.navbar-brand {
    max-width: 220px;
    width: 100%;
}

.navbar-nav>.nav-item:last-child {
    margin-right: unset !important;
}

.size12 {
    font-size: 12px;
}

.size14 {
    font-size: 14px;
}

.size16 {
    font-size: 16px;
}

.size18 {
    font-size: 18px;
}

.size20 {
    font-size: 20px;
}

.size22 {
    font-size: 22px;
}

.size24 {
    font-size: 24px;
}

.size26 {
    font-size: 26px;
}

.size28 {
    font-size: 28px;
}

.size30 {
    font-size: 30px;
}

.size32 {
    font-size: 30px;
}

.size34 {
    font-size: 34px;
}

.size36 {
    font-size: 36px;
}

.fw-300 {
    font-weight: 300 !important;
}

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

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.bg-primary {
    background: #bb161d !important;
}

.bg-secondary {
    background: #fbefd9 !important;
}

.text-primary {
    color: #bb161d !important;
}

.text-secondary {
    color: #fbefd9 !important;
}

.rounded-10 {
    border-radius: 10px;
}

.header-main {
    position: relative;
    background: #fbefd9;
  /*  background: url(../images/bg-header.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;*/
}
.header-inner{
    position: relative;
    background: url(../images/bg-header.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 84% 50%;
}

.header-main::before {
    content: '';
    width: 100%;
    height: 22px;
    background: linear-gradient(to right, #c70707, #b10b0b, #be1b1b, #990000, #b30000);
    display: block;
}

.header-main::after {
    content: '';
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, #e1c36b, #d9b34b, #d3a329, #cd8d00, #c68600);
    display: block;
}

.header-text_1,
.footer-text_1 {
    background: url(../images/text-header.svg);
    max-width: 629px;
    width: 100%;
    height: 65px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.header-text_2,
.footer-text_2 {
    color: #A28A32;
    font-size: 68px;
}

.header-text {
    padding: 22px 40px 48px 0px;
    line-height: 60px;
}

.banner-text .label {
    background: linear-gradient(to right, #bc2027, #a81e23, #971c21);
}

.main {
    height: 100%;
    background: #fff8eb;
}

.banner-text p {
    font-weight: 600;
    font-family: 'MYRIADPRO';
}

.box-shadow {
    box-shadow: 1px 3px 6px 0px #c0c0c0;
}

.bn-wrapper .banner-img {
    max-width: 226px;
    width: 100%;
}

.seach-form .form-group {
    border-radius: 20px;
    height: 50px;
    border: 1px solid #888;
}

.seach-form .form-group input {
    margin-top: 4px;
}

.seach-form .form-group input::placeholder {
    color: #888;
    font-weight: 600;
}

.seach-form .form-group input:focus {
    outline: 0;
    box-shadow: unset;
}

.seach-form .form-group button {
    width: 42px;
    height: 42px;
    margin-right: 2px;
    border-radius: 16px;
}

.seach-form .title {
    position: relative;
    padding: 6px 20px 6px 20px;
    text-align: center;
    max-width: 210px;
    background: linear-gradient(to right, #bc2027, #a81e23, #971c21);
}
.section-title{
    overflow: hidden;
}
.seach-form .title::before,
.section-title span::before {
    content: '';
    width: 34px;
    height: 34px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 1px;
    bottom: 0px;
    background-image: url(../images/icon-title.svg);
}

/*.section-title span {
    position: relative;
    width: auto;
    height: 46px;
    line-height: 46px;
    padding: 4px 70px 4px 40px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/icon-section-title-2.png);
}*/

.section-title span {
    position: relative;
    width: auto;
    height: 46.6px;
    line-height: 46px;
    padding: 4px 20px 4px 40px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #ae1f24;
 /*   border-top-right-radius: 6px;*/
}

.section-title span::after {
    content: '';
    min-width: 400px;
    height: 46.6px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 100%;
    bottom: 0px;
    background-image: url(../images/icon-line-2.png);
    background-position: bottom;
    background-size: 100% 100%;
}

/*.section-title span::after {
    content: '';
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 100%;
    bottom: 0.1px;
    background-image: url(../images/icon-section-title.png);
    background-position: bottom left;
}*/

.row-grid-pr {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
}

.product-box .product-image {
    background: #E5E3E3;
}

.product-box {
    border-bottom-right-radius: 30px;
    overflow: hidden;
    box-shadow: 1px 1px 10px 0px #aeacac;
}

.img-zoom {
    overflow: hidden;
}

.img-zoom img {
    transition: all 0.6s;
}

.img-zoom:hover img {
    transform: scale(1.06);
}

.product-wrapper {
    border-radius: 20px;
    box-shadow: 1px 1px 10px 0px #aeacac;
}

.product-wrapper .cat-tab li {
    margin-right: 20px;
}

.product-wrapper .cat-tab .nav-link {
    color: #333;
    font-size: 18px;
    border-radius: 10px;
    border: 1px solid #971c21;
    padding: 0 20px;
    font-family: 'UTM-FACEBOOKR';
}

.product-wrapper .cat-tab .nav-link:hover {
    color: #971c21;
}

.product-wrapper .cat-tab .nav-link.active {
    color: #fff;
    background: linear-gradient(to right, #bc2027, #a81e23, #971c21);
}

.product-wrapper .cat-tab .nav-link.active:hover {
    color: #fff;
}

.btn-search img {
    transform: scale(1.3);
}

.btn-viewmore {
    color: #58595B;
    position: relative;
    display: inline-flex;
    align-items: center;
    border-radius: 10px;
    justify-content: center;
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
    z-index: 100;
    overflow: hidden;
    border: 1px solid #58595B;
}

.btn-viewmore::after {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 10px;
    background: url(../images/icon-arrow.svg);
    background-repeat: no-repeat;
}

a.btn-viewmore:hover {
    color: #fff;
    background: #bb161d;
    border: 1px solid #a81e23;
}

a.btn-viewmore:hover::before {
    transform: scaleX(1);
}

.product-group {
    padding: 0px 50px;
    position: relative;
}

.product-cat-wrapper {
    border-radius: 20px;
    overflow: hidden;
    padding: 40px 0;
    box-shadow: rgb(174, 172, 172) 1px 2px 6px 0px;
}

.pr-cat-title {
    font-size: 30px;
    font-weight: 500;
    background: linear-gradient(to right, #bc2027, #a81e23, #971c21);
}

.pr-group-next,
.pr-group-prev {
    width: 42px;
    height: 42px;
    margin-top: 0;
}

.pr-group-next {
    background-image: url(../images/icon-arrow.svg);
}

.pr-group-prev {
    background-image: url(../images/icon-arrow-2.svg);
}

.img-cover {
    overflow: hidden;
    position: relative;
}

.img-cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.pr-cat-image {
    padding-top: 62%;
}

.pr-cat-box {
    width: 100%;
}

.advise-form .upload-file {
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.advise-form .upload-file::after {
    content: '';
    width: 60px;
    height: 76px;
    display: inline-block;
    background-image: url(../images/file.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.advise-form .file-input {
    display: none;
}

.section {
    position: relative;
    height: 100%;
    z-index: 1000;
}

.section-advise::after {
    content: '';
    width: 100%;
    height: 320px;
    display: block;
    position: absolute;
    bottom: 4px;
    z-index: -1;
    background: url('../images/bg-form.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.advise-form .btn-submit {
    padding-top: 10px;
    padding-bottom: 10px;
    transition: all 0.3s;
    box-shadow: 1px 1px 6px 1px #9e9a9a;
    background: linear-gradient(to right, #bc2027, #a81e23, #971c21);
}

.advise-form .btn-submit:hover {
    transform: scale(1.03);
}

.box-image {
    height: 100%;
}

.box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.assessment-box {
    border-radius: 20px;
    padding: 20px 10px;
    border: 1px solid #555;
}

.assessment-box img {
    max-width: 65px;
    width: 100%;
}

.assessment-box img img {
    width: 100%;
    height: 100%;
}

.health-assessment::after {
    content: '';
    width: 100%;
    height: 420px;
    display: block;
    background: url(../images/bg-health-assessment.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 94px;
    z-index: -1;
}

.blog-cat-title {
    border-bottom: 1px solid #ccc;
}

.blog-cat-title span {
    padding-bottom: 5px;
    border-bottom: 2px solid #B81D42;
}

.first-post .card-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 4.5em;
    line-height: 30px;
}

.section-blog {
    padding-left: 68px !important;
    padding-right: 68px !important;
}

.first-post .box-image {
    border: 1px solid #666;
    box-shadow: 3px 1px 2px 1px #d9d9d9;
}

.post-box .post-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 3.5em;
}

.post-list .post-item {
    padding-bottom: 16px;
    border-bottom: 1px solid #999;
}

.post-list .post-item:last-child {
    border: unset;
}

.product-cat-slide .cat-link {
    background: linear-gradient(to right, #bc2027, #a81e23, #971c21);
}

.pr-cat-next,
.pr-cat-prev {
    background: unset;
    position: unset;
    transform: unset;
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-left: 6px;
    border: 1px solid #820409;
}

.pr-cat-next i,
.pr-cat-prev i {
    font-weight: 600;
}

.product-cat-slide .cat-link {
    border-radius: 10px;
    padding: 2px 20px;
    text-align: center;
}

.product-cat-list .swiper-wrapper {
    display: flex;
}

.product-cat-list .swiper-slide {
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 20px;
    white-space: nowrap;
}
.product-cat-list .swiper-container{
 width: 100%;
}

.product-cat-list .swiper-slide img {
    max-width: 100%;
    height: auto;
    display: block;
}

.symptoms-tag {
    padding: 20px 40px;
    border: 1px solid #820409;
}

.symptoms-list li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.symptoms-list li a {
    padding: 4px 10px;
    border-radius: 10px;
    background: linear-gradient(to right, #bc2027, #a81e23, #971c21);
}

.video-frame {
    position: relative;
}

.video-frame .icon-play {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-frame .thumbnail {
    padding-top: 60%;
}

.section-signUp {
    background: linear-gradient(to right, #bc2027, #a81e23, #971c21);
}

.section-signUp .form-text * {
    color: #FFFFA9;
}

.section-signUp .form-text img {
    bottom: 5px;
    position: relative;
}

.section-signUp .form-text span {
    font-family: 'Segoe UI' !important;
}

.section-signUp .form-text i {
    font-size: 50px;
}

.signUp-form .form-inline {
    background: #fff;
    height: 46px;
    border-radius: 10px;
}

.signUp-form .form-inline input {
    font-size: 20px;
    margin-top: 3px;
    background: unset;
}

.signUp-form .form-inline input:focus {
    outline: 0;
    box-shadow: unset;
}

.signUp-form .form-inline input::placeholder {
    font-size: 20px;
    line-height: 80px;
}

.section-footer {
    position: relative;
    min-height: auto;
    width: 100%;
}

.bg-footer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    object-fit: cover;
}

.bg-footer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer-text_1 {
    height: 32px;
    max-width: 340px;
}

.footer-text_2 {
    font-size: 40px;
    line-height: 46px;
}

.footer-follow a {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin-right: 16px;
    background: #fff;
}

.footer-follow a.youtube {
    color: #bb161d;
}

.footer-follow a.facebook {
    color: #004463;
}

.footer-follow a.instagram {
    color: #ff3c00;
    position: relative;
}

.footer-follow a.instagram::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    width: 22px;
    height: 45px;
    background-color: #ebd8b863;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.footer-follow a.instagram i {
    z-index: 100;
}

.footer-follow a i {
    font-size: 24px;
}

.info-item span,
.footer-info p {
    font-size: 18px;
    color: #706960;
}

.info-item i {
    font-size: 12px;
    color: #706960;
}

.footer-hotline {
    position: absolute;
    min-width: 380px;
    right: -10px;
    bottom: 60px;
    text-align: center;
}

.title {
    width: 100%;
    height: 46px;
/*    background: url(../images/icon-title.png);*/
    background-repeat: no-repeat;
    display: inline-block;
}

.title span {
/*    padding-left: 82px;*/
    position: relative;
    bottom: 4px;
    text-transform: uppercase;
    font-size: 27px;
    color: #561513;
    font-family: 'UTM-FACEBOOKB';
}

.cat-list li {
    margin-right: 12px;
    margin-bottom: 10px;
}

.cat-list li a {
    border: 1px solid rgb(229 162 53);
    border-radius: 100px;
    padding: 10px 12px;
    display: inline-block;
}

.cat-list li a span {
    color: #561513;
    font-size: 18px;
    font-family: 'UTM-FACEBOOKB';
}

.cat-list li a img {
    margin-right: 6px;
}

.filter-wrapper {
    max-height: 172px;
    overflow: hidden;
    transition: all 0.3s;
}

.filter-wrapper.show {
    max-height: 100%;
    height: 100%;
}

.product-filter .filter__group {
    margin-bottom: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}

.filter__group .filter__item .checkbox-styled {
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0;
    position: relative;
}

.filter__group .filter__item label .checkbox-styled__input {
    position: absolute;
    z-index: -1;
}

.checkbox-styled__icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    background-color: #f9ecd7;
    border: 2px solid #561513;
    border-radius: 4px;
    position: absolute;
    top: 1px;
    left: 0;
}

.checkbox-styled__icon::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.filter__group .filter__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3px 0px;
    margin-bottom: 2px;
}

.filter__group .filter__item .filter__label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
    padding-left: 28px;
    margin-bottom: 0;
    cursor: pointer;
}

.checkbox-styled__input:checked+.checkbox-styled__icon {
    border-color: #f26522;
    background-color: #f26522;
    color: #fff;
}

.checkbox-styled__input:checked+.checkbox-styled__icon::before {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.68, -.75, .265, 1.75);
    transition: -webkit-transform .2s cubic-bezier(.68, -.75, .265, 1.75);
    transition: transform .2s cubic-bezier(.68, -.75, .265, 1.75);
    transition: transform .2s cubic-bezier(.68, -.75, .265, 1.75), -webkit-transform .2s cubic-bezier(.68, -.75, .265, 1.75);
}

.filter_by_title {
    color: #561513;
    font-size: 20px;
}

.btn-more-filter {
    color: #561513;
    margin-top: 12px;
    display: block;
    text-decoration: underline;
}

.btn-loadmore {
    color: #561513;
    border-color: #561513 !important;
}

.btn-loadmore:hover {
    background: #561513 !important;
}

.contact-form .form-field {
    position: relative;
    background: #fff;
}

.contact-form .form-field input,
.contact-form .form-field textarea {
    border: unset;
    background: unset;
    flex: 1;
    padding-left: 32px;
}

.contact-form .form-field input:focus,
.contact-form .form-field textarea:focus {
    box-shadow: unset;
    background: unset;
}

.contact-form .form-field input::placeholder,
.contact-form .form-field textarea::placeholder {
    font-weight: 500;
}

.contact-form .form-field i {
    color: #561513;
    position: absolute;
    top: 10px;
    left: 10px;
}

.text-561513 {
    color: #561513;
}

.bg-561513 {
    background-color: #561513;
}

.contact-info-item i {
    color: #561513;
    font-size: 16px;
    min-width: 30px;
    position: relative;
    top: 8px;
}

.contact-info-item p {
    color: #be1e2d;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
}

.info-wrapper .hotline-text {
    color: #be1e2d;
    font-size: 20px;
    font-weight: 600;
}

.info-wrapper .hotline-num {
    background: #fff;
    border-radius: 10px;
    padding: 4px 16px;
}

.info-wrapper .hotline-num a {
    color: #be1e2d;
}

.info-wrapper .hotline-num .icon-phone {
    position: relative;
    bottom: 4px;
    color: #be1e2d;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #be1e2d;
}

.section-contact {
    background: #f9ecd7;
}

.featured-image {
    background: #fff;
    padding: 30px;
}

.stars::before {
    content: '\f005 \f005 \f005 \f005 \f005';
    font-family: "FontAwesome";
    font-weight: 300;
    letter-spacing: 4px;
    color: #ffc120 !important;
    font-size: 16px;
}

.stars--4::before {
    content: '\f005 \f005 \f005 \f005 \f006';
}

.stars--5::before {
    content: '\f005 \f005 \f005 \f005 \f005';
}

.pr-meta-box {
    padding: 20px 40px;
    background: #f9ecd7;
}

.price-wrapper .regular-price {
    color: #a2a1a1;
    text-decoration: line-through;
}

.price-wrapper .sale-price {
    color: #be1e2d;
    font-size: 35px;
}

.label-sale {
    width: 138px;
    height: 50px;
    background: url(../images/label.png);
    background-repeat: no-repeat;
    line-height: 48px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}

.buttons_added {
    border: 1px solid #b7b7b7
}

.buttons_added .input-qty {
    text-align: center;
    background: unset;
    max-width: 50px;
    padding: 0;
    height: 30px;
    border: unset;
}

.buttons_added .minus {
    border: unset;
    border-right: 1px solid #b7b7b7;
}

.buttons_added .plus {
    border: unset;
    border-left: 1px solid #b7b7b7;
}

.buttons_added .is-form {
    margin: 0;
    background: unset;
    height: 35px;
    width: 35px;
}

.btn-add-to-cart {
    color: #be1e2d;
    padding: 10px 20px;
    border: 1px solid #be1e2d;
}

.btn-add-to-cart i {
    position: relative;
    top: 4px;
}

.btn-add-to-cart:hover {
    color: #fff;
    background: #be1e2d;
}

.btn.btn-buy {
    padding: 10px 20px;
    background: #be1e2d;
}

.related-products ul {
    justify-content: space-between;
}

.related-products ul li a {
    max-width: 120px;
    height: 110px;
    width: 100%;
    background: #fff;
    ;
    border: 2px solid #d0af8b;
    display: inline-block;
}

.related-products ul li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-info .info-bottom {
    padding-left: 40px;
}

.comment-list .avatar {
    max-width: 88px;
    min-width: 88px;
    width: 100%;
}

.comment-list .avatar img {
    width: 100%;
    height: 100%;
}

.comment-list .comment-item p {
    color: #8d8d8d;
}

.comment-form .btn-submit {
    padding-top: 10px;
    padding-bottom: 10px;
    transition: all 0.3s;
    background: linear-gradient(to right, #bc1e25, #a41c21);
}

.comment-form .btn-submit:hover {
    background: linear-gradient(to right, #a41c21, #a41c21);
}

.comment-form input {
    height: 55px;
    border-radius: 30px;
    padding-left: 20px;
}

.comment-form textarea {
    border-radius: 20px;
    padding-left: 20px;
    padding-top: 20px;
}

.related-articles li {
    margin-bottom: 10px;
}

.related-articles li::before,
.faq-list li::before {
    content: '';
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100px;
    margin-right: 6px;
    background: linear-gradient(to right, #bc1e25, #a41c21);
}

.related-articles li a {
    color: #58595b;
    font-size: 20px;
    font-weight: 600;
}

.related-articles li a:hover {
    color: #a41c21;
}

.products-other-slide .product-box {
    margin-top: 10px;
    margin-bottom: 10px;
}

.post-box .post-cat {
    border: 1px solid #ccc;
}

.first-post .box-img {
    width: 100%;
    height: 250px;
}

.post-box .box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-box .post-cat {
    text-transform: capitalize;
}

.most-view li {
    border-bottom: 1px solid #561513;
    margin-bottom: 10px;
}

.most-view li:last-child {
    border: unset;
}

.most-view li a {
    padding-bottom: 8px;
}

.most-view li .number {
    position: relative;
    min-width: 40px;
    z-index: 1000;
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    bottom: 4px;
}

.most-view li .number span {
    position: relative;
    top: 4px;
}

.most-view li .number::before {
    content: '';
    width: 40px;
    height: 38px;
    position: absolute;
    background: #561513;
    z-index: -1;
    left: 0;
    top: 0px;
}

.most-view li .number::after {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid #561513;
    bottom: -6px;
    left: 0;
}

.faq-list li {
    display: flex;
}

.faq-list li a {
    flex: 1;
}

.faq-list .post-title {
    padding-left: 0 !important;
}

.faq-list li {
    border-bottom: 1px solid #561513;
    margin-bottom: 10px;
}

.faq-list li:last-child {
    border: unset;
}

.faq-list li a {
    padding-bottom: 8px;
}

.post-list .post-box .box-image {
    max-width: 315px;
    height: 180px;
}

.post-list .post-box .box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-list .post-box:last-child {
    border: unset;
}

.post-list .post-box {
    padding-bottom: 30px;
    border-bottom: 1px solid #7e7e7e;
}

.post-sidebar .post-box .post-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 3em;
}

.post-box .post-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 4.5em;
}

.gallery-video {
    padding: 30px;
    background: #561513;
}

.video-pagination {
    position: unset;
    margin-top: 20px;
}

.video-pagination .swiper-pagination-bullet {
    opacity: 1;
    background: unset;
    border: 1px solid #fff;
}

.video-pagination .swiper-pagination-bullet-active {
    background: #fff;
}

.entry-header {
    border-bottom: 1px solid #ccc;
}

.entry-header .post-title {
    line-height: 48px;
}

.relate-post .box-img {
    height: 168px;
}

.relate-post .box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-wrapper {
    padding: 30px;
    background: #e3e3e3a8;
}

.cart-table {
    width: 100%;
}

.cart-table tr th:first-child {
    text-align: left;
    padding-left: 30px;
}

.table-responsive {
    border: 1px solid #E0E0E0;
}

.cart-table tr th {
    color: #fff;
    padding: 10px;
    text-align: center;
    background: #561513;
    border-right: 1px solid #E0E0E0;
}

.cart-table tr td {
    padding: 20px;
    text-align: center;
    background: #fff;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
}

.cart-table .input-qty {
    width: 40px;
    height: 2rem;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    border: unset;
    border-left: 0;
    border-right: 0;
    padding-top: 4px;
    background-color: #fff;
}

input.minus.is-form,
input.plus.is-form {
    width: 24px;
    height: 2rem;
    box-shadow: unset;
    background: unset;
    border: unset;
}

input.minus.is-form {
    border-right: 1.5px solid #ccc;
}

input.plus.is-form {
    border-left: 1.5px solid #ccc;
}

.cart-table .buttons_added {
    opacity: 1;
    display: inline-block;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap;
    vertical-align: top;
    border: 1.5px solid #CACEDA;
}

.cart-wrapper .pr-name a img {
    width: 100px;
}

.checkout-info .pr-thumbnail {
    max-width: 150px;
    width: 100%;
}

.pr-info-right .buttons_added {
    border-radius: 100px;
    background: #fff;
    overflow: hidden;
}

.pr-info-right .pr-price {
    color: #be1e2d;
}

.checkout-page {
    padding: 30px;
    background: #f9ecd7;
}

.bg-checkout {
    background: #fff8eb;
    border-radius: 10px;
}

.checkout-info {
    border-radius: 6px;
}

.order-info-wrapper {
    border-radius: 20px;
    box-shadow: 1px 1px 7px 1px #cbcbcb;
}

.order-info-item .label,
.order-info-item .amount {
    color: #666;
}

.total-amount {
    color: #c43442;
}

.btn-order:hover {
    background: #b00303;
}

.cart-wrapper .price-total {
    color: #b00303;
}
.first-post .box-image{
    padding-top: 55%;
    position: relative;
}
.first-post {
    border-bottom: 2px solid #464646;
    margin-bottom: 18px;
}
.first-post .box-image img{
    position: absolute;
    left: 0;
    top: 0;
}
.form-wrapper{
    overflow: hidden;
}
.footer-info{
    padding-right: 70px;
}