@font-face { font-family: 'Source Sans Pro'; src: url("../fonts/SourceSansPro-Light.woff2") format("woff2"), url("../fonts/SourceSansPro-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Sans Pro'; src: url("../fonts/SourceSansPro-Regular.woff2") format("woff2"), url("../fonts/SourceSansPro-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Sans Pro'; src: url("../fonts/SourceSansPro-Semibold.woff2") format("woff2"), url("../fonts/SourceSansPro-Semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'db_penthai'; src: url("../fonts/db_penthai_x_li_v3.2-webfont.woff2") format("woff2"), url("../fonts/db_penthai_x_li_v3.2-webfont.woff") format("woff"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'db_penthai'; src: url("../fonts/db_penthai_x_v3.2-webfont.woff2") format("woff2"), url("../fonts/db_penthai_x_v3.2-webfont.woff") format("woff"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'db_penthai'; src: url("../fonts/db_penthai_x_bd_v3.2-webfont.woff2") format("woff2"), url("../fonts/db_penthai_x_bd_v3.2-webfont.woff") format("woff"); font-weight: 600; font-style: normal; }
.color-main { color: #3b3c38; }

.color-gray { color: #acacac; }

.color-title { color: #4d4e4f; }

.color-ci { color: #997288; }

.color-ci-2 { color: #997288; }

.color-red { color: #ce171f; fill: #ce171f; }

.color-green { color: #5cc311; fill: #5cc311; }

.color-gray { color: #acacac; }

.font-lg { font-size: 38px; }
@media (max-width: 1199.98px) { .font-lg { font-size: 32px; } }
@media (max-width: 767.98px) { .font-lg { font-size: 30px; } }

.font-title { font-family: "db_penthai", sans-serif; }

.font-light { font-weight: 300; }

.font-reg { font-weight: 400; }

.font-bold { font-weight: 600; }

.btn-detail { padding: 12px 25px; background: #997288; color: #fff; display: inline-block; text-transform: uppercase; line-height: 1.3; position: relative; transition: all 0.3s; }
.btn-detail:hover { color: #fff; }
.btn-gray.btn-detail { background: #525659; }

.cut-text-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.cut-text-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.cut-text-1 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

html, body { width: 100%; padding: 0; -webkit-font-smoothing: antialiased; }

html { scroll-padding-top: 80px; /* height of sticky header */ }
@media (max-width: 991.98px) { html { scroll-padding-top: 60px; } }

a, a:hover, a:active, a:focus { cursor: pointer; text-decoration: none; outline: none; color: inherit; }

a { text-decoration: none !important; outline: none; transition: all 0.3s; }

p { margin: 0 0 15px; }

ol, ul { list-style: none; padding: 0; }

body { font-family: "Source Sans Pro", sans-serif; font-size: 17px; line-height: 1.5; overflow-x: hidden; color: #3b3c38; height: 100%; background: #fff; font-weight: 300; }

.small-text { font-size: 12px; color: #000; }

button { background: none; border: 0; }

button:focus, button:active, input:focus, input:active, textarea:focus, textarea:active { outline: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; }

textarea { resize: none; padding-top: 15px !important; }

select option { font-size: 14px; font-family: sans-serif; }

.form-select, .form-control { font-size: 1em; }

.pad-30 { padding-top: 30px; padding-bottom: 30px; }

.pad-50 { padding-top: 50px; padding-bottom: 50px; }
@media (max-width: 767.98px) { .pad-50 { padding-top: 30px; padding-bottom: 30px; } }

.pad-80 { padding-top: 70px; padding-bottom: 70px; }
@media (max-width: 991.98px) { .pad-80 { padding-top: 50px; padding-bottom: 50px; } }

.pad-100 { padding-top: 100px; padding-bottom: 100px; }
.pad-100.pt-50 { padding-top: 50px; }
@media (max-width: 991.98px) { .pad-100 { padding-top: 80px; padding-bottom: 80px; } }

.container.container-1600 { width: 100%; max-width: 1600px; }

.custom-control-input:checked ~ .custom-control-label::before { background: #4d4e4f; border-color: #4d4e4f; }

.custom-control-label::before { box-shadow: none; }

@media (min-width: 1320px) { .container { max-width: 1300px; } }
.wsanimated-arrow { position: relative; transition: all .4s ease-in-out; cursor: pointer; padding: 19px 25px 19px 25px; display: none; border-left: 1px solid #997288; height: 100%; }
@media (max-width: 991.98px) { .wsanimated-arrow { display: block; } }
.wsanimated-arrow span, .wsanimated-arrow span:before, .wsanimated-arrow span:after { cursor: pointer; height: 2px; width: 20px; background: #997288; position: absolute; display: block; content: ''; transition: all 500ms ease-in-out; left: 15px; }
.wsanimated-arrow span:before { top: -7px; width: 26px; left: 0; }
.wsanimated-arrow span:after { bottom: -7px; width: 20px; left: 0; }

.boxmenu { padding: 100px 0 50px; overflow: hidden; width: 100%; right: -100%; position: fixed; z-index: 99; background: #fff; height: 100%; transition: transform .25s ease; }
.boxmenu.active { transform: translate3d(-100%, 0, 0); }
.boxmenu .top-close { position: absolute; right: 20px; top: 20px; width: auto; z-index: 99; }
.boxmenu .top-close i { font-size: 40px; color: #997288; }
.boxmenu .main-menu-mobile { opacity: 0; visibility: hidden; position: relative; top: -10px; max-height: calc(100vh - 10px); overflow-y: auto; width: 100%; transition: all 0.3s ease 0s; }
.boxmenu .main-menu-mobile > li { position: relative; }
.boxmenu .main-menu-mobile > li > a { text-transform: uppercase; position: relative; line-height: 1; border-bottom: 1px solid; border-bottom-color: currentcolor; border-bottom-color: rgba(0, 0, 0, 0.13); display: block; padding: 15px 32px 15px 17px; }
.boxmenu .main-menu-mobile > li i { position: absolute; right: 0; width: 50px; height: 48px; top: 0; display: flex; align-items: center; justify-content: center; font-size: 20px; cursor: pointer; border-left: 1px solid; border-left-color: currentcolor; border-left-color: rgba(0, 0, 0, 0.13); }
.boxmenu .main-menu-mobile > li i:before { transition: all 0.3s ease 0s; }
.boxmenu .main-menu-mobile > li i.active:before { transform: rotate(180deg); }
.boxmenu .submenu { display: none; padding: 20px; background: #eee; }
.boxmenu .submenu a { position: relative; display: block; padding: 5px 0; }
.boxmenu .picmenu { position: absolute; width: 50%; height: 100vh; top: 0; right: 0; background-size: cover; }
.boxmenu .social a { background: #997288; }
.boxmenu .social i { color: #fff; }

.main-menu-mobile.active { top: 0; visibility: visible; opacity: 1; }

.header { z-index: 98; width: 100%; position: fixed; background: #fff; transition: all 0.3s ease 0s; border-bottom: 1px solid #ebebeb; }
.header .icon-header { position: relative; top: -3px; }
.header .icon-bi { font-size: 20px; margin-right: 5px; }
@media (max-width: 991.98px) { .header .icon-bi { font-size: 22px; } }
@media (max-width: 991.98px) { .header { position: fixed; border-bottom: 1px solid #ede6ee; background: #fff; height: 60px; display: flex; align-items: center; } }
.header > .container { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; height: 85px; max-width: 100%; padding-right: 0; transition: all 0.3s ease 0s; }
@media (max-width: 1320px) { .header > .container { max-width: 100%; } }
@media (max-width: 991.98px) { .header > .container { height: 60px; padding-left: 10px; } }
.header .logo { width: 160px; display: flex; position: relative; align-items: center; justify-content: center; padding: 2px 5px; }
.header .logo img { max-width: 100%; }
@media (max-width: 991.98px) { .header .logo { width: 120px; } }
.header .header-right { display: flex; align-items: center; justify-content: center; height: 100%; }
.header .dropdown-menu { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.24); top: 5px !important; }
.header .dropdown-menu .dropdown-item { font-size: 1em; }
.header .dropdown-menu .logout { margin-top: 5px; padding-top: 5px; border-top: 1px solid #ccc; }
.header .icon-cart { width: 200px; height: 100%; background: #997288; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 600; color: #fff; }
@media (max-width: 991.98px) { .header .icon-cart { width: 130px; font-size: 18px; } }
.header.header-product { position: relative; }
@media (max-width: 991.98px) { .header.header-product { position: fixed; } }

.main-menu { display: flex; margin-bottom: 0; }
.main-menu > li { position: relative; display: flex; align-items: center; margin-right: 20px; }
@media (max-width: 1199.98px) { .main-menu > li { margin-right: 0; } }
.main-menu > li > a { position: relative; text-transform: uppercase; padding: 0 10px; display: flex; align-items: center; font-size: 1.1em; }
.main-menu > li > a .bi-caret-down-fill { font-size: 12px; margin-left: 5px; }
@media (max-width: 1320px) { .main-menu > li > a { padding: 0 10px; } }
@media (max-width: 1199.98px) { .main-menu > li > a { padding: 0 7px; } }
.main-menu > li > a .icon-login { font-size: 20px; }
.main-menu > li:hover > a { color: #997288; }
.main-menu > li.active > a { font-weight: 500; color: #997288; }
.main-menu > li .submenu { position: absolute; width: 250px; background-color: #f8f8f6; top: 40px; left: 0; opacity: 0; visibility: hidden; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0s; }
.main-menu > li .submenu li { border-bottom: 1px solid #ebebeb; }
.main-menu > li .submenu li a { align-items: center; padding: 10px 0 10px 15px; display: flex; border-left: 15px solid #f8f8f6; position: relative; }
.main-menu > li .submenu li a:before { font-family: bootstrap-icons !important; content: "\F231"; position: absolute; left: -14px; font-size: 12px; color: #fff; top: 50%; transform: translate(0, -50%); }
.main-menu > li .submenu li a:hover { border-color: #997288; background: #ece7e8; }
.main-menu > li .submenu li:last-child { border-bottom: 0; }
.main-menu > li:hover .submenu { opacity: 1; visibility: visible; }

.sub-profile { display: flex; align-items: center; margin-right: 15px; }
.sub-profile .bi-chevron-down { width: 20px; height: 20px; background: #997288; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 100%; font-size: 14px; margin-left: 10px; }
@media (max-width: 1199.98px) { .sub-profile .bi-chevron-down { display: none; } }

.menu-product { background: #f0f0f0; }
.menu-product .container { display: flex; justify-content: space-between; align-items: center; position: relative; }
.menu-product .category-hover { width: 315px; height: 45px; display: flex; align-items: center; background: #e3e3e3; padding-left: 15px; }
@media (max-width: 991.98px) { .menu-product .category-hover { width: 100%; } }
.menu-product .category-hover i { color: #997288; margin-right: 5px; position: relative; top: 2px; }

.sticky-menu { z-index: 9; }
@media (max-width: 991.98px) { .sticky-menu { display: none; } }

.lang { display: flex; align-items: center; justify-content: center; }
.lang a { margin-left: 10px; }
.lang img { width: 25px; }
@media (max-width: 1199.98px) { .lang img { width: 35px; } }

.sub-cat-product { position: absolute; left: 0; width: 100%; padding: 0 12px; top: 30px; opacity: 0; visibility: hidden; transition: all 0.3s ease 0s; }
@media (max-width: 1199.98px) { .sub-cat-product { padding: 0 15px; } }
@media (max-width: 991.98px) { .sub-cat-product { padding: 0; } }
@media (max-width: 991.98px) { .sub-cat-product { height: calc(100vh - 105px); } }
.sub-cat-product.active { opacity: 1; visibility: visible; top: 45px; }
.sub-cat-product .sub-cat-inner { background: #e3e3e3; position: relative; min-height: 560px; }
@media (max-width: 991.98px) { .sub-cat-product .sub-cat-inner { min-height: auto; overflow: auto; border-bottom: 2px solid #997288; } }
.sub-cat-product .sub-cat-inner .cat-product { margin-bottom: 0; }
.sub-cat-product .sub-cat-inner .cat-product > li { width: 315px; border-bottom: 1px solid #fff; }
@media (max-width: 991.98px) { .sub-cat-product .sub-cat-inner .cat-product > li { width: 100%; position: relative; }
  .sub-cat-product .sub-cat-inner .cat-product > li:before { font-family: bootstrap-icons !important; content: "\F282"; position: absolute; right: 10px; font-size: 15px; color: #fff; top: 50%; transform: translate(0, -50%); } }
.sub-cat-product .sub-cat-inner .cat-product > li:last-child { margin-bottom: 0; }
.sub-cat-product .sub-cat-inner .cat-product > li a { padding: 10px 15px; display: block; font-size: 21px; }
@media (max-width: 991.98px) { .sub-cat-product .sub-cat-inner .cat-product > li a { background: #997288; color: #fff; font-size: 20px; } }
.sub-cat-product .sub-cat-inner .cat-product > li:hover a { background: #fff; }
@media (max-width: 991.98px) { .sub-cat-product .sub-cat-inner .cat-product > li:hover a { background: #997288; } }
.sub-cat-product .sub-cat-inner .cat-product > li.active a { background: #fff; border-left: 4px solid #997288; }
@media (max-width: 991.98px) { .sub-cat-product .sub-cat-inner .cat-product > li.active a { background: #997288; border-color: #fdd78a; color: #fff; } }
.sub-cat-product .sub-cat-lev-2 { width: calc(100% - 315px); height: 100%; position: absolute; right: 0; top: 0; background: #fff; display: none; padding: 20px; }
@media (max-width: 991.98px) { .sub-cat-product .sub-cat-lev-2 { width: 100%; position: relative; padding: 15px; height: 230px; overflow: auto; } }
@media (max-width: 991.98px) and (max-height: 650px) { .sub-cat-product .sub-cat-lev-2 { height: 150px; } }

.sub-cat-product .sub-cat-lev-2 ul { display: flex; flex-wrap: wrap; }
.sub-cat-product .sub-cat-lev-2 ul li { width: 50%; }
@media (max-width: 991.98px) { .sub-cat-product .sub-cat-lev-2 ul li { width: 100%; } }
.sub-cat-product .sub-cat-lev-2 ul li a { display: block; padding: 5px; font-size: 21px; }
@media (max-width: 991.98px) { .sub-cat-product .sub-cat-lev-2 ul li a { font-size: 19px; } }
.sub-cat-product .sub-cat-lev-2 ul li a:hover { color: #997288; }

.transparent-cat { background: #000; opacity: .5; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 8; display: none; }
@media (max-width: 991.98px) { .transparent-cat { display: none !important; } }

.sticky-wrapper { z-index: 9; position: relative; }

.wsanimated-arrow { position: relative; transition: all .4s ease-in-out; cursor: pointer; padding: 19px 25px 19px 25px; display: none; border-left: 1px solid #997288; height: 100%; }
@media (max-width: 991.98px) { .wsanimated-arrow { display: block; } }
.wsanimated-arrow span, .wsanimated-arrow span:before, .wsanimated-arrow span:after { cursor: pointer; height: 2px; width: 20px; background: #997288; position: absolute; display: block; content: ''; transition: all 500ms ease-in-out; left: 15px; }
.wsanimated-arrow span:before { top: -7px; width: 26px; left: 0; }
.wsanimated-arrow span:after { bottom: -7px; width: 20px; left: 0; }

.boxmenu { padding: 100px 0 50px; overflow: hidden; width: 100%; right: -100%; position: fixed; z-index: 99; background: #fff; height: 100%; transition: transform .25s ease; }
.boxmenu.active { transform: translate3d(-100%, 0, 0); }
.boxmenu .top-close { position: absolute; right: 20px; top: 20px; width: auto; z-index: 99; }
.boxmenu .top-close i { font-size: 40px; color: #997288; }
.boxmenu .main-menu-mobile { opacity: 0; visibility: hidden; position: relative; top: -10px; max-height: calc(100vh - 10px); overflow-y: auto; width: 100%; transition: all 0.3s ease 0s; }
.boxmenu .main-menu-mobile > li { position: relative; }
.boxmenu .main-menu-mobile > li > a { text-transform: uppercase; position: relative; line-height: 1; border-bottom: 1px solid; border-bottom-color: currentcolor; border-bottom-color: rgba(0, 0, 0, 0.13); display: block; padding: 15px 32px 15px 17px; }
.boxmenu .main-menu-mobile > li i { position: absolute; right: 0; width: 50px; height: 48px; top: 0; display: flex; align-items: center; justify-content: center; font-size: 20px; cursor: pointer; border-left: 1px solid; border-left-color: currentcolor; border-left-color: rgba(0, 0, 0, 0.13); }
.boxmenu .main-menu-mobile > li i:before { transition: all 0.3s ease 0s; }
.boxmenu .main-menu-mobile > li i.active:before { transform: rotate(180deg); }
.boxmenu .submenu { display: none; padding: 20px; background: #eee; }
.boxmenu .submenu a { position: relative; display: block; padding: 5px 0; }
.boxmenu .picmenu { position: absolute; width: 50%; height: 100vh; top: 0; right: 0; background-size: cover; }
.boxmenu .social a { background: #997288; }
.boxmenu .social i { color: #fff; }

.main-menu-mobile.active { top: 0; visibility: visible; opacity: 1; }

.footer { background: #997288; color: #fff; padding: 50px 0; }
.footer h3 { font-size: 23px; font-weight: 600; margin-bottom: 15px; text-transform: uppercase; font-family: "db_penthai", sans-serif; }
.footer .menu-footer li { margin-bottom: 5px; }
.footer .menu-footer li:last-child { margin-bottom: 0; }
.footer .menu-footer a { color: #fff; }
.footer .menu-follow li { display: flex; align-items: center; margin-bottom: 5px; }
.footer .menu-follow li:last-child { margin-bottom: 0; }
.footer .menu-follow li i { margin-right: 5px; }
.footer .menu-follow li i img { width: 20px; }
.footer .menu-footer-contact i { font-size: 15px; position: absolute; left: 0; }
.footer .menu-footer-contact li { position: relative; padding-left: 25px; margin-bottom: 5px; }
@media (max-width: 991.98px) { .footer .col-lg-4 { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #bda3b1; }
  .footer .col-lg-4:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } }

.awards-footer { margin-top: 15px; padding-top: 15px; border-top: 1px solid #bda3b1; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1; }

.size-22 { font-size: 22px; }

.size-24 { font-size: 24px; }

.size-28 { font-size: 28px; }

.size-30 { font-size: 30px; }
@media (max-width: 991.98px) { .size-30 { font-size: 28px; } }

.size-34 { font-size: 34px; }

.size-36 { font-size: 36px; }

.h2-title { font-size: 1.4em; color: #b98da5; }

.hover-img { overflow: hidden; transition: all .6s ease; display: block; }
.hover-img img { transition: all .6s ease; }
.hover-img:hover img { transform: scale(1.1); }

.main { overflow: hidden; }

.bg-gray { background: #f8f8f6; }

.swiper-container { position: relative; }

.img-affect { position: relative; overflow: hidden; }
.img-affect::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; z-index: 1; height: 100%; background: #ffffff; transition: width 1s; transition: all 1000ms cubic-bezier(0.16, 0.01, 0.77, 1); }
.img-affect.aos-animate::before { width: 0px; }

.tab-detail { display: none; }

.wrap-slideHero { background: #ebede8; }
@media (max-width: 1199.98px) { .wrap-slideHero .container { width: 100%; max-width: 100%; padding: 0; } }

.slideHero .swiper-slide img { height: calc(75vh - 0px); object-fit: cover; object-position: center center; }
@media (max-width: 1199.98px) { .slideHero .swiper-slide img { height: calc(50vh - 0px); } }
@media (max-width: 575.98px) { .slideHero .swiper-slide img { height: 300px; } }
.slideHero .swiper-pagination { bottom: 5%; padding: 5px 0; z-index: 2; }
.slideHero .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; opacity: 1; }
.slideHero .swiper-pagination-bullet-active { background: #997288; }

.has-list { position: relative; padding-left: 25px; }
.has-list:before { position: absolute; left: 0; top: 9px; width: 10px; height: 10px; background: #997288; content: ''; }

.slide-arrow .swiper-button-prev, .slide-arrow .swiper-button-next { color: #997288; padding: 0; z-index: 2; top: 40%; border-radius: 100%; width: 30px; height: 30px; border-radius: 100%; }
@media (max-width: 1199.98px) { .slide-arrow .swiper-button-prev, .slide-arrow .swiper-button-next { background: #fff; } }
.slide-arrow .swiper-button-prev:after, .slide-arrow .swiper-button-next:after { font-size: 23px; color: #997288; }
.slide-arrow .swiper-button-prev { left: 5px; }
.slide-arrow .swiper-button-next { right: 5px; }

.main-pd { padding-top: 85px; }
@media (max-width: 991.98px) { .main-pd { padding-top: 60px; } }

.main-pd-product { padding-top: 0; }
@media (max-width: 991.98px) { .main-pd-product { padding-top: 105px; } }

.slide-package-wrap .swiper-button-prev { top: 53%; }
.slide-package-wrap .swiper-button-next { top: 53%; }

.slide-offer-wrap h2 { font-family: "db_penthai", sans-serif; font-size: 28px; color: #997288; font-weight: 600; text-align: center; }

.slide-offer-wrap, .slide-package-wrap, .slide-whyus-wrap { position: relative; }
.slide-offer-wrap .swiper-button-prev, .slide-package-wrap .swiper-button-prev, .slide-whyus-wrap .swiper-button-prev { left: -40px; }
@media (max-width: 1199.98px) { .slide-offer-wrap .swiper-button-prev, .slide-package-wrap .swiper-button-prev, .slide-whyus-wrap .swiper-button-prev { left: 0; } }
.slide-offer-wrap .swiper-button-next, .slide-package-wrap .swiper-button-next, .slide-whyus-wrap .swiper-button-next { right: -40px; }
@media (max-width: 1199.98px) { .slide-offer-wrap .swiper-button-next, .slide-package-wrap .swiper-button-next, .slide-whyus-wrap .swiper-button-next { right: 0; } }
@media (max-width: 767.98px) { .slide-offer-wrap .swiper-slide, .slide-package-wrap .swiper-slide, .slide-whyus-wrap .swiper-slide { width: 300px !important; } }

.order-list { list-style: disc; margin-left: 20px; list-style-position: outside; }
.order-list ul { margin-left: 5px; margin-top: 5px; }
.order-list ul li { position: relative; padding-left: 15px; }
.order-list ul li:before { content: "-"; position: absolute; left: 0; }
.order-list.order-list-color-ci li::marker { color: #997288; }

.page-editor ul li { padding-left: 20px; position: relative; }
.page-editor ul li:before { content: ""; width: 7px; height: 7px; top: 8px; background: #997288; border-radius: 100%; position: absolute; left: 0; }
.page-editor ol { list-style: decimal; margin-left: 20px; }
.page-editor h2 { font-size: 20px; font-weight: 400; color: #3b3c38; }
.page-editor h3 { font-size: 18px; font-weight: 300; }

.hidden { display: none; }

.is-sticky { z-index: 99; }

.slide-whyus h2 { font-family: "db_penthai", sans-serif; font-size: 28px; color: #997288; font-weight: 600; text-align: center; }
@media (max-width: 767.98px) { .slide-whyus .swiper-slide { width: 300px !important; } }

@media (max-width: 1199.98px) { .container { padding-left: 15px; padding-right: 15px; } }
.wrap-filter { margin-bottom: 30px; }
.wrap-filter .tab-list { display: flex; }
@media (max-width: 1199.98px) { .wrap-filter .tab-list { display: block; } }
.wrap-filter .tab-list li { flex-grow: 1; margin-right: 15px; }
@media (max-width: 1199.98px) { .wrap-filter .tab-list li { display: inline-block; margin-right: 5px; margin-bottom: 5px; } }
.wrap-filter .tab-list li:last-child { margin-right: 0; }
.wrap-filter .tab-list li a { font-size: 17px; color: #997288; font-weight: 400; display: flex; height: 50px; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid #997288; }
@media (max-width: 1199.98px) { .wrap-filter .tab-list li a { padding: 0 15px; height: 45px; } }
.wrap-filter .tab-list li a.active { background: #997288; color: #fff; }

.load-more { width: 100%; max-width: 800px; margin: 0 auto 50px; font-weight: 400; display: flex; align-items: center; justify-content: center; height: 46px; background: #997288; color: #fff; border-radius: 5px; font-size: 19px; }

.product-list-home .product-list { margin-bottom: 50px; }

.slide-service { margin-top: 35px; }
.slide-service .swiper-slide { justify-content: center; display: flex; flex-direction: column; align-items: center; text-align: center; font-weight: 500; color: #997288; }
.slide-service .swiper-slide i { width: 90px; height: 90px; border-radius: 100%; border: 1px solid #dcb3c9; margin-bottom: 10px; }

#popup-term.fancybox__content { max-width: 900px; }

.f-title-main { margin-bottom: 35px; color: #997288; text-align: center; }

.box-promotion .box-p-detail { background: #fff; padding: 20px; }
.box-promotion .box-p-detail .cut-text-3 { height: 76.5px; }
.box-promotion .box-p-detail aside { margin: 20px 0 15px; display: flex; justify-content: center; }
.box-promotion .box-p-detail .btn-detail { display: flex; width: 180px; padding: 0; height: 55px; align-items: center; justify-content: center; }
.box-promotion .box-p-detail .btn-detail i { width: 22px; height: 22px; border: 1px solid #fff; border-radius: 100%; font-size: 14px; display: flex; justify-content: center; align-items: center; margin-left: 10px; }

.main-awward .container { display: flex; justify-content: center; align-items: center; }
@media (max-width: 575.98px) { .main-awward .container { display: block; text-align: center; } }
.main-awward .container p { margin-bottom: 0; margin-left: 50px; }
@media (max-width: 575.98px) { .main-awward .container p { margin-left: 0; margin-top: 20px; } }

.main-bg-flower { position: relative; z-index: 0; padding-bottom: 100px; }
.main-bg-flower .bg-welcome-left { position: absolute; bottom: -110px; left: 0; }
@media (max-width: 991.98px) { .main-bg-flower .bg-welcome-left { bottom: -80px; width: 50%; }
  .main-bg-flower .bg-welcome-left img { width: 100%; } }
@media (max-width: 575.98px) { .main-bg-flower .bg-welcome-left { bottom: -20px; } }
.main-bg-flower .bg-welcome-right { position: absolute; bottom: -160px; right: 0; }
@media (max-width: 991.98px) { .main-bg-flower .bg-welcome-right { bottom: -130px; width: 50%; }
  .main-bg-flower .bg-welcome-right img { width: 100%; } }
@media (max-width: 575.98px) { .main-bg-flower .bg-welcome-right { bottom: -20px; } }

.main-welcome h1 .h2-title { font-size: .8em; margin-bottom: 10px; }

.main-whyus { position: relative; z-index: 1; }

.main-promotion { position: relative; }
.main-promotion .bg-promo-left { position: absolute; top: -5%; left: 20px; }
.main-promotion .bg-promo-left img { width: 80%; }
@media (max-width: 767.98px) { .main-promotion .bg-promo-left img { width: 60%; } }
@media (max-width: 575.98px) { .main-promotion .bg-promo-left img { width: 40%; top: 0; } }
.main-promotion .bg-promo-right { position: absolute; bottom: -10%; right: 20px; }
@media (max-width: 767.98px) { .main-promotion .bg-promo-right { right: 0px; }
  .main-promotion .bg-promo-right img { width: 60%; bottom: 0; } }

.slide-package .title-massage { font-family: "db_penthai", sans-serif; font-weight: 500; color: #fff; height: 48px; display: flex; align-items: center; justify-content: center; background: #997288; font-size: 23px; border-radius: 3px; margin-bottom: 10px; }
.slide-package .img-massage { display: block; position: relative; }
.slide-package .img-massage .coverserviceslide { position: absolute; bottom: 0; text-align: center; background: rgba(255, 255, 255, 0.6); padding: 10px; width: 100%; text-transform: uppercase; transition: all 0.3s ease 0s; }
.slide-package .img-massage .coverserviceslide i { font-size: 15px; margin-left: 7px; }
.slide-package .img-massage:hover .coverserviceslide { background: #997288; color: #fff; }
.slide-package .title-massage { width: 100%; height: 52px; }
.slide-package .swiper-pagination { display: none; }
@media (max-width: 767.98px) { .slide-package .swiper-slide { width: 300px !important; } }

.massage-nav { display: flex; margin: 0 -5px; margin: 50px 0 20px; }
@media (max-width: 575.98px) { .massage-nav { display: block; } }
.massage-nav a { font-family: "db_penthai", sans-serif; font-weight: 500; border: 1px solid #997288; color: #997288; height: 48px; display: flex; align-items: center; justify-content: center; font-size: 23px; border-radius: 3px; margin-bottom: 10px; flex-grow: 1; margin: 0 5px; text-transform: uppercase; }
@media (max-width: 575.98px) { .massage-nav a { font-size: 20px; margin-bottom: 5px; } }
.massage-nav a.active { background: #997288; color: #fff; }

.massage-list figure { margin-bottom: 0; }
.massage-list h2 { font-family: "db_penthai", sans-serif; color: #fff; background: #997288; padding: 10px 5px; font-weight: 500; font-size: 23px; margin-bottom: 0; }
.massage-list .massage-price-time { display: flex; margin: 4px -2px; }
.massage-list .massage-price-time .mpt-inner { height: 40px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; background: #e8e1e5; width: 50%; margin: 0 2px; color: #997288; }
.massage-list .massage-book-gift { display: flex; margin: 4px -2px; }
.massage-list .massage-book-gift .btn-book-gift { height: 50px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; width: 50%; margin: 0 2px; color: #fff; background: #997288; }
.massage-list .massage-book-gift .btn-book-gift.btn-gift { background: #c5a2b5; }
.massage-list .massage-dt-list { text-align: left; margin-top: 10px; font-size: .95em; }

.contact-detail { display: flex; padding: 30px; border: 1px solid #ccc; margin: 50px 0; }
@media (max-width: 991.98px) { .contact-detail { display: block; } }
.contact-detail .contact-box { width: 50%; padding: 20px 0; }
@media (max-width: 991.98px) { .contact-detail .contact-box { width: 100%; } }
.contact-detail .contact-box:first-child { border-right: 1px solid #ccc; }
@media (max-width: 991.98px) { .contact-detail .contact-box:first-child { border-right: 0; border-bottom: 1px solid #ccc; } }
.contact-detail .contact-box h2 { font-family: "db_penthai", sans-serif; font-weight: 600; color: #997288; font-size: 24px; }
.contact-detail .contact-box a:hover { color: #997288; }

.contact-social-list { text-align: center; width: 100%; max-width: 1100px; margin: 0 auto; }
@media (max-width: 991.98px) { .contact-social-list { display: inline-block; width: auto; } }
.contact-social-list li { display: inline-block; margin: 10px; vertical-align: middle; }
.contact-social-list li span { font-weight: 600; color: #997288; }
.contact-social-list li img { height: 30px; margin-right: 5px; }
.contact-social-list li a { display: flex; align-items: center; }
@media (max-width: 991.98px) { .contact-social-list li a { display: block; } }
@media (max-width: 767.98px) { .contact-social-list li { display: block; text-align: left; margin: 0 auto; } }

.package-slideinner { max-width: 1110px; width: 100%; margin: auto; }
.package-slideinner .swiper-slide { text-align: center; font-size: 18px; background: #fff; }
.package-slideinner .swiper { --swiper-navigation-color: #fff; --swiper-pagination-color: #fff ; }
.package-slideinner .swiper-button-next:after { padding-left: 2px; }
.package-slideinner .swiper-button-prev:after { padding-right: 2px; }
.package-slideinner .swiper-button-next, .package-slideinner .swiper-button-prev { top: 50%; width: 35px; height: 35px; margin-top: -17.5px; }
.package-slideinner .swiper-button-next:after, .package-slideinner .swiper-button-prev:after { font-size: 30px; font-weight: bold; }
.package-slideinner .package-slide { width: 100%; }
.package-slideinner .package-thumbslide { box-sizing: border-box; padding: 10px 0; }
.package-slideinner .package-thumbslide .swiper-slide { opacity: 0.5; }
.package-slideinner .package-thumbslide .swiper-slide-thumb-active { opacity: 1; }
.package-slideinner .package-thumbslide .swiper-slide { width: 105px; }
.package-slideinner .package-thumbslide .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 1199.98px) { .package-slideinner .package-thumbslide .swiper-slide { width: 100px; } }
@media (max-width: 991.98px) { .package-slideinner .package-thumbslide .swiper-slide { width: 90px; } }
@media (max-width: 767.98px) { .package-slideinner .package-thumbslide .swiper-slide { width: 80px; } }
.package-slideinner .container-iframe { position: relative; overflow: hidden; width: 100%; padding-top: 60.25%; }
.package-slideinner .responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
.package-slideinner .caption-gallery { height: 27px; margin: 10px 0 0; }

.icon-zoominout .swiper-slide a::before { content: ''; z-index: 6; cursor: pointer; padding: 0; width: 30px; height: 30px; display: block; position: absolute; right: 15px; top: 15px; text-align: center; line-height: 30px; background-color: rgba(53, 56, 51, 0.8); background-image: url(../images/full-screen.svg); background-repeat: no-repeat; background-size: 18px; background-position: center center; border-radius: 3px; opacity: 1; cursor: pointer; }

.nav-gallery { max-width: 1110px; width: 100%; margin: auto; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 50px; }
.nav-gallery a { font-family: "db_penthai", sans-serif; font-size: 26px; font-weight: 600; color: #997288; margin: 0 20px; }

.sub-gallery { margin: 20px 0; }
.sub-gallery a { display: inline-block; padding: 10px 3px 8px 3px; margin: 0 25px; }
.sub-gallery a.active { color: #997288; text-decoration: underline !important; font-weight: 600; }

.resp-container { position: relative; overflow: hidden; padding-top: 56.25%; }

.resp-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

.gal360 { display: block; }
.gal360:before { display: none !important; }

.caption-gal360 { text-align: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 1.1em; font-weight: 500; background: rgba(0, 0, 0, 0.5); }
.caption-gal360 .img-360 { width: 100px; }
@media (max-width: 991.98px) { .caption-gal360 .img-360 { width: 50px; } }

.massage-detail { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-align: left; font-size: 1em; line-height: 1.3; height: 120.5px; padding: 10px 0; }

@media (max-width: 991.98px) { .ct-nopad { padding-left: 0; padding-right: 0; }
  .sticky-wrapper { position: fixed !important; top: 60px !important; width: 100% !important; z-index: 98; } }
.product-list { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.product-list li { padding-left: 10px; padding-right: 10px; margin-bottom: 25px; }
.product-list.product-row-4 li { width: 25%; }
@media (max-width: 1199.98px) { .product-list.product-row-4 li { width: 33.333333333333333%; padding-left: 5px; padding-right: 5px; } }
@media (max-width: 767.98px) { .product-list.product-row-4 li { width: 50%; padding-left: 3.5px; padding-right: 3.5px; } }
@media (max-width: 1199.98px) { .product-list { margin: 0 -5px; } }
@media (max-width: 767.98px) { .product-list { margin: 0 -3.5px; } }

.wrap-breadcrumb { background: #997288; color: #fff; border-top: 5px solid #353833; }
.wrap-breadcrumb .container { display: flex; justify-content: space-between; padding-top: 10px; padding-bottom: 10px; }
.wrap-breadcrumb .breadcrumb-item.active { color: #fff; }
.wrap-breadcrumb .breadcrumb-item:before { position: relative; top: 3px; font-family: bootstrap-icons !important; color: #fff; font-size: 14px; }

.lSSlideOuter { text-align: center; }
.lSSlideOuter .lSPager { display: inline-block; }
.lSSlideOuter .lSPager li { opacity: .6; padding: 5px; }
.lSSlideOuter .lSPager li.active { opacity: 1; border-radius: 0 !important; }
.lSSlideOuter .lSPager li.active img { box-shadow: 0px 0px 0px 3px #e1e1e1; }

.product-detail-right { padding-top: 30px; }
.product-detail-right h1 { font-size: 36px; color: #3b3c38; line-height: 1; margin-bottom: 15px; line-height: .8; margin-bottom: 10px; font-weight: 400; }
@media (max-width: 991.98px) { .product-detail-right h1 { font-size: 30px; } }
.product-detail-right .product-detail-price { font-size: 36px; font-weight: 400; margin-top: 20px; color: #997288; }
@media (max-width: 991.98px) { .product-detail-right .product-detail-price { font-size: 30px; } }
.product-detail-right .product-detail-price .font-light { font-size: .6em; font-weight: 300; color: #959595; }
.product-detail-right .product-price-notice { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; }
.product-detail-right h2 { font-size: 26px; color: #7d7d7d; }
.product-detail-right .product-qty { display: flex; align-items: center; margin: 30px 0; }
.product-detail-right .wrap-cart-spin { border: 1px solid #d7d7d7; border-radius: 7px; overflow: hidden; margin-left: 15px; width: 100%; max-width: 250px; }
.product-detail-right .cart-spin { height: 42px; text-align: center; background: #fff; border: 0; border-left: 1px solid #d7d7d7; border-right: 2px solid #d7d7d7; margin-left: 0 !important; padding-left: 0; padding-right: 0; font-size: 28px; color: #7d7d7d; }
.product-detail-right .btn-primary { background: #b0c7c5; border-radius: 0; border: 0; color: #3b3c38; font-size: 30px; height: 42px; padding: 0; align-items: center; justify-content: center; display: flex; width: 42px; }
.product-detail-right .btn-primary:hover { background: #997288; color: #fff; }
.product-detail-right .btn-add-cart { display: flex; }
.product-detail-right .btn-detail { width: 150px; padding-right: 0; padding-left: 0; display: flex; align-items: center; justify-content: center; margin-right: 7px; font-size: 1em; font-weight: 400; background: #997288; height: 50px; color: #fff; }

.btn-line { border: 1px solid #997288; background: none !important; color: #997288 !important; }
.btn-line i { font-size: 18px; position: relative; margin-left: 10px; }
.btn-line:hover { color: #997288; }

.product-detail { background: #fff; }
.product-detail .lSAction > a { width: 28px; height: 28px; background: #997288; display: flex; align-items: center; justify-content: center; color: #fff; z-index: 8; border-radius: 3px; }
.product-detail .lSAction > a:before { font-family: bootstrap-icons !important; }
.product-detail .lSAction > a.lSPrev { left: 0; }
.product-detail .lSAction > a.lSPrev:before { content: "\F284"; }
.product-detail .lSAction > a.lSNext { right: 0; }
.product-detail .lSAction > a.lSNext:before { content: "\F285"; }

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

.productslide { position: relative; }

.wrap-popup { position: relative; display: block; }
.wrap-popup .icon-popup { background-color: rgba(53, 56, 51, 0.8); background-image: url(../images/icon-popup.png); background-position: center center; background-size: 26px 26px; width: 30px; height: 30px; position: absolute; right: 20px; top: 20px; border-radius: 5px; z-index: 2; transition: all 0.3s ease 0s; }
.wrap-popup .icon-popup:hover { background-color: #997288; }
.wrap-popup > img { position: relative; z-index: 1; }

.relate-product { background: #f7f7f7; }
.relate-product .font-title { font-weight: 600; font-size: 26px; color: #3b3c38; display: flex; align-items: center; margin-bottom: 30px; }
.relate-product .font-title i { width: 35px; height: 35px; background: #997288; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; margin-right: 10px; border-radius: 100%; }

@media (max-width: 991.98px) { .table-main-wrapper { padding: 15px; background: #fff; } }
.img-rd { border-radius: 4px; }

.form-check-input:checked { background-color: #997288; border-color: #997288; }

.shopping-sum-pay { padding-top: 45px; }

.table-main { background: #fff; margin-bottom: 0; }
.table-main h2 { font-weight: 400; color: #3b3c38; font-size: 22px; }
.table-main .cart-spin { background: #fff; }
.table-main .wrap-cart-spin { width: 110px; display: inline-block; }
.table-main .btn-primary { font-size: 30px; width: 30px; background: #b0c7c5; }
.table-main .btn-primary:hover { color: #fff; background: #997288; }
.table-main .product-width { width: 300px; }
.table-main > :not(:first-child) { border-top: 0; }
.table-main tr:last-child { border-color: #fff; }
.table-main thead th { background: #f0f0f0; font-weight: 300; border: 0; padding: 10px 15px; color: #7d7d7d; }
.table-main .btn-remove { color: #997288; background: #f3f6f6; padding: 5px 10px; font-size: 20px; border-radius: 5px; }
.table-main .btn-remove:hover { color: #fff; background: #997288; }
.table-main .product-detail-price { font-size: 23px; font-weight: 400; color: #3b3c38; }
.table-main .product-detail-price .font-light { font-size: .8em; font-weight: 300; color: #959595; }
.table-main.table-pay td { border-bottom-width: 1px; }
.table-main td { padding-top: 15px; padding-bottom: 15px; border-bottom: 20px solid #f7f7f7; }
.table-main td:first-child { padding-left: 15px; }
.table-main td.cart-pic { width: 150px; }
@media (max-width: 991.98px) { .table-main td.cart-pic { width: 100%; } }
@media (max-width: 991.98px) { .table-main thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  .table-main tr { border: 1px solid #ddd !important; display: block; margin-bottom: 20px; }
  .table-main td { border-bottom: 1px dashed #ccc; display: block; text-align: right; padding-top: 12px; padding-bottom: 12px; }
  .table-main td.table-no-bd { border-bottom: 0; padding-bottom: 0; }
  .table-main td::before { content: attr(data-label); float: left; font-weight: 300; text-transform: uppercase; font-size: .9em; opacity: .7; }
  .table-main td:last-child { border-bottom: 0; }
  .table-main.table-history td { padding-top: 7px; padding-bottom: 7px; } }

.shopping-sum { background: #fff; padding-bottom: 20px; }
.shopping-sum h2 { height: 39px; display: flex; align-items: center; padding: 0 15px; color: #3b3c38; font-size: 20px; background: #e7eeed; }
.shopping-sum .shopping-sum-list { padding-top: 5px; }
.shopping-sum .shopping-sum-list li { display: flex; justify-content: space-between; padding: 5px 15px; }
.shopping-sum .shopping-sum-list li:last-child { color: #997288; font-weight: 600; padding-top: 15px; padding-bottom: 15px; margin-top: 10px; border-top: 1px solid #ebebeb; font-size: 18px; }
.shopping-sum .btn-next-shop { padding: 10px 15px; display: flex; }
.shopping-sum .btn-next-shop a { display: block; flex-grow: 1; margin-bottom: 10px; text-align: center; font-size: 16px; font-weight: 500; padding: 0; height: 50px; display: flex; align-items: center; justify-content: center; }
.shopping-sum .btn-next-shop a.btn-line { margin-right: 5px; }

.shopping-sum-box { padding: 15px 20px; background: #fff; }

.pd-15 { padding: 20px 20px; }

.page-step { padding: 30px 0 0; }

.cart-step { width: 100%; max-width: 90%; margin: 0 auto; display: flex; justify-content: space-between; position: relative; }
.cart-step li { display: flex; flex-direction: column; align-items: center; }
.cart-step li:nth-child(2):before { content: ""; width: 47%; height: 1px; border-top: 1px solid #1d5e5a; position: absolute; z-index: 1; top: 28%; left: 6%; transform: translate(0, -50%); }
@media (max-width: 991.98px) { .cart-step li:nth-child(2):before { width: 40%; left: 13%; } }
.cart-step li:nth-child(2):after { content: ""; width: 45%; height: 1px; border-top: 1px solid #b0c7c5; position: absolute; z-index: 1; top: 28%; right: 3%; transform: translate(0, -50%); }
@media (max-width: 991.98px) { .cart-step li:nth-child(2):after { width: 40%; right: 5%; } }
.cart-step li:nth-child(2).active:after { border-color: #997288; }
.cart-step li .wrap-rd { border-radius: 100%; border: 5px solid #f7f7f7; position: relative; z-index: 2; }
.cart-step li a { display: block; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #ccc !important; border-radius: 100%; background: #b0c7c5; }
.cart-step li a.active { background: #997288; border-color: #997288; color: #fff !important; }

.form-main label { font-size: 18px; font-weight: 400; color: #3b3c38; margin-bottom: 10px; }
.form-main .form-group { margin-bottom: 20px; }
.form-main .form-group .form-control { height: 43px; font-weight: 300; }
.form-main .help-block { color: #b72226; position: absolute; bottom: -32px; left: 0px; font-size: .8em; }

.elementor-section { background: #ffffff; margin-bottom: 15px; padding-left: 100px; padding-right: 100px; padding-top: 25px; padding-bottom: 25px; }
.elementor-section .elementor-title { padding-top: 0px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.02); }
.elementor-section .elementor-title h1 { font-family: "Source Sans Pro", sans-serif; font-weight: 300; font-size: 30px; margin-bottom: 0; transition: all 0.3s ease 0s; }
@media (max-width: 575.98px) { .elementor-section .elementor-title h1 { font-size: 25px; } }
.elementor-section .elementor-title .sub-title { margin-top: 4px; margin-left: 10px; }
.elementor-section .elementor-title i { width: 30px; height: 30px; background-color: var(--ksec-ks); border-radius: 30px; margin-right: 5px; text-align: center; line-height: 28px; }
.elementor-section .elementor-body { border-radius: 5px; position: relative; background: var(--ksec-ks-white); padding: 30px; box-shadow: 0px 7px 29px 0px rgba(100, 100, 111, 0.1); margin-bottom: 30px; }
.elementor-section .elementor-note h5 { font-size: 15px; }
.elementor-section .elementor-note ol { padding: 0; margin: 0px 0px 0px 15px; }
.elementor-section .elementor-note ol li { margin-bottom: 5px; }
.elementor-section .elementor-note ol li:last-child { margin-bottom: 0px; }
@media (max-width: 767.98px) { .elementor-section { padding-left: 25px; padding-right: 25px; } }
@media (max-width: 575.98px) { .elementor-section { padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; } }

.active-sec .elementor-title { border-bottom: 1px solid #DFE2E6; }

.icon-check-n { font-size: 20px; position: relative; top: 2px; }

.theam-1 { background: #eeeeee; border: 2px solid #eeeeee; border-radius: 5px; }
.theam-1.activepay { background: #ffffff; border: 2px solid #997288; }

.theam-1[class*="icheck-"] > label { font-weight: normal; color: #3b3c38; padding: 5px 15px !important; margin-bottom: 0px !important; display: block; width: 100%; }
.theam-1[class*="icheck-"] > label img { height: 25px; }
.theam-1[class*="icheck-"] > input:first-child:checked + label::after { display: none; }
.theam-1[class*="icheck-"] > input:first-child:checked + label::before { background-image: url("../images/check-pay.svg"); }
.theam-1[class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::before { background-image: url("../images/check-pay.svg"); }
.theam-1[class*="icheck-"] > input:first-child + label::before { display: inline-block; position: absolute; right: 15px; width: 22px; height: 22px; background-image: url("../images/chevron-down-pay.svg"); border: 0px solid #D3CFC8; border-radius: 0.25rem; margin-left: 0px; }
.theam-1[class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + label::before { border-width: 0px; }
.theam-1[class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-width: 0px; }

.label-title { display: flex; flex-wrap: wrap; flex: 0 0 30px; }
.label-title .label-icon { display: flex; flex-wrap: wrap; padding-right: 5px; }
@media (max-width: 991.98px) { .label-title .label-icon { padding-right: 10px; } }

.label-info { flex: 0 0 calc(100% - 50px); display: flex; flex-wrap: wrap; }
.label-info .text-title { flex: 0 0 50%; }
.label-info .bank-logo { flex: 0 0 50%; }
@media (max-width: 991.98px) { .label-info .text-title { flex: 0 0 100%; margin-bottom: 5px; }
  .label-info .bank-logo { flex: 0 0 100%; } }

.bank-logo .bank-logolist { list-style: none; padding: 0; margin: 0; }
.bank-logo .bank-logolist li { display: inline-block; }
.bank-logo .bank-logolist li img { vertical-align: top; }
.bank-logo .bank-logolist.points li img { height: 18px; }

.brand-pay { padding: 0; margin: 0; }
.brand-pay li { display: inline-block; margin-right: 10px; }

.confidence-list { list-style: none; padding: 0; margin: 0; }
.confidence-list li { font-size: 16px; line-height: 1.2; position: relative; padding-left: 30px; }
.confidence-list li span { color: var(--chann-primary); position: absolute; left: 0; top: -3px; }
.confidence-list li span img { width: 20px; margin-right: 5px; }

/*!
 * icheck-bootstrap v3.0.1 (https://github.com/bantikyan/icheck-bootstrap)
 * Copyright 2018 Hovhannes Bantikyan.
 * Licensed under MIT (https://github.com/bantikyan/icheck-bootstrap/blob/master/LICENSE)
 */
[class*="icheck-"] { min-height: 22px; margin-top: 6px !important; margin-bottom: 6px !important; padding-left: 0px; }

.icheck-inline { display: inline-block; }

.icheck-inline + .icheck-inline { margin-left: .75rem; margin-top: 6px; }

[class*="icheck-"] > label { padding-left: 29px !important; min-height: 22px; line-height: 1.5; display: inline-block; position: relative; vertical-align: top; margin-bottom: 0; font-weight: normal; cursor: pointer; }

[class*="icheck-"] > input:first-child { position: absolute !important; opacity: 0; margin: 0; }

[class*="icheck-"] > input:first-child:disabled { cursor: default; }

[class*="icheck-"] > input:first-child + label::before, [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before { content: ""; display: inline-block; position: absolute; margin-top: 3px; width: 20px; height: 20px; border: 1px solid #D3CFC8; /* border-radius: 0px; */ border-radius: 0.25rem; margin-left: -29px; }

[class*="icheck-"] > input:first-child:checked + label::after, [class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 7px; height: 14px; border: solid 2px #fff; border-left: none; border-top: none; transform: translate(5.75px, 3px) rotate(45deg); -ms-transform: translate(5.75px, 3px) rotate(45deg); }

[class*="icheck-"] > input[type="radio"]:first-child + label::before, [class*="icheck-"] > input[type="radio"]:first-child + input[type="hidden"] + label::before { border-radius: 50%; }

[class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + label::before, [class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-width: 2px; }

[class*="icheck-"] > input:first-child:disabled + label, [class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label, [class*="icheck-"] > input:first-child:disabled + label::before, [class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label::before { pointer-events: none; cursor: default; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; }

.icheck-default > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-default > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #adadad; }

.icheck-default > input:first-child:checked + label::before, .icheck-default > input:first-child:checked + input[type="hidden"] + label::before { background-color: #e6e6e6; border-color: #adadad; }

.icheck-default > input:first-child:checked + label::after, .icheck-default > input:first-child:checked + input[type="hidden"] + label::after { border-bottom-color: #333; border-right-color: #333; }

.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: var(--chann-primary); }

.icheck-primary > input:first-child:checked + label::before, .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before { background-color: var(--chann-primary); border-color: var(--chann-primary); }

.icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #4cae4c; }

.icheck-success > input:first-child:checked + label::before, .icheck-success > input:first-child:checked + input[type="hidden"] + label::before { background-color: #5cb85c; border-color: #4cae4c; }

.icheck-info > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #46b8da; }

.icheck-info > input:first-child:checked + label::before, .icheck-info > input:first-child:checked + input[type="hidden"] + label::before { background-color: #5bc0de; border-color: #46b8da; }

.icheck-warning > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #eea236; }

.icheck-warning > input:first-child:checked + label::before, .icheck-warning > input:first-child:checked + input[type="hidden"] + label::before { background-color: #f0ad4e; border-color: #eea236; }

.icheck-danger > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #d43f3a; }

.icheck-danger > input:first-child:checked + label::before, .icheck-danger > input:first-child:checked + input[type="hidden"] + label::before { background-color: #d9534f; border-color: #d43f3a; }

/*# sourceMappingURL=style.css.map */