/*header*/
.pd-5 {
    padding: 0 5px;
}

.pd-100 {
    padding: 0 100px;
}

.mrg-top-10 {
    margin-top: 10px;
}

.mrg-top-20 {
    margin-top: 20px;
}

.mrg-top-50 {
    margin-top: 50px;
}

.mrg-bot-20 {
    margin-bottom: 20px;
}

.mrg-bot-10 {
    margin-bottom: 10px;
}

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

.font-13 {
    font-size: 13px !important;
}

.text-center {
    text-align: center;
}

.text-upper {
    text-transform: uppercase;
}

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

.text-bold-700 {
    font-weight: bold;
}

.dsp-bl {
    display: block;
}

.fl-right {
    float: right;
}

.ct-rela {
    position: relative;
}

.dsp-flex {
    display: flex !important;
    align-items: center;
}

.text-yellow {
    color: #ffcc00;
}

textarea:focus, input:focus, .btn-searchbox:focus {
    outline: none;
}

.font-175 {
    font-size: 1.75rem;
}

.hidden {
    display: none;
}

.main-banner .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #000;
}

.main-banner .owl-theme .owl-nav {
    margin-top: 0;
}

@media (max-width: 414px) {
    .prd-item {
        box-shadow: 0 0 6px 5px rgb(0 0 0 / 5%) !important;
    }

    .flash-sale .flash-sale-title h4 {
        font-size: 17px;
    }

    .mrg-bot-80 {
        margin-bottom: 80px;
    }

    /*.fs-prd-item .discount-tag span {*/
    /*    font-size: 20px;*/
    /*}*/
    .product-by-cate-main .prd-item {
        padding: 5px;
    }

    .prd-desc-main table {
        width: 100% !important;
        min-width: unset !important;
    }
}

@media (max-width: 415px) {
    .flash-sale .flash-sale-title h4 {
        font-size: 17px;
    }

    .fs-prd-item-img .discount-tag {
        width: 38px;
    }

    .fs-prd-item-img .discount-tag:after {
        border-width: 0 19px 8px;
    }

    .fs-prd-item-img .discount-tag span {
        font-size: 14px;
    }

    .new-title > span.news-intro {
        display: none !important;
    }
}

@media (min-width: 1600px) {
    .font-37 {
        font-size: 37px;
    }

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

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

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

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

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

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

    .banner-under-main .u-item {
        padding: 10px;
    }

    .category-icon.mrg-top-50 .category-icon-main .cate-item img, .brand-icon.mrg-top-50 .brand-icon-main .brand-item img {
        max-width: 130px;
    }

    .ft-top .container, .ft-bot .container {
        max-width: 75%;
    }

    footer h6 {
        font-size: 20px;
    }

    footer .ft-top, footer .ft-bot {
        padding-top: 40px;
    }

    .prd-name h3 {
        font-size: 35px;
        font-weight: 700;
    }

    #formAcount #CustomerEmail, #formAcount #CustomerPassword {
        padding: 15px;
        width: 45%;
    }

    #CustomerLoginForm #btnsignin, .form__submit #btnsignup {
        padding: 15px;
        width: 45%;
    }

    .main-sign-in #CustomerSignupForm ul li input {
        padding: 15px;
        width: 45%;
    }

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

    .cart-info-tbl {
        font-size: 20px;
    }

    .m-header-right .user-cart-header-ul li.ct-rela a span.cart-count {
        top: 10px;
        right: 30px;
    }

    .menu-header-ul .dropdown-menu {
        min-width: 260px;
    }

    .container {
        width: 75%;
        max-width: 75%;
    }

    .prd-item .icon-dt {
        top: 5px !important;
    }

    .prd-item .icon-dt span {
        font-size: 17px !important;
    }

    .big-img-gallery img {
        width: 60% !important;
        margin: auto;
    }

    .user-cart-header .user-cart-header-ul li.ct-rela {
        padding: 15px 35px 15px 4px;
    }

    .buy-btn-sec .add-cart-btn {
        padding: 5px 20px;
    }

    .c-out .checkout-btn {
        padding: 10px 40px;
    }
}

@media (min-width: 1024px) and (max-width: 1260px) {
    .menu-header .menu-header-ul li {
        padding: 25px 7px;
    }
}

@media (min-width: 1024px) and (max-width: 1299px) {
    .m-header-right .box-search {
        width: 65%;
    }

    .m-header-right .user-cart-header {
        width: 35%;
    }

    .content-header .c-header .c-header-right ul {
        margin-left: 0;
    }

    .content-header .c-header .c-header-left, .content-header .c-header .c-header-right {
        width: 50%;
    }

    .user-cart-header .user-cart-header-ul li {
        padding: 15px 0px 4px;
    }

    .m-header .m-header-left, .m-header .m-header-right {
        width: 50%;
    }

    .big-img-gallery img {
        width: 40% !important;
        margin: auto;
    }

    .user-cart-header .user-cart-header-ul li.ct-rela {
        padding: 15px 35px 15px 4px;
    }
}

@media (min-width: 1501px) and (max-width: 1599px) {
    .user-cart-header .user-cart-header-ul li {
        padding: 15px 5px 4px;
    }

    .user-cart-header .user-cart-header-ul li.ct-rela {
        padding: 15px 35px 15px 5px;
    }

    .content-header .c-header .c-header-right ul {
        margin-left: 0;
    }

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

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

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

    .big-img-gallery img {
        width: 40% !important;
        margin: auto;
    }

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

    .new-title .font-20 {
        font-size: 15px;
    }
}

.new-title.three-line a {
    height: 61px;
    line-height: 20px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
}

.new-title > span {
    font-size: 13px;
    color: #9b9b9b;
}

.most-view-title h6 {
    font-weight: 700;
}

.main-u-news .new-title span.font-25 {
    font-size: 22px;
}

