.custom-pay a {
    position: relative;
}
.custom-pay span {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 5;
    border: solid 1px red;
    cursor: pointer;
    opacity: 0;
}
a {
    color: inherit;
}
.ui-menu {
    z-index: 9999;
}
.blockUI{
    z-index: 99999 !important;
}
.thumbnail-product{
    height: 100px;
    width: 100%;
    object-fit: cover;
}
.posBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.show {
    visibility: visible;
    opacity: 1;
}
.hide {
    visibility: hidden;
    opacity: 0;
}
.hidden{
    display:none;
}
/*--------- Pager2 ---------*/
.pagination .page-item .page-link:hover {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    border-radius: .125rem;
    background-color: #eee;
}
.pagination.pg-blue .page-item.active .page-link:hover {
    background-color: #da282d;
}
.pagination .page-item.active .page-link {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border-radius: .125rem;
    background-color: #da282d;
    color: #fff;
}
.pagination .page-item .page-link {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    outline: 0;
    border: 0;
    background-color: transparent;
    font-size: .9rem;
    color: black;
}
.pagination .page-item.active .page-link{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.page-link{
    border:none!important;
}
.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0;
}
.onScroll a i.fa-sign-out,
.onScroll a.account-name,
.onScroll select.translate-text{
    color: #333 !important;
}
.translate-text option {
    color: #333;
}
.padd-box {
    padding: 0 70px;
}
.slick-proDetail .slick-arrow {
    top: 50%;
    transform: translate(0, -50%);
}
.slick-proDetail .slick-prev {
    left: -55px;
}
.slick-proDetail .slick-next {
    right: -55px;
}

.flex-direction-custom {

    flex-direction: column-reverse;
}
.translate-text {
    border: none;
    background: transparent;
    color: white;
    vertical-align: middle;
    height: 100%;
}
.translate-text:focus-visible {
    outline: none;
}
.discover{
    margin-top: -10px;
}
.news .thumbnail img{
    object-fit: cover;
}
.product .add-to-cart{
    min-height: 32px;
    line-height: 30px;
    width: 135px;
    font-size: 14px;
}
.discoverDetail .thumbnail img{
    object-fit: cover;
}
.form-check-label{
    font-weight: 500;
}
#mobile{
    display: none;
}
#desktop{
    display: block;
}
@media (max-width: 991.98px) {
    .capSeason-discover {

        top: -230px;


    }

}
@media (max-width: 479.98px) {
    .hide-on-pc {
        display: none !important;
    }
    .banner-about {
        height: 450px;
    }
}
@media (min-width: 479.98px) {
    .hide-on-mb {
        display: none !important;
        ;
    }
}
.hidden{
    display: none;
}
@media (max-width: 767.98px) {
    #offcanvasStart{
        /* padding:0 20px; */
    }
    section.product,
    section.news{
        padding: 0 20px;
    }
    .block-btn .w-60{
        width: 60%;
    }
    .proSameCategory .card-text, .listProduct .card-text, .proItems .card-text{
        /* height: 70px; */
    }
    .proSameCategory .slick-product-cookies .px-4{
        padding-right: 7px !important;
        padding-left: 7px !important;
    }
    .infoDetail .inner-blockBtn.w-80{
        width: 60% !important;
    }
    .collectionGift{
        padding-top: 14rem;
    }
    .payment .bgGray-mobile{
        margin-top: 0;
    }
    .padd-box{
        padding: 0;
    }
    .newsDetail .txtNewsDetail{
        width: 90%;
        padding: 15px;
    }
    .btn-apply{
        width: 135px;
    }
    #mobile{
        display: block;
    }
    #desktop{
        display: none;
    }

    .news.gridBlock .thumbnail,
    .newsDetail .gridBlock .thumbnail{
        height: 100px;
    }
    .newsDetail .gridBlock .thumbnail img{
        object-fit: cover;
    }
    .gridBlock .item{
        border-bottom: 1px solid #000;
    }
    .info-news .btn{
        width: 120px !important;
        padding: 5px !important;
        font-size: 12px;
    }
    .gridBlock .g-col-12 .info-news > *{
        color:#333 !important;
    }
    .gridBlock .bgBlack-30.info-news{
        background-color: transparent;
    }
    .gridBlock .thumbnail.thumbnail-h-600{
        height: 350px;
    }
    .gridBlock .info-news h4{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .newsDetail iframe{
        width: 100%;
        height: auto;
    }
}

