@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500&display=swap");
@font-face { font-family: 'Filson-Pro-Bold'; src: url("../fonts/FilsonPro-Bold.woff2") format("woff2"), url("../fonts/FilsonPro-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Filson-Pro-Reg'; src: url("../fonts/FilsonPro-Regular.woff2") format("woff2"), url("../fonts/FilsonPro-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Filson-Pro-Med'; src: url("../fonts/FilsonPro-Medium.woff2") format("woff2"), url("../fonts/FilsonPro-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Filson-Pro-Book'; src: url("../fonts/FilsonPro-Book.woff2") format("woff2"), url("../fonts/FilsonPro-Book.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Filson-Soft-Bold'; src: url("../fonts/FilsonSoft-Bold.woff2") format("woff2"), url("../fonts/FilsonSoft-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Filson-Soft-Med'; src: url("../fonts/FilsonSoft-Medium.woff2") format("woff2"), url("../fonts/FilsonSoft-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
.color-main { color: #333; }

.color-ci { color: #000000; /*color: #244289;*/}

.color-ci-2 { color: #60b74a; }

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

.color-green { color: #16a824; fill: #16a824; }

.color-gray { color: #6d6e71; }

.font-xl, .header-title-page .title-page, .product-detail .product-t-detail h1, .product-detail .product-t-detail .product-price { font-size: 32px; }
@media (max-width: 991.98px) { .font-xl, .header-title-page .title-page, .product-detail .product-t-detail h1, .product-detail .product-t-detail .product-price { font-size: 25px; } }

.font-lg, .service-dental a, .profile-nav aside header h2, .box-profile h1, .flex-total .total-tb-price, .modal-profile h4 { font-size: 25px; }
@media (max-width: 991.98px) { .font-lg, .service-dental a, .profile-nav aside header h2, .box-profile h1, .flex-total .total-tb-price, .modal-profile h4 { font-size: 22px; } }

.font-md, .boxmenu .main-menu > li > a, .home-service h2, .box-expert .content-expert h3, .table-summary .flex-between, .box-sc-right .box-sc-title, .box-sc-right .sc-total li h2, .profile-nav aside ul > li a { font-size: 17px; }

.font-label, .btn-detail, .slide-cat-shop a, .product-cat h3, .sort-by label, .table-custom .title-cart, .box-sc-right .sc-total li h3, .tab-profile a, .table-main .title-cart, .header-back { font-size: 20px; }
@media (max-width: 1599.98px) { .font-label, .btn-detail, .slide-cat-shop a, .product-cat h3, .sort-by label, .table-custom .title-cart, .box-sc-right .sc-total li h3, .tab-profile a, .table-main .title-cart, .header-back { font-size: 18px; } }

.font-reg { font-family: "Filson-Pro-Reg", Prompt !important; font-weight: 400 !important; }

.font-med { font-family: "Filson-Pro-Med", Prompt; font-weight: 500; }

.font-bold { font-family: "Filson-Soft-Bold", Prompt; font-weight: 500; }

.home-product h2, .home-shop h2, .form-login h1, .product-cat h2, .product-tab .hp-title { font-size: 28px; font-family: "Filson-Soft-Med", Prompt; }
@media (max-width: 991.98px) { .home-product h2, .home-shop h2, .form-login h1, .product-cat h2, .product-tab .hp-title { font-size: 25px; } }
@media (max-width: 575.98px) { .home-product h2, .home-shop h2, .form-login h1, .product-cat h2, .product-tab .hp-title { font-size: 22px; } }

@media (max-width: 991.98px) { .mb-lg { margin-bottom: 20px; } }
@media (max-width: 767.98px) { .mb-md { margin-bottom: 20px; } }
@media (max-width: 575.98px) { .mb-sm { margin-bottom: 20px; } }
.btn-detail.btn-line, .btn-small.btn-line { background: none; border: 1px solid #4372ea; color: #4372ea !important; }

.btn-detail { padding: 10px 35px; font-family: "Filson-Soft-Med", Prompt; background: #4372ea; color: #fff !important; display: inline-block; border-radius: 35px; position: relative; }
.btn-gray.btn-detail { background: #898989; }
.btn-red.btn-detail { background: #f92a5f; }

.btn-small { font-family: "Filson-Soft-Med", Prompt; background: #4372ea; color: #fff; font-weight: 400; font-size: 1em; padding: 8px 25px 0; color: #fff; border-radius: 20px; display: inline-block; height: 38px; text-transform: uppercase; }
.btn-small i { position: relative; top: -3px; margin-right: 3px; }
.btn-small i img { width: 22px; }
.btn-small i.bi { top: 0; font-size: 1.2em; }
.btn-small.btn-red { background: #f92a5f; }
.btn-small:hover { color: #fff; }

button.btn-small { padding-top: 0; }

.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; }

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

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

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

p { margin: 0 0 15px; }

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

body { font-family: "Filson-Pro-Book", Prompt; font-size: 16px; line-height: 1.4; overflow-x: hidden; color: #333; height: 100%; background: #fff; font-weight: 300; }

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: 13px; }

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

.pad-50 { padding-top: 50px; padding-bottom: 50px; }
.pad-50.pt-80 { padding-top: 80px; }
.pad-50.bg-gray { background: #e8e5e3; }

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

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

.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: 30px; display: none; margin-right: 20px; }
@media (max-width: 1099.98px) { .wsanimated-arrow { display: block; } }
.wsanimated-arrow span, .wsanimated-arrow span:before, .wsanimated-arrow span:after { cursor: pointer; height: 3px; width: 25px; border-radius: 2px; background: #4372ea; position: absolute; display: block; content: ''; transition: all 500ms ease-in-out; }
.wsanimated-arrow span:before { top: -7px; width: 25px; }
.wsanimated-arrow span:after { bottom: -7px; }
@media (max-width: 767.98px) { .wsanimated-arrow { padding-left: 0; }
  .wsanimated-arrow:before { display: none; } }

.top-close { position: absolute; right: 20px; top: 20px; width: 30px; }

.boxmenu { padding: 50px 20px 20px; overflow: hidden; width: 80%; left: -80%; position: fixed; z-index: 10; background: #fff; height: 100%; transition: transform .25s ease; }
.boxmenu.active { transform: translate3d(100%, 0, 0); box-shadow: 0 0rem 0.8rem rgba(0, 0, 0, 0.15); }
.boxmenu a { color: #000; display: inline-block; }
.boxmenu .main-menu { opacity: 0; visibility: hidden; position: relative; top: -10px; max-height: calc(100vh - 10px); overflow-y: auto; transition: all 0.3s ease 0s; }
.boxmenu .main-menu > li { margin-bottom: 10px; position: relative; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.boxmenu .main-menu > li:last-child { border-bottom: 0; }
.boxmenu .main-menu > li > a { position: relative; color: #4372ea; display: block; width: 100%; }
.boxmenu .main-menu > li .button-sub { position: absolute; right: 0; top: 0; width: 25px; height: 25px; padding: 0 5px 4px; background-image: url(../images/plus.svg); background-size: 15px 15px; background-position: center center; background-repeat: no-repeat; color: #fff; cursor: pointer; }
.boxmenu .main-menu > li.active > a::before { width: 100%; }
.boxmenu .main-menu .border-top-menu { margin-top: 35px; padding-top: 35px; border-top: 1px dashed #ccc; }
.boxmenu .submenu { display: none; margin: 30px 0 30px 25px; }
.boxmenu .submenu li { margin-bottom: 15px; }
.boxmenu .submenu li:last-child { margin-bottom: 0; }
.boxmenu .submenu a { position: relative; }
.boxmenu .picmenu { position: absolute; width: 50%; height: 100vh; top: 0; right: 0; background-size: cover; }

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

.footer-mobile { background: #4372ea; position: fixed; bottom: 0; width: 100%; padding: 10px 0; z-index: 3; display: flex; }
.footer-mobile a { display: flex; flex-direction: column; flex-grow: 1; text-align: center; color: #fff; font-family: "Filson-Pro-Med", Prompt; font-size: .8em; width: 20%; }

.footer-p-detail { position: fixed; bottom: 0; width: 100%; z-index: 3; display: flex; background: #fff; }
.footer-p-detail a { height: 60px; display: flex; align-items: center; justify-content: center; flex-grow: 1; }
.footer-p-detail a.button-check { background: #f92a5f; font-family: "Filson-Pro-Med", Prompt; color: #fff; font-size: 1.2em; width: 55%; }
.footer-p-detail a.button-cart { background: #4372ea; }

.header { z-index: 9; width: 100%; color: #000; position: relative; transition: all 0.3s ease 0s; }
@media (max-width: 1099.98px) { .header { background: none; } }
@media (max-width: 991.98px) { .header { box-shadow: 0 0.25vw 0.25vw rgba(0, 0, 0, 0.08); position: fixed; width: 100%; background: #fff; top: 0; left: 0; } }
.header .container-fluid { display: flex; align-items: center; justify-content: space-between; padding: 10px 3% 65px 3%; }
@media (max-width: 1099.98px) { .header .container-fluid { padding: 15px; } }
@media (max-width: 991.98px) { .header .container-fluid { padding: 5px 15px; } }
.header .logo { width: 280px; flex-basis: 280px; display: block; margin-left: 50px; position: relative; top: 20px; }
@media (max-width: 1099.98px) { .header .logo { margin-left: 0; } }
@media (max-width: 991.98px) { .header .logo { width: 80px; flex-basis: 80px; top: 0; } }
.header .search-header { flex-grow: 1; margin: 0 30px; }
@media (max-width: 991.98px) { .header .search-header { display: none; position: fixed; margin: 0; background: #fff; top: 70px; left: 0; padding: 5px 15px; width: 100%; } }
.header .search-header .form-control { border-radius: 20px; height: 50px; border-color: #8d9090; font-size: 1.2rem; padding-left: 20px; padding-right: 20px; font-weight: 300; background: url(../images/search-icon.jpg) no-repeat center right 15px #fff; background-size: 45px 45px; }
@media (max-width: 991.98px) { .header .search-header .form-control { height: 40px; } }
.header .right-header { display: flex; margin-left: auto; }
.header .right-header a { position: relative; border-left: 1px solid #ccc; display: block; padding: 0 15px; }
@media (max-width: 991.98px) { .header .right-header a { padding: 0 7.5px; border-left: 0; } }
.header .right-header a:last-child { padding-right: 0; }
.header .right-header .numbag { position: absolute; background: #f92a5f; width: 23px; height: 23px; border-radius: 100%; color: #fff; display: flex; align-items: center; justify-content: center; right: 4px; top: -15px; font-size: 16px; }
@media (max-width: 991.98px) { .header .right-header .numbag { width: 20px; height: 20px; font-size: 13px; top: -10px; } }
.header .right-header img { width: 35px; }
.header .title-header { position: absolute; bottom: 20px; right: 10%; text-align: center; }
@media (max-width: 1099.98px) { .header .title-header { display: none; } }
.header .title-header h2 { font-family: "Filson-Soft-Bold", Prompt; color: #f92a5f; /*color: #f92a5f;*/ font-size: 37px; line-height: 1; }
.header .title-header h3 { font-family: "Filson-Soft-Med", Prompt; color: #6d6e71; }

.nav-menu { background: #fff; }
@media (max-width: 1099.98px) { .nav-menu { display: none; } }
.nav-menu .position-relative { padding: 15px 0; }
.nav-menu .container-full { position: static; }
.nav-menu .container-full > ul { display: flex; margin-bottom: 0; }
.nav-menu .container-full > ul > li { flex-grow: 1; border-right: 1px solid #c1c3c4; }
.nav-menu .container-full > ul > li:last-child { border-right: 0; }
.nav-menu .container-full > ul > li > a { text-align: center; display: block; font-family: "Filson-Soft-Med", Prompt; color: #6d6e71; padding: 7px 0; font-size: 18px; font-weight: 500; position: relative; display: block; }
.nav-menu .container-full > ul > li > a:hover { color: #4372ea; }
.nav-menu .container-full > ul > li > a.active { color: #4372ea; font-weight: 500; }
.nav-menu .container-full > ul > li > a::before { width: 100%; height: 3px; background-color: #4372ea; position: absolute; left: 0; bottom: -18px; content: ""; z-index: 3; display: none; }
.nav-menu .container-full > ul > li:hover a { color: #4372ea; }
.nav-menu .container-full > ul > li:hover a::before { display: block; }
.nav-menu .container-full > ul > li:hover .submenu { opacity: 1; visibility: visible; }
.nav-menu .container-full > ul > li.active a { font-weight: 500; }
.nav-menu .submenu { border-top: 3px solid #e8e8e8; position: absolute; width: 100%; background: #fff; left: 0; padding: 40px 0; top: 69px; visibility: hidden; opacity: 0; transition: all .5s ease; }
.nav-menu .submenu ul { padding-left: 50px; margin-bottom: 40px; }
.nav-menu .submenu ul:last-child { margin-bottom: 0; }
.nav-menu .submenu li { margin-bottom: 20px; }
.nav-menu .submenu li:last-child { margin-bottom: 0; }
.nav-menu .submenu h2 { font-size: 18px; font-family: "Filson-Pro-Med", Prompt; font-weight: 400; color: #4372ea; height: 40px; display: flex; align-items: center; padding-left: 50px; position: relative; margin-bottom: 20px; }
.nav-menu .submenu h2 .icon-sub { left: 0; top: 0; position: absolute; width: 40px; height: 40px; }
.nav-menu .submenu h2 .icon-sub img { max-width: 100%; }
.nav-menu .submenu a { color: #6d6e71; }
.nav-menu .submenu .not-title { margin-top: 20px; }

.header-shop .nav-menu { border-bottom: 1px solid #c1c3c4; }

.breadcrumb-main { margin-bottom: 20px; background: #f1f2f2; padding: 15px 25px; }
@media (max-width: 991.98px) { .breadcrumb-main { margin-top: 70px; } }
@media (max-width: 767.98px) { .breadcrumb-main { padding-left: 10px; padding-right: 10px; } }
.breadcrumb-main ol { margin-bottom: 0; }
.breadcrumb-main .active { font-weight: 500; color: #4372ea; font-family: "Filson-Pro-Med", Prompt; }
.breadcrumb-main .breadcrumb-item.active::before { font-family: bootstrap-icons !important; content: "\f285"; position: relative; top: 2px; }

.social-curve { padding: 0 0 20px; border-bottom: 1px solid #909fbe; position: relative; color: #fff; }
@media (max-width: 767.98px) { .social-curve { padding: 20px 0; background: #4372ea; /*background: #224289;*/} }
.social-curve:before { width: 100%; height: 550px; bottom: 0; background: url(../images/curve-footer.png) no-repeat bottom; background-size: cover; position: absolute; left: 0; content: ''; z-index: 0; }
.social-curve .container { position: relative; z-index: 1; }
.social-curve aside { text-align: right; font-family: "Filson-Pro-Reg", Prompt; font-size: 20px; }
.social-curve aside img { width: 250px; }
@media (max-width: 767.98px) { .social-curve aside img { width: 200px; } }

.footer { color: #fff; position: relative; background: #000000; padding: 50px 0 30px; }
.footer .line-footer { height: 48px; width: 100%; background: url(../images/line-footer.png); position: absolute; top: -28px; left: 0; z-index: 8; }
.footer h2 { margin-bottom: 20px; font-size: 20px; font-family: "Filson-Pro-Med", Prompt; font-weight: 500; text-transform: uppercase; }
@media (max-width: 767.98px) { .footer h2 { font-size: 18px; text-transform: capitalize; } }
.footer .contactmenu li { margin-bottom: 5px; }
.footer .contactmenu li i { font-size: 16px; margin-right: 5px; }
@media (max-width: 1599.98px) { .footer .container { max-width: 100%; padding-left: 25px; padding-right: 25px; } }
@media (max-width: 991.98px) { .footer [class*="col-lg"] { padding-bottom: 10px; margin-bottom: 10px; }
  .footer [class*="col-lg"]:first-child { border-bottom: 1px dotted #fff; }
  .footer [class*="col-lg"]:last-child { padding-bottom: 0; margin-bottom: 0; } }

.endfooter { padding: 30px 0 0; margin-top: 20px; color: #fff; font-size: 0.9em; text-align: center; border-top: 1px solid #909fbe; }
@media (max-width: 767.98px) { .endfooter { padding-bottom: 70px; } }

.message-m { width: 50px; height: 50px; border-radius: 100%; position: fixed; bottom: 75px; right: 15px; background: #f92a5f; z-index: 3; padding: 5px; display: none !important; }
.message-m img { width: 80%; }
@media (max-width: 575.98px) { .message-m { display: flex !important; } }

html.open-menu { overflow: hidden; }

.container-full { width: 100%; max-width: 1620px; padding-left: 20px; padding-right: 20px; }
@media (max-width: 1599.98px) { .container-full { max-width: 1320px; } }

.main.bg-gray { background: #e5e2e0; }

.flex-between, .title-list, .form-login .login-with, .profile-box .inner-pf-box header, .short-cart .header-short-c, .short-cart li .price-short-c { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }

.message-m, .flex-center, .home-product h2, .title-list a, .title-list a i, .home-shop h2, .product-detail .product-t-detail .rating-f .tog-active, .p-show-site [class*="col-"], .profile-nav aside ul > li a .icon-nav-pf, .order-status li, .order-status li .rd-status { display: flex; align-items: center; justify-content: center; }

.swiper-container { position: relative; }
.swiper-container .swiper-pagination-bullet { width: 12px; height: 12px; }

.header-title-page { display: flex; align-items: center; justify-content: space-between; }
.header-title-page .title-page { font-family: "Filson-Soft-Bold", Prompt; color: #4372ea; display: flex; align-items: center; margin-right: 15px; margin-bottom: 0; font-weight: 500; }
.header-title-page form { flex-grow: 1; max-width: 500px; }
.header-title-page .title-search { background: url(../images/icon-search.png) no-repeat center right 10px #fff; border-radius: 10px; padding-right: 50px; }
@media (max-width: 767.98px) { .header-title-page { flex-direction: column; align-items: flex-start; }
  .header-title-page form { max-width: 100%; width: 100%; }
  .header-title-page .title-page { margin-bottom: 15px; } }

.arrow { margin-bottom: 35px; }
.arrow .icon-svg { width: 25px; display: inline-block; }
@media (max-width: 991.98px) { .arrow .icon-svg { width: 25px; } }

@media (max-width: 991.98px) { .home-hero { padding-top: 25px; } }
.home-hero a { display: block; }
.home-hero .swiper-container { position: relative; }
.home-hero .swiper-container .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; }
.home-hero .hero-left { width: 65%; }
@media (max-width: 767.98px) { .home-hero .hero-left { width: 100%; margin-bottom: 15px; } }
.home-hero .hero-right { width: 35%; }
@media (max-width: 767.98px) { .home-hero .hero-right { width: 100%; } }
.home-hero .hero-right a:first-child { margin-bottom: 10px; }

.home-service a { display: block; }
.home-service figure { border-radius: 2rem; width: 125px; height: 125px; display: inline-block; }
.home-service figure img { width: 100%; }
.home-service figure.c1 { background: #ab1a2d; }
.home-service figure.c2 { background: #e1b6a5; }
.home-service figure.c3 { background: #82dade; }
.home-service figure.c4 { background: #597d95; }
.home-service figure.c5 { background: #de6a2e; }
.home-service figure.c6 { background: #4372ea; }
.home-service figure.c7 { background: #18355e; }
.home-service figure.c8 { background: #480e67; }
.home-service figure.c9 { background: #1a5632; }
.home-service h2 { color: #6d6e71; }
.home-service .swiper-pagination { position: relative; margin-top: 20px; }
.home-service .swiper-pagination .swiper-pagination-bullet { color: #4372ea; }

.home-product .hp-recom { background: #f1f2f2; }
.home-product .hp-recom h2 { color: #4372ea; }
.home-product h2 { color: #58595b; }
@media (max-width: 991.98px) { .home-product h2 { justify-content: flex-start; } }
.home-product h2 img { width: 30px; }
.home-product section.pad-30 { border-bottom: 1px solid #d3d4d6; }
.home-product section.pad-30.hp-hot-price { border-bottom: 0; }

.title-list { margin-bottom: 15px; }
.title-list a { font-family: "Filson-Pro-Reg", Prompt; color: #4372ea; }
.title-list a i { width: 25px; height: 25px; color: #fff; background: #4372ea; border-radius: 100%; margin-left: 10px; }
@media (max-width: 575.98px) { .title-list a i { width: 15px; height: 15px; margin-left: 6px; font-size: 12px; } }
@media (max-width: 1199.98px) { .title-list a { position: absolute; right: 0; top: 50%; margin-top: -11.5px; height: 23px; } }
.title-list.title-has-img { flex-wrap: nowrap; }
.title-list.title-has-img .img-title-mobile { width: 100%; max-width: 185px; }
@media (max-width: 575.98px) { .title-list.title-has-img .img-title-mobile { max-width: 165px; } }
@media (max-width: 991.98px) { .title-list { display: block; position: relative; padding-right: 85px; } }

.box-p-list figure { position: relative; }
.box-p-list figure .img-tp { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }
.box-p-list figure .tag-p-off { position: absolute; background: #f92a5f; font-family: "Filson-Soft-Bold", Prompt; font-size: 32px; color: #fff; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; padding: 7px 37px 10px 10px; line-height: 1; right: 0; top: 0; }
.box-p-list figure .tag-p-off:before { position: absolute; content: "%"; right: 13px; top: 10px; font-size: 23px; }
.box-p-list figure .tag-p-off:after { position: absolute; content: "OFF"; right: 10px; top: 30px; font-size: 15px; }
@media (max-width: 767.98px) { .box-p-list figure .tag-p-off { font-size: 30px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } }
.box-p-list figure .tag-exclu { font-family: "Filson-Soft-Bold", Prompt; color: #5b7e96; text-transform: uppercase; background: #fff; position: absolute; left: 0; bottom: 0; padding: 5px 10px; border-bottom: 2px solid #5b7e96; border-top-right-radius: 15px; }
.box-p-list figure .tag-point { font-family: "Filson-Soft-Bold", Prompt; color: #fff; text-transform: uppercase; background: #5b7e96; position: absolute; left: 0; bottom: 35.8px; padding: 5px 10px; border-bottom: 2px solid #5b7e96; border-top-right-radius: 20px; font-size: 28px; line-height: 1; }
.box-p-list .cut-text-2 { font-family: "Filson-Pro-Reg", Prompt; }
.box-p-list .rating { margin: 7px 0; }
.box-p-list .p-price .color-red { font-family: "Filson-Soft-Bold", Prompt; font-size: 25px; font-weight: 500; }

.rating i { color: #ffd232; font-size: 16px; }

.hp-hot-price { background: #e6e7e8; }
.hp-hot-price .wrap-list-4 { display: flex; }
@media (max-width: 991.98px) { .hp-hot-price .wrap-list-4 { display: block; } }
.hp-hot-price .wrap-list-4 .title-list-4 { flex-grow: 1; flex-basis: 20%; margin-right: 30px; }
@media (max-width: 1199.98px) { .hp-hot-price .wrap-list-4 .title-list-4 { max-width: 200px; } }
@media (max-width: 575.98px) { .hp-hot-price .wrap-list-4 .title-list-4 { max-width: 150px; } }
.hp-hot-price .wrap-list-4 .title-list-4 img { max-width: 100%; }
.hp-hot-price .wrap-list-4 .slide-list-4 { flex-grow: 1; flex-basis: 80%; }
@media (max-width: 991.98px) { .hp-hot-price .wrap-list-4 .slide-list-4 { flex-basis: auto; } }
.hp-hot-price h3 { display: flex; width: 100%; background: #f92a5f; color: #fff; height: calc(100% - 136px); margin-bottom: 0; align-items: center; justify-content: center; font-family: "Filson-Soft-Bold", Prompt; text-align: center; font-size: 60px; flex-direction: column; line-height: 1; min-height: 220px; border-radius: 20px; text-transform: uppercase; }
@media (max-width: 991.98px) { .hp-hot-price h3 { font-size: 30px; min-height: auto; flex-direction: row; padding: 15px; margin-bottom: 15px; } }
.hp-hot-price h3.h-cc { font-size: 50px; height: calc(100% - 65px); flex-direction: column; }
@media (max-width: 991.98px) { .hp-hot-price h3.h-cc { font-size: 30px; }
  .hp-hot-price h3.h-cc span { display: block; } }
.hp-hot-price h3 span { font-size: 0.7em; }
.hp-hot-price h3 span.small-1 { font-size: 0.6em; }
.hp-hot-price h3 img { margin-right: 30px; margin-top: 10px; width: 60px; }
@media (max-width: 991.98px) { .hp-hot-price h3 img { width: 50px; margin: 0 0 0 15px; } }
.hp-hot-price.bg-best-s { background: #f1f2f2; }
.hp-hot-price.bg-best-s h3 { background: #4372ea; }

.slide-expert { padding: 10px 40px 20px; }
@media (max-width: 991.98px) { .slide-expert { padding-left: 0; padding-right: 0; } }

.box-expert { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
.box-expert .content-expert { background: #fff; padding: 15px; }
.box-expert .content-expert a { color: #4372ea; font-family: "Filson-Soft-Med", Prompt; }

.health-cc .swiper-slide { text-align: center; }
.health-cc .box-hcc { background: #fff; padding: 20px 10px; font-family: "Filson-Soft-Bold", Prompt; color: #4372ea; line-height: 1; font-size: 22px; border-radius: 20px; margin-bottom: 20px; }
.health-cc .btn-detail { font-size: 16px; }

.home-shop { background: #e6e7e8; padding-top: 0; padding-left: 40px; padding-right: 40px; }
@media (max-width: 991.98px) { .home-shop { padding-left: 0; padding-right: 0; } }
.home-shop header { display: flex; justify-content: center; }
.home-shop h2 { font-size: 25px; text-transform: uppercase; color: #fff; background: #4372ea; padding: 5px 35px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; }
.home-shop h2 i { margin-right: 10px; }
.home-shop a { display: inline-block; border-radius: 100%; background: #fff; overflow: hidden; width: 160px; height: 160px; }
.home-shop .slide-shop { padding: 0 40px; text-align: center; margin-top: 25px; }
@media (max-width: 991.98px) { .home-shop .slide-shop { padding-left: 0; padding-right: 0; } }

.slide-arrow .navigation { background: #fff; width: 30px; height: 30px; border-radius: 100%; padding: 5px; box-shadow: 0px 0px 7px 0px rgba(163, 163, 163, 0.6); }
.slide-arrow .navigation:after { font-size: 18px; color: #000; }
@media (max-width: 991.98px) { .slide-arrow .navigation { box-shadow: none; border: 1px solid #ccc; width: 28px; height: 28px; }
  .slide-arrow .navigation:after { font-size: 16px; } }
.slide-arrow .swiper-button-disabled { display: none; }
@media (max-width: 991.98px) { .slide-arrow .swiper-button-next { right: 0; }
  .slide-arrow .swiper-button-prev { left: 0; } }

.home-product .swiper-pagination { position: relative; margin-top: 20px; bottom: auto; }
.home-product .swiper-button-disabled { opacity: 0; visibility: hidden; }
@media (max-width: 1199.98px) { .home-product .swiper-button-disabled { opacity: 1; visibility: visible; } }

.end-bottom { padding-bottom: 150px; }
@media (max-width: 1199.98px) { .end-bottom { padding-bottom: 100px; } }
@media (max-width: 767.98px) { .end-bottom { padding-bottom: 50px; } }

.container, .container-fluid { position: relative; z-index: 2; }

.font-title { font-family: "Filson-Pro-Bold", Prompt; font-size: 1.1em; font-weight: 500; }

.hero-shop { margin-bottom: 30px; }

.slide-coupon { position: static; }
.slide-coupon .swiper-slide { width: 385px; }
@media (max-width: 767.98px) { .slide-coupon .swiper-slide { width: 350px; } }
@media (max-width: 575.98px) { .slide-coupon .swiper-slide { width: 300px; } }
.slide-coupon:before { width: 50px; height: 100%; content: ""; background: #fff; right: 0; top: 0; display: block; position: absolute; z-index: 3; }
.slide-coupon .swiper-button-prev { left: -15px; }
.slide-coupon .swiper-button-next { right: -15px; }

.slide-cat-shop .swiper-slide { width: auto; }
.slide-cat-shop a { border: 1px solid #d3d3d3; padding: 10px 20px; border-radius: .5em; background: #fff; font-family: "Filson-Pro-Med", Prompt; color: #6d6e71; display: block; text-align: center; }
.slide-cat-shop a.active { color: #4372ea; font-family: "Filson-Soft-Bold", Prompt; }
.slide-cat-shop .swiper-button-disabled { display: none; }

.form-login { display: flex; align-items: center; justify-content: center; }
.form-login .wrap-form-login { padding: 50px 80px 50px; }
@media (max-width: 575.98px) { .form-login .wrap-form-login { padding: 50px 20px 50px; } }
.form-login h1 { font-family: "Filson-Soft-Bold", Prompt; text-transform: uppercase; font-weight: 500; color: #4372ea; text-align: center; padding: 15px; border-bottom: 1px solid #d0d0d0; }
.form-login form { max-width: 650px; width: 100%; background: #fff; background: #fff; box-shadow: 0 0rem 0.8rem rgba(0, 0, 0, 0.15); border-radius: 10px; overflow: hidden; }
.form-login form .form-control { box-shadow: none; background-color: #f5f6f8; height: 45px; border-radius: 5px; transition: all 0.3s ease 0s; }
.form-login form .form-control::placeholder { opacity: 1; color: #9e9e9e; }
.form-login form .btn-detail { display: block; color: #fff; }
.form-login .form-group { margin-bottom: 30px; }
.form-login .login-or { position: relative; color: #9e9e9e; }
.form-login .login-or span { display: inline-block; background: #fff; padding: 7px; z-index: 2; position: relative; }
.form-login .login-or:before { height: 1px; position: absolute; width: 100%; top: 50%; content: ""; background: #d0d0d0; left: 0; z-index: 1; }
.form-login .login-with .btn-fb { background: #006dfc; flex-grow: 1; margin: 0 5px; }
.form-login .login-with .btn-gg { background: #dd4b39; flex-grow: 1; margin: 0 5px; }
.form-login .login-with .btn-lineadd { background: #0cb801; flex-grow: 1; margin: 0 5px; }
@media (max-width: 767.98px) { .form-login .login-with { display: block; }
  .form-login .login-with .btn-fb, .form-login .login-with .btn-gg, .form-login .login-with .btn-lineadd { margin-bottom: 10px; width: 100%; } }

.help-block { color: #f92a5f; position: absolute; bottom: -15px; left: 0px; font-size: .8em; }
.help-block ul { margin-bottom: 0; }

.thank-you { max-width: 900px; margin: 0 auto; }

.table-summary .flex-between { padding: 10px 20px; }

.article-detail header { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cbcbcb; }
.article-detail .bi { font-size: 1.6em; }
.article-detail .bi-facebook { color: #1877f2; }
.article-detail .bi-twitter { color: #55acee; }

.text-justify { text-align: justify; text-justify: inter-word; }

.profile-box-address .profile-box-list .btn-small { width: 175px; padding-left: 0; padding-right: 0; text-align: center; }
.profile-box-address .flex-end { display: flex; align-items: center; justify-content: flex-end; }
@media (max-width: 991.98px) { .profile-box-address .flex-end { justify-content: flex-start; } }

.not-responsive { min-width: 0 !important; }

.show-mobile { display: none; }

@media (max-width: 991.98px) { .hide-mobile { display: none; }
  .show-mobile { display: block; } }
@media (max-width: 575.98px) { .btn-2-flex { display: block; }
  .btn-2-flex a { width: 100%; text-align: center; margin-top: 10px; } }

.view_detail { display: block ruby; }
@media (max-width: 991.98px) { .view_detail { display: inline-block; } }

@media (max-width: 767.98px) { .slide-service { position: static; } }
@media (max-width: 991.98px) { .slide-service .swiper-button-next { right: 5px; }
  .slide-service .swiper-button-prev { left: 5px; } }

.form-select { border-radius: 15px; color: #4372ea; }

.product-cat { background: #e7e6e6; color: #4372ea; padding: 20px 0; border-bottom-right-radius: 20px; }
@media (max-width: 991.98px) { .product-cat { display: none; } }
.product-cat h2 { display: flex; align-items: center; font-family: "Filson-Soft-Bold", Prompt; padding: 15px 25px; border-bottom: 1px solid #b4b3b3; }
.product-cat h2 img { width: 20px; margin-right: 5px; }
.product-cat .p-cat-list { margin-bottom: 0; padding: 15px 0; }
.product-cat .p-cat-list li { margin-bottom: 10px; padding: 0 25px; }
.product-cat .p-cat-list li:last-child { margin-bottom: 0; }
.product-cat .p-cat-list li .custom-control-label { display: block; cursor: pointer; position: relative; }
.product-cat .p-cat-ac { display: none; }
.product-cat h3 { padding: 10px 25px; margin-bottom: 0; cursor: pointer; font-family: "Filson-Pro-Bold", Prompt; }
.product-cat .p-price-range { display: flex; align-items: center; padding: 10px 25px; }
.product-cat .p-price-range span { margin: 0 5px; }
.product-cat .p-tag-filter { padding: 10px 25px; }
.product-cat .p-tag-filter button { display: inline-block; background: #fff; border-radius: 15px; color: #6d6e71; padding: 5px 15px; margin: 5px; transition: all 0.3s ease 0s; }
.product-cat .p-tag-filter button.active { background: #4372ea; color: #fff; }
.product-cat.product-cat-mobile { overflow: hidden; width: 80%; position: fixed; left: -80%; display: none; z-index: 10; background: #fff; height: 100%; transition: transform .25s ease; top: 0; border-radius: 0; overflow: auto; background: #f5f5f5; }
@media (max-width: 991.98px) { .product-cat.product-cat-mobile { display: block; } }
.product-cat.product-cat-mobile.active { transform: translate3d(100%, 0, 0); box-shadow: 0 0rem 0.8rem rgba(0, 0, 0, 0.15); }

.product-inner-list .product-inner-padding { background: #efedea; padding: 20px; padding-bottom: -20px; }
.product-inner-list li { margin-bottom: 30px; }

.sort-by { display: flex; align-items: center; padding: 25px 0; }
.sort-by label { font-family: "Filson-Pro-Bold", Prompt; color: #4372ea; margin-right: 15px; }
.sort-by select { max-width: 220px; }
@media (max-width: 991.98px) { .sort-by.sort-by-cat { justify-content: space-between; }
  .sort-by.sort-by-cat label { margin-left: auto; }
  .sort-by.sort-by-cat select { max-width: 120px; } }

.service-dental a { background: #f5f5f5; border-radius: 20px; display: block; padding: 20px; color: #4372ea; font-family: "Filson-Soft-Med", Prompt; text-align: center; }
@media (max-width: 991.98px) { .service-dental a { font-size: 19px; } }

.bootstrap-touchspin { max-width: 150px; background: #efefef; border-radius: 20px; overflow: hidden; }
.bootstrap-touchspin .form-control { border: 0; text-align: center; font-size: 20px; font-family: "Filson-Soft-Med", Prompt; background: #efefef; height: 45px; }
.bootstrap-touchspin .btn-primary { background: #4372ea; padding: 0; width: 44px; height: 44px; font-size: 25px; font-family: "Filson-Soft-Bold", Prompt; border: 0; border-radius: 0; }

.cart-small .form-control { height: 35px; }
.cart-small .btn-primary { width: 30px; height: 30px; font-size: 20px; line-height: 1; }

.lSSlideOuter .lSPager.lSGallery a { opacity: 0.6; display: block; padding: 3px; }
.lSSlideOuter .lSPager.lSGallery a img { width: 100%; }
.lSSlideOuter .lSPager.lSGallery li.active { border-radius: 0; }
.lSSlideOuter .lSPager.lSGallery li.active a { opacity: 1; }

.product-detail { margin-bottom: 40px; }
.product-detail .product-img { padding-right: 0; }
.product-detail .product-img .productslide-d .img-rd { display: block; border-bottom-right-radius: 3em; overflow: hidden; }
.product-detail .product-img .lSPager.lSGallery a { border-radius: 1.3em; display: block; overflow: hidden; }
.product-detail .product-t-detail { padding: 30px 5% 0; }
.product-detail .product-t-detail h1 { font-family: "Filson-Soft-Bold", Prompt; color: #4372ea; }
.product-detail .product-t-detail label { color: #000000; font-family: "Filson-Pro-Reg", Prompt; font-weight: 400; margin-right: 15px; }
@media (max-width: 991.98px) { .product-detail .product-t-detail label { flex-basis: 100%; } }
.product-detail .product-t-detail .rating-f { display: flex; justify-content: space-between; }
.product-detail .product-t-detail .rating-f .rating-l { display: flex; flex-wrap: wrap; }
.product-detail .product-t-detail .rating-f .rating-l .rating { margin: 0 10px; }
.product-detail .product-t-detail .rating-f .tog-active { color: #4372ea; }
.product-detail .product-t-detail .rating-f .tog-active i { font-size: 25px; margin-right: 10px; background-color: #565656; color: transparent; text-shadow: 0px 0px 5px #eff6fc; background-clip: text; -webkit-background-clip: text; }
.product-detail .product-t-detail .rating-f .tog-active.active i { color: #f92a5f; }
.product-detail .product-t-detail .product-price { font-family: "Filson-Soft-Bold", Prompt; color: #f92a5f; background: #eff6fc; padding: 15px; border-radius: 10px; font-weight: 400; margin: 15px 0; }
.product-detail .product-t-detail .product-select { display: flex; align-items: center; margin-bottom: 15px; flex-wrap: wrap; }
.product-detail .product-t-detail .product-select.p-pm button { background: #d82027; color: #fff; font-family: "Filson-Soft-Bold", Prompt; padding: 5px 15px; margin-right: 10px; position: relative; }
.product-detail .product-t-detail .product-select.p-pm button small { font-family: "Filson-Pro-Book", Prompt; }
.product-detail .product-t-detail .product-select.p-pm button:before { position: absolute; width: 22px; height: 22px; background: #fff; content: ""; right: -15px; top: 50%; margin-top: -11px; border-radius: 100%; }
.product-detail .product-t-detail .product-select.p-vm button { display: inline-block; background: #efefef; border-radius: 15px; color: #808080; padding: 5px 15px; margin: 5px; transition: all 0.3s ease 0s; }
.product-detail .product-t-detail .product-select.p-vm button.active { color: #fff; background: #4372ea; }
.product-detail .product-t-detail .product-select.p-hp select { flex-basis: 320px; }
.product-detail .product-t-detail .select-hp { display: flex; }
.product-detail .product-t-detail .select-hp select { flex-basis: 320px; }
.product-detail .product-t-detail .btn-detail i { position: relative; top: -5px; }
@media (max-width: 575.98px) { .product-detail .product-t-detail .btn-detail { display: block; width: 100%; text-align: center; height: 45px; margin-bottom: 7px; } }
.product-detail .group-spin-bag { margin-bottom: 30px; display: flex; align-items: center; }
.product-detail .group-spin-bag .btn-detail { margin-left: 15px; }
@media (max-width: 991.98px) { .product-detail .group-spin-bag label { flex-basis: auto !important; } }
.product-detail .lightSlider li { max-height: 100%; }

.product-tab { background: #f5f5f5; }
.product-tab section { padding: 30px; background: #fff; border-radius: 20px; margin-bottom: 30px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
@media (max-width: 991.98px) { .product-tab section { padding-left: 15px; padding-right: 15px; } }
.product-tab .hp-title { color: #4372ea; font-family: "Filson-Pro-Med", Prompt; }
.product-tab .product-tab-bt a { float: left; width: 33.33333%; display: block; text-align: center; padding: 15px; border-bottom: 5px solid #ececec; font-weight: 500; font-size: 1.2em; }
.product-tab .product-tab-bt a.active { background: #fff; color: #4372ea; font-family: "Filson-Soft-Bold", Prompt; border-color: #4372ea; font-size: 1.2em; }
@media (max-width: 575.98px) { .product-tab .product-tab-bt a { float: none; width: 100%; border-bottom: 1px solid #ccc; } }
.product-tab .product-tab-dt { padding: 30px; display: none; }
@media (max-width: 991.98px) { .product-tab .product-tab-dt { padding-left: 15px; padding-right: 15px; } }
.product-tab .product-tab-dt ul { list-style: disc; margin-left: 20px; }
.product-tab .p-review > header { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 25px; }
.product-tab .p-review > header h2 { font-family: "Filson-Soft-Bold", Prompt; color: #4372ea; margin-bottom: 0; }
.product-tab .p-review .p-review-list li { background: #f5f5f5; padding: 20px 20px 20px 130px; position: relative; margin-bottom: 20px; }
@media (max-width: 767.98px) { .product-tab .p-review .p-review-list li { padding-left: 70px; } }
.product-tab .p-review .p-review-list li:last-child { margin-bottom: 0; }
.product-tab .p-review .p-review-list li header { display: flex; justify-content: space-between; }
@media (max-width: 767.98px) { .product-tab .p-review .p-review-list li header { display: block; } }
.product-tab .p-review .p-review-list li header .font-bold { font-family: "Filson-Soft-Bold", Prompt; margin-bottom: 0; color: #4372ea; }
.product-tab .p-review .p-review-list li .p-review-img { position: absolute; left: 20px; top: 20px; border-radius: 100%; }
@media (max-width: 767.98px) { .product-tab .p-review .p-review-list li .p-review-img { left: 10px; } }
.product-tab .p-review .p-review-list li .p-review-img img { border-radius: 100%; }
@media (max-width: 767.98px) { .product-tab .p-review .p-review-list li .p-review-img img { width: 50px; } }
.product-tab .p-review .p-review-list li .p-review-dt { font-size: 0.9em; color: #6d6e71; }
.product-tab .p-review .p-review-list li .p-review-text { padding: 15px; background: #fff; border-radius: 5px; border: 1px solid #d0d0d0; margin-top: 15px; }

.p-show-site.bg-show-shop { background: #fcfcfc; }
.p-show-site [class*="col-"].p-show-brand { justify-content: flex-start; }
@media (max-width: 575.98px) { .p-show-site [class*="col-"].p-show-brand { display: block; }
  .p-show-site [class*="col-"].p-show-brand .p-site-new { margin-top: 20px; text-align: center; } }
.p-show-site [class*="col-"]:not(.p-show-brand) { flex-direction: column; align-items: flex-start; }
.p-show-site h3 { color: #4372ea; font-family: "Filson-Soft-Bold", Prompt; text-transform: uppercase; margin-bottom: 0px; font-size: 25px; }
@media (max-width: 1599.98px) { .p-show-site h3 { font-size: 22px; } }
.p-show-site .p-site-logo { flex-basis: 100px; margin-right: 15px; margin-bottom: 0; }
@media (max-width: 1299.98px) { .p-show-site .p-site-logo { flex-basis: 90px; } }
@media (max-width: 575.98px) { .p-show-site .p-site-logo { text-align: center; } }
.p-show-site .p-site-logo img { border-radius: 100%; }
@media (max-width: 575.98px) { .p-show-site .p-site-logo img { max-width: 120px; } }
@media (max-width: 767.98px) { .p-show-site .mt-md-2 { margin-top: 8px; } }

.home-product.relate-product h2.color-ci { color: #4372ea !important; }

.shop-justify { justify-content: flex-start !important; }

@media (max-width: 575.98px) { .slide-shop a { display: block; width: auto; height: auto; } }

#productslide { height: auto !important; }

.shoping-cart { background: #f5f5f5; }

.table-custom { text-align: center; font-family: "Filson-Pro-Reg", Prompt; font-weight: 400; min-width: 700px; }
.table-custom thead { border-radius: 10px; overflow: hidden; }
.table-custom thead tr th { font-weight: normal; color: #4372ea; vertical-align: middle; }
.table-custom tbody:not(.spacer), .table-custom thead { box-shadow: 0 0rem 0.8rem rgba(0, 0, 0, 0.15); border-radius: 10px; overflow: hidden; }
.table-custom tbody:not(.spacer) tr, .table-custom thead tr { border-radius: 10px; overflow: hidden; }
.table-custom tbody:not(.spacer) tr td, .table-custom thead tr td { vertical-align: middle; }
@media (max-width: 991.98px) { .table-custom tbody:not(.spacer) tr td, .table-custom thead tr td { vertical-align: top; } }
.table-custom tbody:not(.spacer) tr td, .table-custom tbody:not(.spacer) tr th, .table-custom thead tr td, .table-custom thead tr th { background: #fff; border-bottom: 1px solid #e0e0e0; padding: 15px; }
@media (max-width: 767.98px) { .table-custom tbody:not(.spacer) tr td, .table-custom tbody:not(.spacer) tr th, .table-custom thead tr td, .table-custom thead tr th { padding: 15px 7px; } }
.table-custom tbody:not(.spacer) tr:first-child td:first-child, .table-custom tbody:not(.spacer) tr:first-child th:first-child, .table-custom thead tr:first-child td:first-child, .table-custom thead tr:first-child th:first-child { border-top-left-radius: 10px; }
.table-custom tbody:not(.spacer) tr:first-child td:last-child, .table-custom tbody:not(.spacer) tr:first-child th:last-child, .table-custom thead tr:first-child td:last-child, .table-custom thead tr:first-child th:last-child { border-top-right-radius: 10px; }
.table-custom tbody:not(.spacer) tr:last-child td, .table-custom tbody:not(.spacer) tr:last-child th, .table-custom thead tr:last-child td, .table-custom thead tr:last-child th { border-bottom: 0; }
.table-custom tbody:not(.spacer) tr:last-child td:first-child, .table-custom tbody:not(.spacer) tr:last-child th:first-child, .table-custom thead tr:last-child td:first-child, .table-custom thead tr:last-child th:first-child { border-bottom-left-radius: 10px; }
.table-custom tbody:not(.spacer) tr:last-child td:last-child, .table-custom tbody:not(.spacer) tr:last-child th:last-child, .table-custom thead tr:last-child td:last-child, .table-custom thead tr:last-child th:last-child { border-bottom-right-radius: 10px; }
.table-custom tbody:not(.spacer) tr.spacer th, .table-custom tbody:not(.spacer) tr.spacer td, .table-custom thead tr.spacer th, .table-custom thead tr.spacer td { padding: 15px 0; }
.table-custom .spacer tr td { padding: 15px 0; }
.table-custom .title-cart { font-family: "Filson-Pro-Bold", Prompt; margin-bottom: 0; margin-right: 15px; color: #4372ea; }

.net-volume { display: flex; align-items: center; }
.net-volume label { margin-right: 15px; }
.net-volume .form-select { flex-basis: 120px; background-color: #efefef; height: 35px; }

.btn-remove { background: #f5f5f5; width: 40px; height: 40px; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.btn-remove i { font-size: 1.1em; }

.img-product { border-radius: 5px; display: block; width: 90px; overflow: hidden; }
@media (max-width: 575.98px) { .img-product { width: 75px; } }

.box-sc-right, .profile-box .inner-pf-box, .container-profile .box-profile { background: #fff; box-shadow: 0 0rem 0.8rem rgba(0, 0, 0, 0.15); border-radius: 10px; overflow: hidden; }

.box-sc-right .box-sc-title { font-family: "Filson-Soft-Bold", Prompt; font-weight: 500; color: #4372ea; background: #e8ecf3; text-transform: uppercase; padding: 10px 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.box-sc-right .notice-sc { background: #f6e8ea; padding: 15px; text-align: right; }
.box-sc-right .sc-coupon { padding: 15px; font-weight: 400; font-family: "Filson-Pro-Reg", Prompt; display: block; text-align: center; border-bottom: 1px solid #ccc; }
.box-sc-right .sc-total { padding: 15px 20px; border-bottom: 1px solid #ccc; margin-bottom: 0; }
.box-sc-right .sc-total li { display: flex; justify-content: space-between; }
.box-sc-right .sc-total li h2 { font-family: "Filson-Pro-Med", Prompt; font-weight: 400; color: #000; }
.box-sc-right .sc-total li h3 { font-weight: 400; font-family: "Filson-Pro-Reg", Prompt; }
.box-sc-right .sc-total li.sc-total-f { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; }
.box-sc-right .sc-total.sc-sum li:not(:last-child) { border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 15px; }
.box-sc-right .btn-next { padding: 15px; }
.box-sc-right .btn-next .btn-detail { width: 100%; text-align: center; }

.profile-box .font-title { margin-bottom: 20px; text-transform: uppercase; }
.profile-box section { background: #ebebeb; padding: 25px 35px; border-radius: 20px; margin-bottom: 25px; }
@media (max-width: 575.98px) { .profile-box section { padding-left: 15px; padding-right: 15px; } }
.profile-box section.ci-bg-top { background: url(../images/bg-address-box.jpg) repeat-x top left #ebebeb; padding-top: 30px; }
.profile-box .profile-box-list li { margin-bottom: 15px; }
.profile-box .profile-box-list li:last-child { margin-bottom: 0; }
.profile-box .profile-box-list li .check-payment { font-family: "Filson-Pro-Med", Prompt; font-weight: 400; }
.profile-box .inner-pf-box header { padding: 15px 20px; border-bottom: 1px solid #ccc; }
.profile-box .inner-pf-box header h3 { font-family: "Filson-Pro-Med", Prompt; font-weight: 400; font-size: 1.1em; margin-bottom: 0; }
.profile-box .inner-pf-box .flex-pf { display: flex; padding: 20px; }
@media (max-width: 575.98px) { .profile-box .inner-pf-box .flex-pf { display: block; } }
.profile-box .inner-pf-box .flex-pf h4 { font-family: "Filson-Pro-Med", Prompt; font-weight: 400; font-size: 1.1em; margin-bottom: 0; flex-basis: 280px; }
@media (max-width: 575.98px) { .profile-box .inner-pf-box .flex-pf h4 { margin-bottom: 15px; } }
.profile-box .notice-pf-box { font-size: 0.9em; background: #e2e2e2; padding: 10px 20px; border-radius: 15px; color: #6d6e71; margin-top: 15px; }

.short-cart { padding: 0 20px 0; }
.short-cart .header-short-c { margin-bottom: 10px; padding: 10px 0 10px; border-bottom: 1px solid #ccc; }
.short-cart .header-short-c h3 { margin-bottom: 0; }
.short-cart li { display: flex; align-items: center; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
.short-cart li .img-product { flex-grow: 1; width: 25%; display: block; }
.short-cart li .detail-short-c { flex-grow: 1; width: 75%; font-family: "Filson-Pro-Reg", Prompt; padding-left: 15px; }
.short-cart li .price-short-c .inner-psc { font-size: 1.1em; }

.form-select:disabled { background-image: none; padding: .375rem .75rem .375rem .75rem; text-align: center; }

.wrap-tb-product-m { position: relative; padding-right: 45px; }
.wrap-tb-product-m .btn-remove { position: absolute; right: 0; top: 0; }

@media (max-width: 767.98px) { .between-thank { display: block; }
  .between-thank .flex-center { display: block; }
  .between-thank .text-end { text-align: left !important; margin-top: 15px; } }

.profile-page { background: #f5f5f5; min-height: 750px; }
@media (max-width: 1199.98px) { .profile-page { min-height: auto; } }
.profile-page .col-xxl-2 { width: 20%; }
@media (max-width: 1599.98px) { .profile-page .col-xxl-2 { width: 23%; } }
@media (max-width: 1199.98px) { .profile-page .col-xxl-2 { width: 30%; } }
@media (max-width: 767.98px) { .profile-page .col-xxl-2 { width: 100%; } }
.profile-page .col-xxl-10 { width: 80%; }
@media (max-width: 1599.98px) { .profile-page .col-xxl-10 { width: 77%; } }
@media (max-width: 1199.98px) { .profile-page .col-xxl-10 { width: 70%; } }
@media (max-width: 767.98px) { .profile-page .col-xxl-10 { width: 100%; } }

.profile-nav { padding-left: 0; position: relative; }
@media (max-width: 767.98px) { .profile-nav { padding-right: 0; } }
.profile-nav:before { width: 50px; height: 50px; position: absolute; top: 0; background: #4372ea; content: ""; right: -38px; }
@media (max-width: 767.98px) { .profile-nav:before { display: none; } }
.profile-nav:after { width: 50px; height: 50px; position: absolute; top: 0; content: ""; right: -38px; background: #f5f5f5; border-top-left-radius: 30px; }
@media (max-width: 767.98px) { .profile-nav:after { display: none; } }
.profile-nav aside { background: #4372ea; color: #fff; padding: 30px 20px; border-bottom-right-radius: 15px; position: relative; }
.profile-nav aside:before { width: 100%; height: 50px; position: absolute; bottom: -50px; background: #4372ea; content: ""; left: 0; z-index: 0; }
.profile-nav aside:after { width: 100%; height: 50px; position: absolute; bottom: -50px; content: ""; left: 0; background: #f5f5f5; border-top-left-radius: 30px; z-index: 1; }
.profile-nav aside header { display: flex; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #fff; }
.profile-nav aside header .img-nav-pf { width: 50px; height: 50px; background: #fff; padding: 7px; border-radius: 100%; margin-right: 15px; }
.profile-nav aside header .icon-svg { fill: #4372ea; }
.profile-nav aside header h2 { font-family: "Filson-Soft-Bold", Prompt; font-weight: 500; margin-bottom: 0; }
.profile-nav aside ul { padding-left: 20px; }
.profile-nav aside ul > li { margin-bottom: 15px; }
.profile-nav aside ul > li a { display: flex; align-items: center; }
.profile-nav aside ul > li a .icon-nav-pf { width: 27px; height: 27px; border-radius: 100%; border: 1px solid #fff; margin-right: 15px; padding: 5px; }
.profile-nav aside ul > li a .icon-nav-pf .icon-svg { fill: #fff; }
.profile-nav aside ul > li a.active { font-family: "Filson-Soft-Bold", Prompt; font-weight: 500; }
.profile-nav aside ul > li a.active .icon-nav-pf { background: #fff; }
.profile-nav aside ul > li a.active .icon-nav-pf .icon-svg { fill: #4372ea; }
.profile-nav aside ul > li .nav-profile-sub { padding: 10px 0 10px 40px; font-size: 1em; }
.profile-nav aside ul > li .nav-profile-sub a { margin-bottom: 5px; display: block; position: relative; padding-left: 20px; }
.profile-nav aside ul > li .nav-profile-sub a.active { font-family: "Filson-Pro-Med", Prompt; }
.profile-nav aside ul > li .nav-profile-sub a.active:before { content: "\f231"; font-family: bootstrap-icons; position: absolute; left: 0; }

.container-profile { width: 100%; max-width: 1300px; margin: 0 auto; padding: 50px 30px; }
.container-profile.cp-sm { max-width: 900px; }
@media (max-width: 767.98px) { .container-profile { padding-left: 15px; padding-right: 15px; } }
@media (max-width: 575.98px) { .container-profile { padding-left: 5px; padding-right: 5px; } }

.box-profile header { padding: 20px 25px; border-bottom: 1px solid #ccc; }
.box-profile h1 { color: #4372ea; font-family: "Filson-Pro-Bold", Prompt; text-transform: uppercase; font-weight: 500; }
.box-profile .box-pf-pd { padding: 30px; }
@media (max-width: 767.98px) { .box-profile .box-pf-pd { padding-left: 15px; padding-right: 15px; } }
.box-profile .box-pf-pd-s { padding: 15px 30px; }
@media (max-width: 767.98px) { .box-profile .box-pf-pd-s { padding-left: 15px; padding-right: 15px; } }
.box-profile .form-group { margin-bottom: 25px; }
.box-profile .form-control, .box-profile .form-select { height: 50px; border-radius: 2em; background-color: #f5f5f5; padding-left: 15px; padding-right: 15px; }
.box-profile textarea.form-control { height: auto; }

.form-main .form-control, .form-main select { height: 50px; border-radius: 1.2em; background-color: #f5f5f5; padding-left: 15px; padding-right: 15px; }
.form-main textarea { height: auto; }
.form-main select { background-size: 20px 16px; }
.form-main .form-group { margin-bottom: 20px; }
.form-main.has-label .form-group { display: flex; align-items: center; }
.form-main.has-label .form-group label { flex-basis: 220px; }
.form-main.has-label .form-group .has-show-pass { flex-grow: 1; }
@media (max-width: 575.98px) { .form-main.has-label .form-group { display: block; }
  .form-main.has-label .form-group label { margin-bottom: 10px; } }

.has-show-pass { position: relative; }
.has-show-pass i { position: absolute; color: #6d6e71; font-size: 1.5em; right: 15px; top: 10px; cursor: pointer; }
.has-show-pass i.active { color: #4372ea; }

.profile-upload .flex-upload { text-align: center; }
.profile-upload .wrap-label-upload { max-width: 289px; display: inline-block; }
.profile-upload .wrap-label-upload .btn-red { width: 100%; text-align: center; text-transform: uppercase; }

.btn-default { width: 164px; color: #16a824; font-family: "Filson-Soft-Bold", Prompt; display: block; text-align: center; font-weight: 500; text-transform: uppercase; }

.modal-form { max-width: 700px; }
.modal-form .modal-content { padding: 25px; position: relative; }
.modal-form .modal-content .btn-close { background-color: #fff; opacity: 1; border-radius: 100%; position: absolute; right: -10px; top: -10px; padding: 10px; border: 1px solid #dcdcdc; }
.modal-form h2 { font-family: "Filson-Soft-Bold", Prompt; font-weight: 500; }

.tab-profile { display: flex; border-radius: 1em; overflow: hidden; border: 1px solid #4372ea; margin: 30px 0; }
.tab-profile a { flex-grow: 1; display: block; text-align: center; font-family: "Filson-Pro-Med", Prompt; font-weight: 400; color: #4372ea; padding: 10px 0; background: #fff; }
.tab-profile a.active { background: #4372ea; color: #fff; }
@media (max-width: 575.98px) { .tab-profile a { font-size: 0.9rem; } }

.tab-purchase { border-radius: 0.5em; overflow: hidden; background: #fff; box-shadow: 0px 0px 7px 0px rgba(163, 163, 163, 0.6); }
.tab-purchase a { display: block; text-align: center; padding: 15px 10px; border-bottom: 5px solid #f5f5f5; }
.tab-purchase a span { color: #4372ea; }
.tab-purchase a.active { font-family: "Filson-Pro-Med", Prompt; color: #4372ea; border-color: #4372ea; }
@media (max-width: 575.98px) { .tab-purchase .swiper-slide { width: auto; }
  .tab-purchase .swiper-slide a { padding-left: 20px; padding-right: 20px; } }

.table-main { font-family: "Filson-Pro-Reg", Prompt; font-weight: 400; min-width: 750px; }
.table-main .title-cart { font-family: "Filson-Pro-Bold", Prompt; margin-bottom: 0; margin-right: 15px; color: #4372ea; }
.table-main td { vertical-align: middle; padding: 15px; text-align: center; }
.table-main .bg-tfoot td { background: #f0f4fc; }
@media (max-width: 767.98px) { .table-main.not-responsive td { padding: 15px 15px; } }
@media (max-width: 767.98px) { .table-main.table-notice td { padding: 25px; } }
.table-main.tb-profile-custom .img-profile { width: 120px; }
@media (max-width: 767.98px) { .table-main.tb-profile-custom td { padding: 15px 7px; }
  .table-main.tb-profile-custom .img-profile { text-align: center; vertical-align: top; width: 95px; }
  .table-main.tb-profile-custom .img-profile .img-product { display: inline-block; }
  .table-main.tb-profile-custom .bg-tfoot td { padding-left: 15px; padding-right: 15px; } }

.flex-total { display: flex; align-items: center; justify-content: flex-end; }
.flex-total .total-qty { font-family: "Filson-Soft-Bold", Prompt; font-weight: 400; font-size: 1.1em; }
.flex-total .total-tb-price { flex-basis: 290px; text-align: right; font-weight: 400; font-family: "Filson-Pro-Med", Prompt; color: #f92a5f; }
@media (max-width: 767.98px) { .flex-total .total-tb-price { flex-basis: auto; margin-left: 25px; } }
.flex-total.total-item { margin-bottom: 5px; }
.flex-total.total-item:last-child { margin-bottom: 0; }
.flex-total.total-item .total-qty { font-family: "Filson-Pro-Book", Prompt; font-weight: 300; text-align: left; }
.flex-total.total-item .total-tb-price { font-family: "Filson-Pro-Book", Prompt; font-weight: 300; color: #333; font-size: 1em; }
.flex-total.total-item .font-reg { font-size: 1.1em; }

.order-status { display: flex; justify-content: center; padding: 20px 0 20px; width: 100%; margin: 0 auto; flex-wrap: wrap; }
.order-status.flex-beetween { justify-content: space-between; }
.order-status li { flex-direction: column; position: relative; justify-content: flex-start; width: 16.6667%; }
@media (max-width: 1199.98px) { .order-status li { width: 50%; margin-top: 30px; } }
.order-status li:before { height: 3px; background: #b7b7b7; content: ""; display: block; position: absolute; width: 100%; top: 21.5%; z-index: 1; right: 50%; }
.order-status li:first-child { padding-right: 0; }
.order-status li:first-child:before { display: none; }
@media (max-width: 1199.98px) { .order-status li:nth-child(3):before, .order-status li:nth-child(5):before { display: none; } }
.order-status li .rd-status { width: 65px; height: 65px; border-radius: 100%; border: 3px solid #b7b7b7; font-size: .9em; position: relative; z-index: 2; background: #fff; padding: 12px; }
.order-status li .rd-status svg { width: 100%; fill: #b7b7b7; }
.order-status li .rd-text-st { font-family: "Filson-Pro-Med", Prompt; height: 45px; margin: 7px 0; text-align: center; color: #b7b7b7; }
.order-status li .rd-text-dt { color: #808080; font-size: 0.9em; }
.order-status li.active .rd-status { border-color: #16a824; }
.order-status li.active .rd-status svg { fill: #16a824; }
.order-status li.active .rd-text-st { color: #16a824; }
.order-status li.active:before { background: #16a824; }
.order-status li.active.last-active .rd-status { background: #16a824; }
.order-status li.active.last-active .rd-status svg { fill: #fff; }
.order-status li.reject .rd-status { background: #f92a5f; }
.order-status.order-gray .rd-status { background: #f5f5f5 !important; }

.header-back .btn-small { font-size: 1rem; }

.bg-tfoot { background: #f0f4fc; border-top: 1px solid #d0d0d0; }
@media (max-width: 575.98px) { .bg-tfoot.box-pf-pd-s { display: block; }
  .bg-tfoot.box-pf-pd-s .btn-small { width: 100%; margin-bottom: 5px; text-align: center; } }

.bg-header-box { background: #f0f4fc; }

.fileupload { position: relative; width: 115px; height: 115px; }
.fileupload input { z-index: 2; width: 100%; margin: 0; overflow: hidden; opacity: 0; height: 100%; }
.fileupload .customFileLabel { position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; display: flex; align-items: center; justify-content: center; top: 0; background: #f0f4fc; color: #4372ea; flex-direction: column; border: 1px dotted #4372ea; }
.fileupload .customFileLabel i { font-size: 2.5rem; line-height: 1; }

.bd-bottom { border-bottom: 1px solid #d0d0d0; }

.qr-code { background: #fff; padding: 20px; display: inline-block; max-width: 100%; margin: 20px 0; }

@media (max-width: 1199.98px) { .hide-br-mobile br { display: none; } }
.pagination-lg .page-link { padding: 10px 20px; }

@media (max-width: 767.98px) { .flex-refund { display: block; text-align: left; }
  .flex-refund .btn-small { margin-top: 15px; width: 100%; text-align: center; } }

.slide-cat-2 a { padding: 15px; display: block; text-align: center; }
@media (max-width: 575.98px) { .slide-cat-2 a { padding: 10px; } }
.slide-cat-2 a figure { display: inline-block; }
.slide-cat-2 .swiper-button-disabled { opacity: 0; visibility: hidden; }

.slide-center .swiper-wrapper { justify-content: center; }
@media (max-width: 1099.98px) { .slide-center .swiper-wrapper { justify-content: flex-start; } }

.slide-center-home .swiper-wrapper { justify-content: center; }
@media (max-width: 1099.98px) { .slide-center-home .swiper-wrapper { justify-content: flex-start; } }

.modal-profile .modal-dialog { max-width: 550px; }
.modal-profile .modal-body { padding: 0; }
.modal-profile h4 { font-family: "Filson-Pro-Med", Prompt; text-align: center; }
.modal-profile .modal-content { padding: 25px; }
@media (max-width: 575.98px) { .modal-profile .modal-content { padding: 20px; } }
.modal-profile .btn-2-flex { text-align: center; margin-top: 25px; }
@media (max-width: 575.98px) { .modal-profile .btn-2-flex .btn-detail { width: 100%; text-align: center; margin-top: 10px; display: block; } }

.coupon_list_custom .link_disc { display: flex; width: 100%; background: #e8ecf3; color: #4372ea; min-height: 130px; position: relative; font-size: 13px; box-shadow: inset 0px 0px 0px 1px #d0d9e9; padding: 1px; overflow: hidden; }
.coupon_list_custom .link_disc:before { position: absolute; width: 28px; height: 28px; background: #fff; content: ""; right: -15px; top: 50%; margin-top: -14px; border-radius: 100%; box-shadow: inset 0px 0px 0px 1px #d0d9e9; }
.coupon_list_custom .link_disc-img { width: 25%; background: #fff; display: flex; align-items: center; justify-content: center; padding: 7px; }
.coupon_list_custom .link_disc-img img { width: 100%; }
@media (max-width: 575.98px) { .coupon_list_custom .link_disc-img { padding: 3px; width: 35%; } }
.coupon_list_custom .link_disc-detail { width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 0 5px 0 10px; }
@media (max-width: 575.98px) { .coupon_list_custom .link_disc-detail .font-label { font-size: 15px; } }
.coupon_list_custom .link_disc-button { width: 25%; display: flex; flex-direction: column; justify-content: space-between; font-family: "Filson-Soft-Med", Prompt; padding: 15px 10px 15px 5px; background: #e0edf9; }
.coupon_list_custom .link_disc-button .btn-s-code { padding: 7px 0; width: 100%; text-align: center; background: #4372ea; color: #fff; border-radius: 1.5em; font-size: 1.1em; }
.coupon_list_custom .link_disc-button .list { color: #ad172b; text-decoration: underline; font-size: 1.1em; }
.coupon_list_custom .link_disc-button.a-center { justify-content: center; padding-right: 15px; }
.coupon_list_custom .link_disc-button.a-center .btn-s-code { font-size: 1em; }
.coupon_list_custom .ld-tag { background: #ad172b; padding: 2px 5px; border-radius: 5px; color: #fff; display: inline-block; margin: 5px 0; }
.coupon_list_custom .list { font-family: "Filson-Soft-Med", Prompt; font-weight: 500; }
.coupon_list_custom .list-b { font-size: 1.2em; font-weight: 400; }
@media (max-width: 575.98px) { .coupon_list_custom .list-b { font-size: 1em; } }
.coupon_list_custom .code-complete { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 17px; font-weight: 400; color: #80a7ca; }
@media (max-width: 575.98px) { .coupon_list_custom .code-complete { font-size: 15px; } }
.coupon_list_custom .code-complete i { font-size: 1.5em; }

.modal-form.modal-coupon { max-width: 470px; }
.modal-form.modal-coupon .modal-content { border-radius: 1.5em; position: relative; padding-top: 30px; }
.modal-form.modal-coupon .modal-content:before { width: 100%; height: 22%; background: #4372ea; position: absolute; top: 0; left: 0; content: ""; border-top-left-radius: 1.5em; border-top-right-radius: 1.5em; }
@media (max-width: 575.98px) { .modal-form.modal-coupon .modal-content:before { height: 30%; } }
.modal-form.modal-coupon .modal-content .link_disc::before { background-color: #4372ea; }

.drop-coupon { width: 100%; max-width: 435px; padding: 20px; z-index: 15; max-height: 400px; overflow: auto; }
.drop-coupon li { margin-bottom: 15px; }
.drop-coupon li:last-child { margin-bottom: 0; }

.product-detail .product-t-detail .product-select.product-select-flex { flex-wrap: nowrap; align-items: flex-start; }
@media (max-width: 575.98px) { .product-detail .product-t-detail .product-select.product-select-flex { flex-wrap: wrap; } }
.product-detail .product-t-detail .product-select.product-select-flex label { flex-basis: 176px; padding-top: 10px; }
@media (max-width: 575.98px) { .product-detail .product-t-detail .product-select.product-select-flex label { margin-bottom: 20px; } }

.flex-button-discount { display: flex; flex-wrap: wrap; }

.modal-discount-cart .modal-form { max-width: 470px; }
.modal-discount-cart .modal-form .modal-content { padding: 0; }
.modal-discount-cart .modal-form .header-modal-discount { background: #e0edf9; padding: 20px; }
.modal-discount-cart .modal-form .body-modal-discount { max-height: 480px; overflow: auto; padding: 20px; }
.modal-discount-cart .modal-form .body-modal-discount li { margin-bottom: 15px; }
.modal-discount-cart .modal-form .body-modal-discount li:last-child { margin-bottom: 0; }

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