.new-title > span.news-intro {
    font-size: 14px;
    height: 60px;
    line-height: 20px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.news-date {
    font-size: 13px;
    color: #9b9b9b;
}

@media (min-width: 1300px) and (max-width: 1500px) {
    .m-header .m-header-left {
        width: 55%;
    }

    .m-header .m-header-right {
        width: 45%;
    }

    .user-cart-header .user-cart-header-ul li {
        padding: 15px 0px 4px;
    }

    .user-cart-header .user-cart-header-ul li.ct-rela {
        padding: 15px 35px 15px 0;
    }

    .content-header .c-header .c-header-left, .content-header .c-header .c-header-right {
        width: 50%;
    }

    .content-header .c-header .c-header-right ul {
        margin-left: 0;
    }

    .big-img-gallery img {
        width: 40% !important;
        margin: auto;
    }

    .m-header-right .box-search {
        width: 70%;
    }
}

.main-header {
    background-color: #295E56;
    color: #fff;
}

.main-header .logo {
    width: 20%;
    padding-left: 1%;
    padding-right: 3%;
    align-items: center;
}

.main-header.affix-mobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.menu-header {
    width: 80%;
}

.m-header-left {
    width: 50%;
}

.m-header-right {
    width: 50%;
}

.m-header {
    justify-content: space-between;
    display: flex;
}

.main-header .logo img {
    width: 100%;
}

.menu-header-ul, .user-cart-header-ul {
    margin-bottom: 0;
    padding-left: 0;
}

.menu-header-ul li {
    display: inline-block;
    padding: 25px 17px;
    position: relative;
    /*margin-right: 15px;*/
}

.menu-header-ul li:hover {
    background-color: #1f4741;
}

.menu-header-ul li a {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
}

.menu-header-ul li a:hover {
    text-decoration: none;
}

.user-cart-header-ul {
    float: right;
    display: flex;
    align-items: center;
}

.user-cart-header-ul li {
    display: inline-block;
    padding: 15px 10px 4px;
}

.user-cart-header-ul li {
    text-align: center;
}

.user-cart-header-ul li a i {
    width: 100%;
    font-size: 30px;
}

.box-search {
    padding: 20px 0;
    position: relative;
    width: 80%;
}

.user-cart-header {
    width: 30%;
}

.box-search .box-input {
    border-radius: 20px;
    border: 1px solid #d5d5d5;
    overflow: hidden;
    z-index: 1000;
    position: relative;
    background-color: #fff;
    height: 37px;
}

.box-search .box-input .input-group-search {
    float: left;
    vertical-align: top;
    width: calc(100% - 50px);
}

.box-search .box-input input[type=text] {
    border: none;
    padding: 8px 0;
    width: 100%;
    text-indent: 10px;
    font-size: 13px;
    background: 0 0;
    color: #000 !important;
    padding-left: 100px;
}

#search-select {
    position: absolute;
    top: 25%;
    left: 1%;
    border: none;
    border-right: 1px solid;
    font-size: 14px;
}

#search-select-mb {
    position: absolute;
    top: 20%;
    left: 1%;
    border: none;
    border-right: 1px solid;
}

#search-select:focus, #search-select-mb:focus {
    outline: none;
}

.box-search .box-input .btn-searchbox {
    width: 50px;
    border: none;
    padding-top: 5px;
    color: #999;
    font-weight: 700;
    background: 0 0;
}

.content-header {
    border-bottom: 1px solid #d5d5d5;
}

.content-header ul {
    margin-bottom: 0;
}

.content-header ul li {
    display: inline-block;
    padding: 8px 0 8px 20px;
}

.c-header {
    justify-content: space-between;
}

.c-header .c-header-left {
    width: 60%;
}

.c-header .c-header-right {
    width: 40%;
}

.c-header ul li {
    font-size: 17px;
    font-weight: 700;
}

.c-header ul li p {
    margin-bottom: 0;
}

.c-header .c-header-left ul {
    /*margin-left: 5%;*/
    padding-left: 1%;
}

.c-header .c-header-right ul {
    /*margin-left: 20%;*/
    float: right;
    padding-right: 5%;
}

#trigger-mobile {
    height: 50px;
    width: 50px;
    text-align: center;
    cursor: pointer;
    margin: 0;
    z-index: 99999;
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #fff;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

.ul-header-mb {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    float: right;
}

.ul-header-mb li {
    display: inline-block;
    padding: 15px 0 15px 20px;
}

.ul-header-mb li a {
    color: #fff;
}

.ul-header-mb li a i {
    font-size: 20px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 250px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*border: 1px solid #ccc;*/
    /*border: 1px solid rgba(0,0,0,.15);*/
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.dropdown-menu li a {
    color: #000;
    /*padding: 7px 25px 7px 10px;*/
}

.dropdown-menu.submenu-level1-children li:hover a.lv1-a, .dropdown-menu.submenu-level2-children li:hover a.lv2-a,
.dropdown-menu.submenu-level3-children li:hover a.lv3-a, .dropdown-menu.submenu-level4-children li:hover a.lv4-a {
    color: #fff;
}

.dropdown-menu li {
    display: block;
    border-bottom: 1px solid #ededed;
}

@media (min-width: 1025px) {
    .dropdown-menu li {
        padding: 12px 20px 12px 10px;
    }
}

.menu-header-ul li:hover .dropdown-menu.submenu-level1-children {
    display: block;
    position: absolute;
}

.menu-header-ul li:hover .dropdown-menu.submenu-level1-children li.ps-relative:hover .dropdown-menu.submenu-level2-children {
    display: block;
    position: absolute;
}

.menu-header-ul li:hover .dropdown-menu.submenu-level1-children li.ps-relative:hover .dropdown-menu.submenu-level2-children li:hover .dropdown-menu.submenu-level3-children {
    display: block;
    position: absolute;
}

.menu-header-ul li:hover .dropdown-menu.submenu-level1-children li.ps-relative:hover .dropdown-menu.submenu-level2-children li:hover .dropdown-menu.submenu-level3-children li:hover .dropdown-menu.submenu-level4-children {
    display: block;
    position: absolute;
}

ul.dropdown-menu.submenu-level2-children, ul.dropdown-menu.submenu-level3-children, ul.dropdown-menu.submenu-level4-children {
    top: 0;
    left: 100%;
}

ul.dropdown-menu.submenu-level1-children {
    top: 100%;
}

ul.dropdown-menu.submenu-level1-children li:nth-child(5) ul.dropdown-menu.submenu-level2-children {
    top: -450%;
}

ul.dropdown-menu.submenu-level1-children li:nth-child(8) ul.dropdown-menu.submenu-level2-children {
    top: -450%;
}

ul.dropdown-menu.submenu-level1-children li:nth-child(8) ul.dropdown-menu.submenu-level2-children
li:nth-child(8) ul.dropdown-menu.submenu-level3-children {
    top: -850%;
}

ul.dropdown-menu.submenu-level1-children li:nth-child(9) ul.dropdown-menu.submenu-level2-children {
    top: -500%;
}

ul.dropdown-menu.submenu-level1-children li:nth-child(9) ul.dropdown-menu.submenu-level2-children
li:nth-child(3) ul.dropdown-menu.submenu-level3-children {
    top: -400%;
}

ul.dropdown-menu.submenu-level1-children li:nth-child(10) ul.dropdown-menu.submenu-level2-children {
    top: -600%;
}

ul.dropdown-menu.submenu-level1-children li:nth-child(11) ul.dropdown-menu.submenu-level2-children {
    top: -900%;
}

ul.dropdown-menu.submenu-level1-children li:nth-child(12) ul.dropdown-menu.submenu-level2-children {
    top: -600%;
}

ul.dropdown-menu.submenu-level1-children li:nth-child(12) ul.dropdown-menu.submenu-level2-children
li:nth-child(8) ul.dropdown-menu.submenu-level3-children {
    top: -400%;
}

.dropdown-menu {
    position: static;
    float: none;
}

ul.dropdown-menu li a {
    font-weight: normal;
    font-size: 16px;
}

ul.dropdown-menu li a i.fa-angle-right {
    position: absolute;
    right: 0;
    top: 15px;
}

ul.dropdown-menu li a i {
    padding-right: 10px;
    color: #999;
}

.user-cart-header-ul a {
    color: #fff;
}

.user-cart-header-ul li:hover {
    background-color: #1f4741;
}

.user-cart-header-ul li:hover a {
    text-decoration: none;
}

.ul-header-mb li a:hover {
    text-decoration: none;
}

.search-mb {
    display: none;
    position: absolute;
    left: 0;
    top: 45px;
    width: 100%;
}

.ul-header-mb li.ct-rela a span.cart-count {
    position: absolute;
    top: 5px;
    right: -10px;
    background: red;
    padding: 1px 7px;
    border-radius: 50%;
    font-size: 13px;
}

.user-cart-header-ul li.ct-rela a span.cart-count {
    position: absolute;
    top: 0;
    right: 20px;
    background: red;
    padding: 1px 7px;
    border-radius: 50%;
    font-size: 13px;
}

/*end header*/

/*menu mobile*/
#menu-mobile {
    width: 260px;
    z-index: 10000;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
    transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
    -webkit-overflow-scrolling: touch;
}