@media (max-width: 479.98px){
    .menu-tabs-outside .icon .svg {
        width: 25px;
        height: 25px;
    }
    .navi-icon .svg {
        width: 35px;
        height: 35px;
    }
}
.newsDetail img{
    max-width:100%;
}
[data-layout=vertical] label{
    font-weight:700;
}
.modal-dialogcustom {
    max-width: 90% !important;
}
#modalPopup .modal-dialog{
    max-width: 85%;
    height: 100%;
}
#modalPopup .modal-dialog .modal-body img{
    height: 500px;
    object-fit: cover;
}
#modalPopup .modal-dialog .modal-body .read-more{
    margin: auto;
    display: block;
}
.slide-right {
    animation: 1s slide-right;
}
@keyframes slide-right {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

.fade-in {
    animation: fadeIn ease 3s;
}
@keyframes fadeIn{
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
.newsDetail iframe{
    width: 100%;
    height: 500px
}
.giftCode .chooseCode.highlight{
	color:#000;
}
.giftCode .chooseCode:hover, .giftCode .chooseCode.active{
	color:#da282d !important;
}
.giftCode .chooseCode.choosed{
	color:#da282d !important;
}
.non-highlight{
	cursor:not-allowed !important;
}
.giftCode .non-highlight::after{
	content:'';
}
footer a.icon-tt:hover svg .fill-1 {
    fill: #FE2C55;
}

footer a.icon-tt:hover svg .fill-2 {
    fill: #25F4EE
}

footer a.icon-tt:hover svg .fill-3 {
    fill: #000000;
}

.side-nav {
    position: fixed;
    right: 17px;
    bottom: 280px;
    transform: translateY(-50%);
    flex-direction: column;
    border-radius: 8px;
    z-index: 100;
    display: none;
    opacity: 0;
    transition: all 0.75s;
  }

  .side-nav.active {
    display: flex;
    opacity: 1;
  }

  .side-nav .nav-item {
    position: relative;
    z-index: 10;
  }

  .side-nav .nav-item .nav-header {
    text-decoration: none;
    color: white;
    padding: 10px;
    display: flex;
    align-items: center;
    font-size: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 8px;
    background-color: #803682;
    border-radius: 10px;
    width: 50px;
    height: 50px;
    font-weight: 400;
    border-radius: 50%;
  }
  .side-nav .nav-item.messenger-background .nav-header {
    background-color: #f0e9e9;
  }
  .side-nav .nav-item.zalo-background .nav-header {
    background-color: #2196F3;
  }
  .side-nav .nav-item.hotline-background .nav-header {
    background-color: #dd3333;
  }
  .side-nav .nav-item .nav-content {
    position: absolute;
    left: -330px;
    top: 0;
    background-color: #fff;
    color: #000;
    width: 330px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 10px;
    opacity: 0;
    display: none;
    z-index: 999;
  }

  .side-nav .nav-item i {
    margin-bottom: 5px;
    font-size: 28px;
  }

  .side-nav .nav-item .nav-header span {
    display: block;
    text-align: center;
    width: 100%;
  }

  .side-nav .nav-item:hover .nav-header {
    background-color: #5f2c5f;
  }

  .side-nav .nav-header img {
    width: 100%;
    height: 100%;
  }

  .side-nav .nav-item:hover .nav-content {
    opacity: 1;
    display: block;
  }

  .side-nav .nav-item .nav-content#time .nav-content-item i {
    font-size: 20px;
  }

  .side-nav .nav-item .nav-content .nav-content-item a {
    display: block;
  }

  .side-nav .nav-item .nav-content#schedule .theme-btn-2,
  .side-nav .nav-item .nav-content#servicePriceList .theme-btn-2 {
    font-size: 10px;
    padding: 5px 10px;
  }

  .side-nav .nav-item .nav-content#time .nav-content-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }

  .side-nav .nav-item .nav-content .nav-content-item h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
    color: var(--color-primary);
  }
  .side-nav .nav-item .nav-content .nav-content-item span {
    font-size: 16px;
  }
  .side-nav .nav-item .nav-content .nav-content-item p {
    margin-block: 12px 0;
    font-size: 18px;
  }
  .side-nav .nav-item .nav-content .nav-content-item p i {
    font-size: 16px;
  }