.exp-mn #menu-mobile {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.exp-mn .box-wrapper {
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0);
}

.mask_menu {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.7;
    z-index: 1000;
    display: none;
}

.box-wrapper, #trigger-mobile {
    transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
}

#menu-mobile .account_mobile {
    background: #295e56;
    padding: 10px 0;
}

#menu-mobile .account_mobile img {
    width: 100%;
}

.svg-next-icon {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 0;
    fill: currentColor;
    display: inline-block;
    vertical-align: middle;
}

#menu-mobile .account_text {
    margin-left: 15px;
    padding-left: 0;
}

#menu-mobile .account_text li {
    display: inline-block;
    color: #000;
}

#menu-mobile .account_text li a {
    color: #000;
    font-size: 14px;
}

#menu-mobile .active_login_account {
    margin-left: -15px;
}

.menu-mobile-x {
    list-style: none;
    padding-left: 0;
}

.menu-mobile-x li.cart-target, .menu-mobile-x li.wishlist {
    display: none;
}

#menu-mobile .menu-mobile-x li {
    float: left;
    position: relative;
    width: 100%;
}

#menu-mobile .menu-mobile-x li a {
    color: #000;
    padding: 10px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    width: 100%;
    font-size: 14px;
}

#menu-mobile .menu-mobile-x li a:hover {
    text-decoration: none;
}

#menu-mobile .menu-mobile-x > li > a {
    border-bottom: 1px solid #DEDEDE;
}

#menu-mobile .menu-mobile-x li a span {
    padding-left: 10px;
}

#menu-mobile .menu-mobile-x li a i {
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    text-align: center;
    z-index: 9999;
    /*border-left: 1px solid #DEDEDE;*/
    line-height: 44px;
    padding-right: 0;
}

#menu-mobile .submenu-level1-children {
    background: #fff;
    width: 100%;
    position: static;
    border-radius: 0;
    padding: 0 0 0 5px;
    margin: 0;
    box-shadow: none;
}

#menu-mobile .submenu-level2-children {
    background: transparent;
    width: 100%;
    position: static;
    border-radius: 0;
    padding: 0 0 0 5px;
    margin: 0;
    border: none;
    box-shadow: none;
}

#menu-mobile .submenu-level3-children {
    background: transparent;
    width: 100%;
    position: static;
    border-radius: 0;
    padding: 0 0 0 5px;
    margin: 0;
    border: none;
    box-shadow: none;
}

#menu-mobile .submenu-level4-children {
    background: transparent;
    width: 100%;
    position: static;
    border-radius: 0;
    padding: 0 0 0 5px;
    margin: 0;
    border: none;
    box-shadow: none;
}

/*#menu-mobile .submenu-level1-children li, #menu-mobile .submenu-level2-children li, #menu-mobile .submenu-level3-children li {*/
/*    background-color: #ededed;*/
/*}*/

.svg-next-icon-size-50 {
    width: 50px;
    height: 50px;
}

/*end menu mobile*/

/*body*/
.main-banner .m-banner-owl .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 37px;
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.main-banner .m-banner-owl .owl-nav button.owl-prev {
    left: 0;
}

.main-banner .m-banner-owl .owl-nav button.owl-next {
    right: 0;
}

.u-banner-owl {
    background-color: #F6F6F6;
}

.u-banner-owl .u-item a, .combo-nb-owl .comb-item a {
    text-decoration: none;
    color: #000;
}

@media (min-width: 768px) {
    .u-banner-owl {
        padding: 25px 30px 10px 30px;
    }

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

    .pd-10 {
        padding: 0 13px;
    }

    .prd-name {
        margin: 20px 0 40px 0;
    }

    .main-sec {
        margin-bottom: 40px;
    }

    .prd-upsale-main {
        padding: 0 30px;
    }
}

@media (min-width: 415px) and (max-width: 768px) {
    .pd-5-ipd {
        padding: 0 5px;
    }

    .font-14-ipd {
        font-size: 14px;
    }

    .mrg-bot-20-ipd {
        margin-bottom: 20px;
    }

    .cart-info-m .checkout-btn {
        padding: 10px 45px;
    }

    .main-sign-in #CustomerEmail, .main-sign-in #CustomerPassword, .main-sign-in #btnsignin, .main-sign-in #btnsignup, .main-sign-in #CustomerSignupForm ul li input {
        width: 70%;
    }

    .ft-bot .social-icons img:not(.bct-img) {
        width: 25px;
    }

    .ft-bot img.bct-img {
        width: 110px;
    }
}

@media (max-width: 767px) {
    .font-14-mb {
        font-size: 14px;
    }

    .mrg-top-20-mb {
        margin-top: 20px;
    }

    .mrg-bot-20-mb {
        margin-bottom: 20px;
    }

    .u-banner-owl {
        padding: 15px 10px 10px 10px;
    }

    .pd-5-mb {
        padding: 0 5px;
    }

    .cart-checkout-item .remove-cart-item, .cart-item .remove-cart-item {
        right: 5px;
    }

    .prd-name {
        margin: 20px 0 20px;
    }

    .main-sec .main-img-prd {
        padding: 10px;
    }

    .main-sec {
        margin-bottom: 20px;
    }

    .prd-upsale {
        padding: 20px 10px;
    }

    .prd-upsale-main {
        padding: 0 20px;
    }

    .title-menu .menu-cate-new li {
        margin-right: 30px;
    }

    .main-sign-in #CustomerEmail, .main-sign-in #CustomerPassword, .main-sign-in #btnsignin, .main-sign-in #btnsignup, .main-sign-in #CustomerSignupForm ul li input {
        width: 90%;
    }

    .buy-btn-sec .add-cart-btn {
        padding: 5px 15px;
    }

    .buy-btn-sec .buy-now-btn {
        padding: 5px 20px;
    }
}

@media (max-width: 768px) {
    .gallery-view .small-img-gallery {
        display: list-item;
        list-style-type: none;
    }

    .gallery-view .small-img-gallery img {
        margin-right: 5px;
    }
}

@media (min-width: 1024px) {
    .prd-upsale-main {
        padding: 0 90px;
    }

    .prd-upsale {
        padding: 20px 100px;
    }

    .mrg-bot-40 {
        margin-bottom: 40px;
    }
}

.main-banner .m-item img, .banner-under-main .u-item img {
    width: 100%;
    /*border-radius: 10px;*/
}

.banner-under-main .u-item {
    text-align: center;
    font-weight: 600;
}

.product-by-cate .product-by-cate-title a {
    color: #295E56;
}

.product-by-cate .product-by-cate-title a:hover {
    text-decoration: none;
}

.prd-item {
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 6px 5px rgb(0 0 0 / 10%);
}

/*.product-by-cate-main .prd-item .prd-item-info {*/
/*    text-align: center;*/
/*}*/

.product-by-cate-main .prd-item .prd-item-info a {
    color: #000;
}

.product-by-cate-main .prd-item .prd-item-info a:hover {
    text-decoration: none;
}

.product-by-cate-main .prd-item .prd-item-info a span, .prd-item .prd-item-info .prd-name span {
    height: 35px;
    line-height: 18px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    text-align: left;
    font-size: 15px;
}

.category-icon .category-icon-title, .brand-icon .brand-icon-title {
    text-align: center;
    margin-bottom: 20px;
}

.category-icon .category-icon-title h4, .brand-icon .brand-icon-title h4 {
    color: #295E56;
    /*text-transform: uppercase;*/
}

.category-icon .category-icon-main .cate-item, .brand-icon .brand-icon-main .brand-item {
    text-align: center;
}

.category-icon .category-icon-main .cate-item a, .brand-icon .brand-icon-main .brand-item a {
    color: #000;
}

.category-icon .category-icon-main .cate-item a:hover, .brand-icon .brand-icon-main .brand-item a:hover {
    text-decoration: none;
}

.category-icon .category-icon-main .cate-item img, .brand-icon .brand-icon-main .brand-item img {
    border-radius: 50%;
    width: 100%;
    max-width: 110px;
    margin: auto;
    margin-bottom: 10px;
}

.news-sect .news-sect-owl .new-item, .banner-under-cate .banner-under-cate-owl .buc-item {
    position: relative;
    text-align: center;
}

.news-sect .news-sect-owl .new-item h5, .banner-under-cate .banner-under-cate-owl .buc-item h5 {
    position: absolute;
    width: 100%;
    top: 10px;
    color: #000;
    /*text-transform: uppercase;*/
}

.news-sect .news-sect-owl .new-item h5 {
    display: none;
}

.news-sect .news-sect-owl .new-item a {
    color: #000;
}

.news-sect .news-sect-owl .new-item a:hover {
    text-decoration: none;
}

.news-sect .news-sect-owl .new-item h6:not(.new-view-tlt) {
    padding: 0 25px;
    height: 53px;
    line-height: 18px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 53px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    text-align: center;
}

/*.news-sect .news-sect-owl .new-item img, .banner-under-cate .banner-under-cate-owl .buc-item img {*/
/*    border-radius: 10px;*/
/*}*/

.combo-nb .combo-nb-title {
    text-align: center;
    margin-bottom: 20px;
}

.combo-nb .combo-nb-title h4 {
    color: #295E56;
    /*text-transform: uppercase;*/
}

.combo-nb .combo-nb-owl .comb-item {
    text-align: center;
}

.flash-sale a:hover {
    text-decoration: none;
}

.flash-sale .flash-sale-title {
    text-align: center;
    background-color: #295e56;
    padding: 5px 0;
}

.flash-sale .flash-sale-title h4 {
    color: #fff;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
}

.flash-sale .flash-sale-title h4 i {
    margin: 0 20px 0 10px;
}

#count-hours, #count-minutes, #count-seconds {
    background-color: #FEC10B;
    padding: 0 7px;
    color: #000;
    border-radius: 2px;
}

.flash-sale .fs-prd-item .fs-prd-item-info {
    text-align: center;
}

.flash-sale .fs-prd-item .fs-prd-item-info a {
    color: #000;
}

.flash-sale .fs-prd-item .fs-prd-item-img img {
    /*border-radius: 10px;*/
    border: 1px solid #295e56;
}

.fs-prd-item-info .old-price, .promo-view-main .old-price {
    text-decoration: line-through;
    margin-right: 10px;
}

.fs-prd-item-info .cur-price {
    color: #295e56;
    font-size: 20px;
    font-weight: 600;
}

.old-price {
    color: #b3b3b3;
}

.discount-tag {
    position: absolute;
    top: 1px;
    right: 1px;
    text-align: center;
    background-color: #FED739;
    height: 45px;
    width: 54px;
}

.discount-tag:after {
    content: "";
    display: block;
    position: relative;
    top: -11px;
    width: 0;
    height: 0;
    border-width: 0px 27px 10px;
    border-style: solid;
    border-color: #FED739 #FED739 transparent #FED739;
}

.discount-tag span {
    color: #295E56;
    font-size: 16px;
}

.brand-icon-main .owl-nav button, .flash-sale .owl-nav button {
    position: absolute;
    top: 40%;
    transform: translateY(-40%);
    font-size: 37px !important;
    width: 50px;
    height: 50px;
    line-height: 50px !important;
}

.brand-icon-main .owl-nav button.owl-prev, .flash-sale .owl-nav button.owl-prev {
    left: -50px;
}

.brand-icon-main .owl-nav button.owl-next, .flash-sale .owl-nav button.owl-next {
    right: -50px;
}

.brand-icon-main .owl-theme .owl-nav [class*=owl-]:hover, .flash-sale .owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0;
    color: #000;
}

.category-icon-main .owl-nav button {
    position: absolute;
    top: 40%;
    transform: translateY(-40%);
    font-size: 37px !important;
    width: 50px;
    height: 50px;
    line-height: 50px !important;
}

.category-icon-main .owl-nav button.owl-prev {
    left: -50px;
}

.category-icon-main .owl-nav button.owl-next {
    right: -50px;
}

.category-icon-main .owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0;
    color: #000;
}

.progress-sell {
    height: 20px;
    margin: 10px;
    position: relative;
    text-align: center;
    background: #83c9be;
    border-radius: 10px;
    overflow: hidden;
}

.bg-danger {
    background-color: #295e56 !important;
}

.progress-sell-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-sell .buyed-num {
    line-height: unset;
    position: absolute;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 14px;
}

/*end body*/

/*footer*/
.ft-top {
    padding-top: 30px;
    background-color: #fbfbfb;
}

.ft-top h5, .ft-bot h5 {
    color: #295E56;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}

.ft-top ul {
    padding: 0;
    list-style: none;
}

.ft-top ul li, .ft-top ul li a, .ft-bot ul li, .ft-bot ul li a {
    color: #000;
}

.ft-top ul li a:hover {
    text-decoration: none;
}

.ft-bot {
    padding-top: 30px;
    background-color: #ebebeb;
}

.ft-bot ul {
    padding: 0;
    list-style: none;
}

.social-icons img:not(.bct-img) {
    width: 40px;
    height: auto;
    margin-right: 10px;
}

img.bct-img {
    width: 155px;
    height: auto;
}

.addThis_item {
    margin-bottom: 5px;
    margin-right: 17px;
    list-style-type: none;
}

.addThis_item--icon {
    display: inline-block;
    text-align: center;
    width: 44px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 11%);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 10px;
}
.icon-footer-fixed{
    position: fixed;
    bottom: 125px;
    right: 10px;
    z-index: 100;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    display: flex;
    flex-direction: column;
}
.back-to-top {
    position: fixed;
    bottom: 80px;
    right: -50px;
    z-index: 100;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    display: flex;
    flex-direction: column;
}

.back-to-top.display {
    right: 10px;
}
.svg-next-icon-size-30 {
    width: 44px;
    height: 44px;
}

.footer-menu-mb {
    background-color: #444444;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.footer-menu-mb-item {
    flex: 0 0 20%;
    text-align: center;
}

.footer-menu-mb-main {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}

.footer-menu-mb-main a {
    color: #fff;
}

.footer-menu-mb-main a:hover {
    text-decoration: none;
}

.footer-menu-mb-main a span {
    display: block;
    font-size: 11px;
}

.footer-menu-mb-main a i {
    font-size: 27px;
}

/*end footer*/

/*category*/
.filter-attr .filter-attr-item h4 {
    color: #295E56;
}

.filter-attr .filter-attr-item h4 i {
    float: right;
    margin-top: 5px;
}

.filter-attr .filter-attr-item .filter-attr-val .filter-attr-val-item {
    padding: 10px 15px;
    margin-bottom: 20px;
}

.filter-attr .filter-attr-item .filter-attr-val .filter-attr-val-item .checklist-attr {
    list-style: none;
    padding-left: 5px;
}

.filter-attr .filter-attr-item .filter-attr-val .filter-attr-val-item .checklist-attr li {
    font-size: 15px;
}

.filter-attr .filter-attr-item .filter-attr-val .filter-attr-val-item .checklist-attr li label {
    display: flex;
    align-items: center;
}

.filter-attr .filter-attr-item .filter-attr-val .filter-attr-val-item .checklist-attr li input[type=checkbox] {
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.main-cate .prd-item .prd-item-info .prd-name, .main-cate .prd-item .prd-item-info .prd-price,
.product-by-cate-main .prd-item .prd-item-info .prd-price {
    color: #000;
    font-weight: 600;
}

.main-cate .prd-item .prd-item-info .prd-name:hover {
    text-decoration: none;
}

.prd-item .prd-item-info .prd-brand {
    font-size: 15px;
}

.main-cate .prd-item .prd-item-info .prd-brand {
    margin-bottom: 0;
    color: #abb8c3;
    min-height: 25px;
}

/*.category-icon-main.ct-icon-main-cate .category-icon-owl.cate-ic-owl .owl-stage-outer {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/

/*.category-icon-main.ct-icon-main-cate .category-icon-owl.cate-ic-owl {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    flex-direction: row;*/
/*}*/

.category-icon-owl .cate-item span {
    height: 17px;
    line-height: 18px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
}

.pagination .paginator .labelPages, .pagination .paginator .titlePages {
    display: none;
}

.pagination {
    justify-content: center;
}

.pagination .paginator span.currentPage {
    color: #295E56;
    font-weight: 700;
}

.pagination .paginator a:hover {
    text-decoration: none;
}

.pagination .paginator a, .pagination .paginator .currentPage {
    margin-right: 10px;
    color: #000;
    border: 1px solid #000;
    padding: 5px 11px;
}

.paginator a.paging-next:before {
    content: "\f105";
    font-family: "FontAwesome";
}

.paginator a.paging-last:before {
    content: "\f101";
    font-family: "FontAwesome";
}

.paginator a.paging-previous:before {
    content: "\f104";
    font-family: "FontAwesome";
}

.paginator a.paging-first:before {
    content: "\f100";
    font-family: "FontAwesome";
}

.prd-item {
    overflow: hidden;
}

.prd-item .new-tag {
    position: absolute;
    top: -35px;
    left: -91px;
    background: #295E56;
    width: 181px;
    height: 69px;
    display: flex;
    z-index: 1;
    transform: rotate(-45deg);
    justify-content: center;
    align-items: flex-end;
    color: white;
}

.prd-item .new-tag span {
    font-size: 14px;
}

.prd-item .icon-dt {
    top: 0;
    right: 5px;
}

.prd-item .icon-dt span {
    padding: 2px 4px;
    font-size: 12px;
}

.prd-item-img img {
    min-width: 100%;
    width: 100%;
    height: auto;
    object-fit: scale-down;
}

.breadcrumb {
    background-color: #fff;
    text-align: center;
    display: block;
}

.breadcrumb li {
    display: inline-block;
}

.breadcrumb li a {
    color: #000;
    font-size: 14px;
    /*font-weight: 700;*/
}

.breadcrumb li a:hover {
    text-decoration: none;
}

.breadcrumb > li + li:before {
    content: "/";
    font-family: 'Font Awesome 5 Pro';
    font-size: 1rem;
    padding: 0 5px;
    font-weight: 700;
    color: #000;
}

.breadcr-view .breadcrumb {
    margin-bottom: 0;
    text-align: left;
    padding-left: 0;
}

/*end category*/

/*view*/
.prd-name h1 {
    color: #295E56;
    font-size: 29px;
}

.prc-txt {
    font-size: 29px;
}

.old-prc-txt {
    text-decoration: line-through;
}

.prd-information .old-prc-txt {
    color: grey;
}

.old-price.old-prc-txt {
    font-size: 15px;
}

.list-img-child .list-img-ul {
    list-style: none;
    padding-left: 0;
    max-height: 540px;
    overflow-y: hidden;
}

.list-img-child .list-img-ul li {
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.list-img-child .list-img-ul li .img-c {
    padding: 5px;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
}

.list-img-child .list-img-ul li img {
    width: 100%;
}

.main-img-prd {
    padding: 20px;
    text-align: center;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    z-index: 0;
}

.cloudzoom-zoom-inside:hover {
    cursor: zoom-in;
}

.main-img-prd img {
    width: 100%;
}

.prd-information .prd-brand {
    color: #abb8c3;
}

.prd-desc, .prd-upsale {
    background-color: #F6F6F6;
    border-radius: 5px;
}

.prd-desc-main {
    padding: 20px;
}

.prd-desc .prd-desc-main .prd-desc-title {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 10px;
}

.prd-desc .prd-desc-main .prd-desc-title h5 {
    text-transform: uppercase;
}

.prd-desc .prd-desc-main .prd-desc-inf {
    padding-top: 10px;
}

.prd-desc-main img {
    height: auto !important;
}

.rate-nb i {
    color: #faae1d;
    font-size: 20px;
}

.add-cart-btn {
    border: 2px solid #295E56;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 5px 40px;
    color: #295E56 !important;
    font-weight: 600;
}

.buy-now-btn {
    text-transform: uppercase;
    border: 2px solid #295E56;
    padding: 5px 40px;
    border-radius: 5px;
    font-weight: 600;
    background-color: #295E56;
    color: #fff !important;
}

.add-cart-btn:hover, .buy-now-btn:hover {
    cursor: pointer;
}

#add-item-form {
    margin: 0 0 20px;
}

.swatch {
    padding: 10px 0;
    width: 100%;
    float: left;
}

.swatch .header {
    margin: 0 0 10px;
    font-size: 13px;
    text-align: left;
    line-height: initial;
    font-weight: 700;
    text-transform: uppercase;
    float: left;
    width: 100%;
}

.swatch .select-swap {
    vertical-align: middle;
    float: left;
}

.swatch .swatch-element {
    display: inline-block;
    margin-right: 8px;
    position: relative;
    vertical-align: bottom;
}

.swatch .swatch-element.color label {
    width: 35px;
    height: 35px;
    padding: 1px;
    border-radius: 50%;
    line-height: 28px;
    border: 1px solid #b0b0b0;
}

.swatch .swatch-element label {
    display: block;
    margin: 0;
    background: #fff;
    width: 40px;
    height: 40px;
    line-height: 38px;
    position: relative;
    border: 1px solid #d7d7d7;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    color: #333;
}

.swatch .swatch-element.sw-color label {
    border-radius: 50%;
}

.swatch .swatch-element.active label {
    border: 1px solid #000;
}

.swatch .attr-size .swatch-element label {
    min-width: 40px;
    padding: 0 3px;
    width: auto;
    margin-bottom: 5px;
}

.swatch .select-swap .deactive img.crossed-out {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.swatch .select-swap .deactive label {
    cursor: not-allowed;
}

.swatch .swatch-element .crossed-out {
    display: none;
}

.selector-actions {
    width: 100%;
    float: left;
}

.quantity-area {
    margin-bottom: 15px;
}

.title-quantity {
    display: none;
}

.quantity-area input.qty-btn {
    float: left;
    outline: none;
    border-radius: 0;
    display: block;
    margin: 0;
    background: #fff;
    width: 40px;
    height: 40px;
    line-height: 20px;
    position: relative;
    border: 1px solid #e5e5e5;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
}

.quantity-area input#quantity {
    padding: 0;
    -webkit-appearance: none;
    float: left;
    outline: none;
    border-radius: 0;
    display: block;
    margin: 0;
    background: #fff;
    width: 60px;
    height: 40px;
    line-height: 20px;
    position: relative;
    border: 1px solid #e5e5e5;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    border-left: none;
    border-right: none;
}

.gift-sec {
    margin-bottom: 40px;
}

.gift-sec .header {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.gift-sec .gift-sec-ul {
    list-style: none;
    padding-left: 0;
}

.gift-sec .gift-sec-ul li {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.gift-sec .gift-sec-ul li a {
    text-decoration: none;
    color: #212529;
}

.gift-sec .gift-sec-ul li a:hover {
    color: #007bff;
}

.gift-sec .gift-sec-ul li img {
    width: 35px;
    height: auto;
    margin-right: 10px;
}

#add-item-form .swatch-element.sw-size.active label {
    border: 1px solid #d87c7c;
    background: url(/tp/T0502/img/icon-checked.png) no-repeat right bottom #fff;
}

.vm-img {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    border-radius: 10px;
    cursor: pointer;
}

.vm-txt {
    color: #fff;
    position: absolute;
    top: 35%;
    left: 5%;
    cursor: pointer;
}

.bs-prd .prd-item .prd-item-info {
    text-align: left;
}

.bs-prd .prd-item .prd-item-info .prd-brand {
    margin-bottom: 0;
    color: #abb8c3;
}

.prd-upsale-main .prd-item {
    background-color: #fff;
}

.prd-upsale-main .prd-item .prd-item-info a {
    color: #000;
}

.prd-upsale-main .prd-item .prd-item-info a:hover {
    text-decoration: none;
}

.prd-upsale-main .prd-item .prd-item-info .prd-brand {
    margin-bottom: 0;
    color: #abb8c3;
}

.rela-btn {
    padding: 10px 15px;
    background-color: #295E56;
    border: 1px solid #295E56;
    color: #fff;
    border-radius: 5px;
}

.v-all {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #dedede;
    border-radius: 20px;
    padding: 5px 15px;
    text-transform: none;
    font-size: 12px;
    color: #dedede;
}

.icon-dt {
    position: absolute;
    top: 6px;
    right: 0;
}

.icon-dt span {
    color: #b3b3b3;
    padding: 9px 12px;
    border: 1px solid #dedede;
    border-radius: 50%;
    font-size: 17px;
}

.icon-dt span:hover {
    color: #4d4d4d;
}

.icon-banner-item img {
    width: 35px;
    height: auto;
    margin-right: 10px;
}

.gallery-view.show {
    display: block;
}

.gallery-view {
    display: none;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

#gallery-close-btn {
    position: fixed;
    top: 16px;
    right: 16px;
    display: block;
    width: 45px;
    height: 45px;
    background: url(/tp/T0502/img/closebutton1.png) no-repeat top left;
    background-size: cover;
    z-index: 99;
}

.big-img-gallery {
    text-align: center;
    margin-bottom: 20px;
}

.gallery-view .big-img-gallery .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 35px;
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.big-img-gallery .owl-nav button.owl-prev {
    left: 0;
}

.big-img-gallery .owl-nav button.owl-next {
    right: 0;
}

.small-img-gallery {
    display: flex;
    margin: auto;
}

.small-img-gallery img {
    width: 64px;
    height: auto;
    margin-right: 10px;
}

.small-img-gallery img:first-child {
    margin-left: auto;
}

.small-img-gallery img:last-child {
    margin-right: auto;
}

.tags-ul {
    padding-left: 0;
}

.tags-ul li {
    display: inline-block;
    margin-right: 10px;
}

.tags-ul li a {
    color: #000;
    text-decoration: none;
}

.main-img-prd .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 0;
}

/*end view*/

/*cart*/
.main-cart .cart-item {
    margin-bottom: 20px;
}

.cart-item {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #ededed;
}

.cart-item-name a {
    color: #000;
}

.main-cart .cart-item .cart-item-name a:hover {
    color: #295E56;
    text-decoration: none;
}

.main-cart .cart-item .cart-item-name h4 {
    color: #295E56;
}

.cart-item-img {
    padding: 10px;
}

.cart-item-img img {
    width: 100%;
    border: 1px solid #295e56;
}

.cart-checkout-item .cart-item-img img {
    border: 1px solid #295e56;
}

.remove-cart-item {
    position: absolute;
    right: 15px;
    top: 30%;
    z-index: 5;
}

.remove-cart-item .rmv-item {
    color: #295E56;
    padding: 5px 10px;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    cursor: pointer;
}

.remove-cart-item .rmv-item:hover {
    text-decoration: none;
    color: #295E56;
}

.cont-buy {
    color: #295E56;
}

.cont-buy:hover {
    text-decoration: none;
    color: #295E56;
}

.cart-info {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    box-shadow: 0 6px 5px rgb(0 0 0 / 18%);
}

.cart-info-m {
    padding: 20px 15px;
    min-height: 300px;
}

.checkout-btn {
    padding: 10px 40px;
    background-color: #295E56;
    color: #fff;
    border-radius: 5px;
    width: 100%;
    display: block;
}

.checkout-btn:hover {
    color: #fff;
    text-decoration: none;
}

.cart-info-tbl {
    width: 100%;
}

.cart-info-tbl tr td {
    padding: 5px 0 10px 0;
}

.cart-info-tbl tr td:nth-child(2) {
    float: right;
}

.undl {
    border-bottom: 1px solid #DEDEDE;
}

.cart-item-qt .selector-actions .quantity-area input#quantity {
    width: 65px;
    height: 30px;
    border: 1px solid #e5e5e5;
    float: right;
}

.no-prd a {
    color: red;
    text-decoration: none;
}

.cart-checkout-item a {
    text-decoration: none;
}

.cart-checkout-item-name {
    color: #000;
}

.user-cart-sec {
    padding: 5px;
    background-color: #FFEDBB;
    border-radius: 5px;
}

.user-cart-tlt a {
    color: #3768D5;
}

.user-cart-tlt a:hover {
    text-decoration: none;
}

/*end cart*/

/*news*/
.main-news a {
    color: #000;
}

.main-news a:hover {
    text-decoration: none;
}

.title-menu {
    background-color: #ececec;
}

.title-menu h1 {
    color: #295E56;
    padding: 40px 0 0;
    margin-bottom: 0;
}

.menu-cate-new {
    padding-left: 0;
}

.menu-cate-new li {
    display: inline-block;
    margin-right: 50px;
    padding: 10px 0;
}

.menu-cate-new li a.active {
    font-weight: 600;
    border-bottom: 2px solid #faae1d;
}

.menu-cate-new li a {
    color: #000;
}

.menu-cate-new li a:hover {
    text-decoration: none;
}

.border-area {
    border: 1px solid #DEDEDE;
    padding: 5px;
    margin-bottom: 20px;
}

.big-new-item .new-img {
    margin-bottom: 10px;
}

.small-new-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.small-new-item .new-img, .small-new-item .new-title {
    width: 50%;
}

.small-new-item .new-img img, .big-new-item .new-img img {
    width: 100%;
}

.small-new-item .new-img {
    margin-right: 10px;
}

.most-view-title {
    text-align: center;
    padding: 10px 0;
}

.most-view-item {
    display: flex;
    align-items: center;
    margin-bottom: 11px;
}

.cil-num {
    padding: 4px 15px;
    background-color: #ced4da;
    border-radius: 50%;
    margin: 0 10px;
    font-size: 25px;
    color: white;
    font-weight: bold;
}

.most-view-item:nth-child(2) .cil-num {
    background-color: #295e56;
}

.most-view-item:nth-child(3) .cil-num {
    background-color: #99a2aa;
}

.new-item {
    /*display: flex;*/
    align-items: center;
    margin-bottom: 15px;
}

.new-item .new-img {
    width: 40%;
    margin-right: 10px;
}

.new-item .new-img img {
    width: 100%;
}

.new-item .new-title {
    width: 60%;
}

/*.main-u-news:not(.cate-news) {*/
/*    max-height: 850px;*/
/*    overflow-y: hidden;*/
/*}*/

.new-product-title {
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #dedede;
}

.new-prd-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 5px;
}

.new-prd-item .new-prd-img {
    width: 30%;
    margin-right: 10px;
}

.new-prd-item .new-prd-title {
    width: 70%;
}

.banner-area-title {
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #dedede;
}

.banner-area img {
    width: 100%;
    margin-bottom: 10px;
}

.main-post a {
    color: #000;
}

.main-post a:hover {
    text-decoration: none;
}

.related-news-area {
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 10px;
}

.related-news-title {
    text-align: center;
}

.related-new-item {
    display: flex;
    align-items: center;
}

.related-new-item .related-new-img {
    width: 40%;
    margin-right: 10px;
}

.related-new-item .related-new-title {
    width: 60%;
}

.tag-item {
    padding: 5px 15px;
    background-color: #dedede;
    text-align: center;
}

.tag-item a {
    height: 22px;
    line-height: 22px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
}

.info-created-at-article {
    color: #b3b3b3;
}

.main-news .new-item {
    display: flex;
}

@media (max-width: 769px) {
    .main-post-area img {
        height: auto !important;
    }
}

.title-news {
    font-size: 36px;
    font-weight: 700;
}

.new-title h5, .new-product-title h6, .banner-area-title h6 {
    font-weight: 700;
}

.new-prd-title a {
    height: 63px;
    line-height: 20px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
}

/*end news*/

/*search*/
.search-title h1 {
    color: #295E56;
}

.wp_list_product .wrapper {
    padding: 10px 0;
}

.wrapper {
    max-width: 1230px;
    margin: 0 auto;
}

.main-list-product {
    margin-top: 20px;
}

.owl-product {
    padding: 0 10px;
    opacity: 1;
    visibility: visible;
    top: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.owl-product .new-item {
    margin-bottom: 10px;
}

.owl-product .new-item .new-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.owl-product .new-item .new-content .new-img {
    width: 30%;
}

.owl-product .new-item .new-content .new-info {
    margin-left: 10px;
}

.owl-product .new-item .new-content .new-info {
    width: 70%;
}

.owl-product .new-item .new-content .new-info .time {
    color: #7b8a97;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    margin-top: 10px;
    width: 100%;
}

.owl-product .new-item .new-content .new-info .new-sum {
    color: #7b8a97;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    display: -webkit-box;
    max-height: 60px;
    line-height: 20px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.owl-product .new-item .new-content .new-info .new-title {
    color: #000;
    font-size: 20px;
    font-weight: 500;
}

/*end search*/

/*checkout*/
.step-footer-continue-btn.btn.checkout-accept {
    background-color: #295E56;
    color: #fff;
}

.radio-label.dsp-flex img {
    margin-right: 5px;
}

/*end checkout*/

/*signin*/
.main-sign-in-title {
    text-align: center;
}

.main-sign-in-title h1 {
    color: #295E56;
}

#CustomerLoginForm, #CustomerSignupForm {
    text-align: center;
}

#CustomerEmail, #CustomerPassword {
    width: 40%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #dedede;
}

#btnsignin {
    width: 40%;
    background-color: #295E56;
    border: 1px solid #295E56;
    color: #fff;
    font-size: 20px;
}

#btnsignup {
    width: 40%;
    background-color: #fff;
    border: 1px solid #dedede;
    color: #000;
    padding: 10px 0;
}

#RecoverPassword {
    color: #000;
    text-decoration: underline;
}

/*end signin*/

/*signup*/
#CustomerSignupForm ul {
    list-style: none;
    padding-left: 0;
}

#CustomerSignupForm ul li {
    margin-bottom: 10px;
}

#CustomerSignupForm ul li input {
    width: 40%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #dedede;
}

#CustomerSignupForm #btnSubmit {
    background-color: #295E56;
    border: 1px solid #295E56;
    color: #fff;
    font-size: 20px;
}

/*end signup*/

/*profile*/
.layout-info-account h1 {
    font-size: 20px;
    margin-top: 0;
    font-weight: 400;
}

.layout-info-account h1 a {
    position: absolute;
    right: 15px;
    top: 3px;
    font-size: 14px;
}

.layout-info-account .userbox {
    max-width: 100%;
    padding: 15px;
    background-color: #fff;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
    margin: auto;
    margin-bottom: 20px;
}

.layout-info-account .userbox * {
    font-size: 14px;
}

#view_address {
    font-weight: 500;
}

.order-tbl {
    width: 100%;
}

.order-tbl tr {
    border-bottom: 0.5px solid #e5e5e5;
}

.order-tbl th {
    font-weight: 500;
}

.order-tbl th, .order-tbl td {
    padding: 10px;
}

.order-tbl * {
    font-size: 14px;
}

.menuPv {
    padding: 0 !important;
}

.userList > a {
    display: block;
    padding: 0 0 20px;
    font-size: 14px;
}

.userList a.active {
    font-weight: 600;
}

.userList a.active:hover {
    color: unset;
}

#profileContent > h1 {
    font-weight: 500;
    font-size: 36px;
    margin: 0 0 20px;
    color: #295e56;
}

.userIndex {
    background: #eee;
    padding: 20px;
    float: left;
    width: 100%;
    clear: both;
    margin: 0 0 20px;
}

.userList1 h2 {
    margin: 0;
    font-size: 24px;
}

.userList1 span:nth-child(1) {
    padding-bottom: 5px;
}

.userList1 span {
    display: block;
    font-size: 14px;
}

#profileIf > .userProfile {
    float: left;
    width: 100%;
    clear: both;
    margin: 0 0 15px;
}

.userProfile > h3 {
    font-size: 20px;
    font-weight: 500;
}

.userProfile > p {
    font-size: 14px;
}

.desUserIndex {
    margin: 24px 0 34px;
}

.desUserIndex p {
    font-size: 14px;
}

.itemsPr span:nth-child(1) {
    color: #b6b4b4;
    padding-bottom: 5px;
}

.itemsPr span {
    display: block;
    font-size: 14px;
}

.itemsPr span:nth-child(2) {
    padding-bottom: 10px;
    border-bottom: 2px solid #000;
    margin-bottom: 10px;
}

#profileIf form.profile .itemsPr input[type=text] {
    border: none;
    background: 0 0;
}

#profileIf form.profile .itemsPr select {
    background: 0 0;
    border: none;
    width: 100%;
}

.btnGreen {
    padding: 10px 25px;
    background: #295e56;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    margin: 30px 0 0;
    display: inline-block;
    border: none;
    margin-bottom: 10px;
}

.checkOrder-form {
    background-color: #EDF1F4;
    border-radius: 5px;
    padding: 20px 30px;
    margin-bottom: 70px;
}

.checkOrder-form .titleformorder {
    font-size: 36px;
    color: #188bb8;
    padding: 3px 0;
    font-weight: 500;
}

.checkOrder-form .checkorderlable {
    margin-top: 30px;
    font-size: 14px;
}

.order-id {
    height: 30px;
    width: 220px;
    padding: 0 5px;
    border: 1px solid grey;
    font-size: 14px;
}

.order-mail {
    height: 30px;
    width: 350px;
    margin: 0 20px;
    padding: 0 5px;
    border: 1px solid grey;
    font-size: 14px;
}

.checkOrder-btn {
    height: 30px;
    padding: 0 30px;
    border: 1px solid grey;
    font-size: 14px;
}

.fqa .underline {
    color: #188BB8;
}

.fqa {
    font-size: 14px;
}

.userList a {
    color: #000;
    text-decoration: none;
}

/*end profile*/

/*promotion*/
.promotion-title h1 {
    color: #295e56;
}

.prm-info a {
    text-decoration: none;
    color: #000;
}

.back-button {
    background-color: #295e56;
    color: #fff;
    padding: 15px 30px;
    border-radius: 5px;
}

.back-button:hover {
    background-color: #1f4741;
    text-decoration: none;
    color: #fff;
}

/*end promotion*/

/*lien he*/
#chir_collection h1 {
    color: #295e56;
}

#fContact label {
    display: block;
}

form#fContact {
    margin: 20px auto;
}

form#fContact label {
    display: block;
    margin: 12px 0;
}

form#fContact label span {
    float: left;
    color: #54595a;
    width: 30%;
}

form#fContact label input {
    display: inline-block;
    width: 70%;
    height: 33px;
    border: 1px solid #ccc;
    padding: 0 5px;
    box-sizing: border-box;
}

form#fContact label textarea {
    width: 70%;
    display: inline-block;
    height: 150px;
    resize: none;
    box-sizing: border-box;
    border: 1px solid #ccc;
    padding: 5px;
}

form#fContact button[type="submit"] {
    display: inline-block;
    padding: 5px 30px;
    border: none;
    background-color: #295e56;
    color: #fff;
    /*margin-right: 24px;*/
}

form#fContact #showErrorContact {
    border: 1px dashed #F04E23;
    margin-bottom: 20px;
    color: #F04E23;
    padding: 2px 5px;
    text-align: center;
}

form#fContact #showSuccessContact {
    border: 1px dashed #008000;
    margin-bottom: 20px;
    color: #008000;
    padding: 2px 5px;
    text-align: center;
}

.dnone-main {
    display: none;
}

/*end lien he*/

/*swiper slide*/
.swiper .swiper-button-next, .swiper .swiper-button-prev {
    background-color: #295e56;
    border: none;
    width: 30px;
    height: 30px;
    color: #fff;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.swiper .swiper-button-prev {
    left: -30px;
}

.swiper .swiper-button-next {
    right: -30px;
}

.swiper:hover .swiper-button-prev {
    left: 0;
}

.swiper:hover .swiper-button-next {
    right: 0;
}

.swiper .swiper-button-next:focus, .swiper .swiper-button-prev:focus {
    outline: none;
}

.swiper .swiper-button-next:after, .swiper .swiper-button-prev:after {
    font-size: 15px;
}

@media (max-width: 1024px) {
    .swiper .swiper-button-next, .swiper .swiper-button-prev {
        display: none;
    }
}

/*end swiper slide*/

/* Search auto*/
.searchFolding {
    box-shadow: 0 0 5px #bbb;
    position: absolute;
    top: 50px;
    left: 2%;
    width: 96%;
    background: #fff;
    z-index: 999;
}

.searchFolding a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 10px;
    color: #7e7e7e;
}

.searchFolding a:hover {
    color: #e60f1e;
}

.chir_frm form > p > a, .chir_frm form > div a {
    color: #aaa;
    margin-right: 10px;
}

@media (max-width: 768px) {
    .search-mb .searchFolding {
        max-height: 300px;
        overflow-x: auto;
    }
}