#breadcrumb ol{

    background-color: transparent;

}

#breadcrumb ol .breadcrumb-item{

}

#breadcrumb ol .breadcrumb-item a{

    color: #767676;

}

#breadcrumb ol .breadcrumb-item.active{

    color: #38578f;

}

a.image_link img {

    object-fit: contain;

    height: 230px;

    width: 100%;

}

/*HEADER*/

.top_bar{

    background-color: var(--primary-color);

}

.logo{}

.logo .wrapper_logo{}

.logo .wrapper_logo .logo_image{}

.logo .wrapper_search {flex-basis: 50%;}

.logo .wrapper_search #form_search {position: relative;width: 100%;}

.logo .wrapper_search #form_search input.menu_search{

    line-height: 38px;

    border: 2px solid var(--primary-color);

    /* inset: unset; */

    border-color: var(--primary-color);

    width: 100%;

    outline: none;

    padding-left: 20px;

}

.logo .wrapper_search #form_search .menu_submit{

    border: none;

    padding: 8px;

    background-color: var(--primary-color);

    color: #fff;

    /* text-transform: uppercase; */

    /* font-weight: 700; */

    position: absolute;

    top: 0;

    right: 0;

}

.logo .wrapper_cart{

    background-color: transparent;

    padding: 12px;

    font-weight: 700;

}

.logo .wrapper_cart .cart_link{

    color: #ffffff;

}

.menu{

    background-color: #0a91ac;

}

.menu .categories_products{

    color: #fff;

    cursor: pointer;

    padding: 0 5px;

    line-height: 40px;

    background-color: var(--primary-color);

    position: relative;

}

.menu .categories_products .mega_menu{

    background-color: #fff;

    display: none;

    color: #000;

    width: 100%;

    position: absolute;

    z-index: 9;

    left: 0;

    top: 100%;

    border: 1px solid #ddd;

}

.menu .categories_products .mega_menu .menu_mega-item{position: relative;}

.menu .categories_products .mega_menu .menu_mega-item .mega_menu_link{

    color: #000;

    display: block;

    width: 100%;

    border-bottom: 1px solid #ddd;

    padding: 6px;

    position: relative;

    text-transform: uppercase;

    font-family: RobotoCondensed-Bold;

}

.menu .categories_products .mega_menu .menu_mega-item:hover .mega_menu_link{

    background-color: #ddd;

}



.menu .categories_products:hover .mega_menu{

   display: block;

}



.sub-menu

{

    display: none;

    position: absolute;

    background-color: #ddd;

    width: 100%;

    z-index: 99;

    left: 100%;

    top: 0;

}

.menu .categories_products .mega_menu .menu_mega-item:hover .sub-menu {

    display: block;

}

.sub-menu .sub-menu_item

{

    padding: 2% 5%;

    text-wrap: nowrap;

}

.sub-menu .sub-menu_item .sub-menu_link

{

    color: #000000;

}

.sub-menu .sub-menu_item:hover

{

    border-bottom: 1px solid #ebebeb;

}

.main-menu{

    float: left;

    width: 100%;

    margin-bottom: 0;

}

.main-menu .menu_item{

    float: left;

    position: relative;

    /* padding: 0px 6px; */

    line-height: 70px;

}

.main-menu .menu_item .menu_link{

    color: #fff;

    /* line-height: 40px; */

    text-transform: uppercase;

    padding: 0 5px;

    display: block;

    font-size: 17px;

    font-weight: 700;

}

.main-menu .menu_item .menu_link:hover,.main-menu .menu_item .menu_link.active{

    background-color: var(--primary-color);

}

.main-menu .menu_item.hotline_menu .icon{

    line-height: 40px;

    width: 40px;

    text-align: center;

    background-color: #d9534f;

    color: #fff;

}

.main-menu .menu_item.hotline_menu{

    background: var(--primary-color);

}

.main-menu .menu_item.hotline_menu .icon i{

    animation: ew-circle 1s infinite ease-in-out;

    line-height: 40px;

    display: block;

}

.main-menu .menu_item.hotline_menu .text{

    padding: 0 15px;

    color: #fff;

    line-height: 40px;

    float: left;

}

.contact_link:hover {

    text-shadow: 1px 0px 3px yellow;

}

#close-btn{

    display: none;

}

@keyframes ew-circle {

    0% {

        transform: rotate(0) scale(1) skew(1deg)

    }



    10% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }



    20% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }



    30% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }



    40% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }



    50% {

        transform: rotate(0) scale(1) skew(1deg)

    }



    100% {

        transform: rotate(0) scale(1) skew(1deg)

    }

}

/*SLIDE*/

.slider .slick-prev, .slider .slick-next{

    z-index: 9;

}

.slider .slick-next

{

    right: 15px;

}

.slider .slick-prev

{

    left: 30px;

}

.categories {

    border: 1px solid #f5f5f5;

    padding: 2% 2%;

    border-radius: 8px;

    box-shadow: -2px 4px 12px gray;

}

/*product*/

.product_item-img img{

    width: 100%;

}

.product_item-info {

    font-size: clamp(19px, 4vw, 21px);

    /* color: var(--primary-color); */

}



.product_item:hover {

    border-bottom: 5px solid var(--primary-color);

    transform: translateY(-5px);

}

.list_product {

}

/*product by Cate*/

.product_by_cate {

    border: 1px solid #f5f5f5;

    padding: 2% 2%;

    border-radius: 8px;

    box-shadow: -2px 4px 12px gray;

}

.product_by_cate small.seemore{

    color: gray;

    font-size: 15px;

}

.product_by_cate small.seemore:hover{

    color: var(--primary-color);

}

/*aside*/

/* =========> customers_care */

.customer_care{

    margin-top: 3%;

}

.customer_care .card-header{

    text-transform: uppercase;

    text-align: center;

    background-color: var(--primary-color);

    color: #ffffff;

}

.customer_care .card-body {

    padding: 2% 0;

}

.customer_care .user-item{

    padding: 3%;

    box-shadow: 4px 4px 6px 1px gray;

    border-radius: 10px;

    margin-bottom: 5%;

}

.customer_care .user-item .user-image{}

.customer_care .user-item .user-image img{}

.customer_care .user-item .user-info{}

.customer_care .user-item .user-info .user-name{}

.customer_care .user-item .user-info .user-contact{}

.customer_care .user-item .user-info .user-contact .user-contact-item{}

/*end aside*/

/*footer*/

footer{

    background-color: #00666d;

    color: #fff;

}

.footer_item-title{

    border-bottom: 3px solid #ffffff;

}

ul.footer_item-list li, ul.footer_item-list li a{

    color: #ffffff;

}

.copyright

{

    display: flex;

    justify-content: space-between;

    align-items: center

}

#pills-tab{}

#pills-tab .nav-item{

    border-radius: unset;

}

#pills-tab .nav-item .nav-link{

    text-transform: uppercase;

    border-radius: inherit;

    color: #000000;

}

#pills-tab .nav-item .nav-link.active{

    background-color: var(--primary-color);

    color: #ffffff;

    position: relative;

}

#pills-tab .nav-item .nav-link.active:after{

    position: absolute;

    content: '';

    border: 5px solid transparent;

    border-top-color: var(--primary-color);

    bottom: 0;

    margin-bottom: -10px;

    left: 50%;

    margin-left: -5px;

    z-index: 6;

}

.product_item{

    border: 1px solid #ddd;

    margin-bottom: 20px;

    border-radius: 8px;

    transition: .3s;

}

.box_image{

    position: relative;

    overflow: hidden;

    text-align: center;

}

.box_image:before{

    position: absolute;

    top: 0;

    left: -75%;

    z-index: 2;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);

    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);

    -webkit-transform: skewX(-25deg);

    transform: skewX(-25deg)

}

.product_item:hover .box_image:before{

    -webkit-animation: shine .75s;

    animation: shine .75s;

}

.news_item{

    border: 1px solid #d2d2d2;

    border-radius: 10px;

    overflow: hidden;

}

.news_item .box_image a img{

    /* min-height: 200px; */

    overflow: hidden;

    /* max-height: 200px; */

}

.news_item-info a{

    display: block;

    min-height: 48px;

}

.news_item:hover .box_image:before{

    -webkit-animation: shine .75s;

    animation: shine .75s;

}

@-webkit-keyframes shine {

    100% {

        left: 125%

    }

}



@keyframes shine {

    100% {

        left: 125%

    }

}

.image-tools {

    position: absolute;

    padding: 10px

}



.grid-tools {

    bottom: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    padding: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    white-space: nowrap

}



.hover-slide-in .add-to-cart-div {

    padding-top: 0;

    width: 100%;

    float: left

}



.hover-slide-in .add-to-cart-div a {

    display: block;

    padding: 11px 12px;

    background-color: #343a40

}



.hover-slide-in .add-to-cart-div a:hover {

    background: #343a40!important

}



.hover-slide-in {

    opacity: 0;

    -webkit-transition: opacity .5s,max-height .6s,-webkit-transform .3s,-webkit-filter .6s;

    transition: opacity .5s,max-height .6s,-webkit-transform .3s,-webkit-filter .6s;

    -o-transition: opacity .5s,transform .3s,max-height .6s,filter .6s;

    transition: opacity .5s,transform .3s,max-height .6s,filter .6s;

    transition: opacity .5s,transform .3s,max-height .6s,filter .6s,-webkit-transform .3s,-webkit-filter .6s;

    -webkit-filter: blur(0);

    filter: blur(0);

    pointer-events: none

}



.hover-slide-in {

    -webkit-transform: translateY(100%) translateZ(0);

    transform: translateY(100%) translateZ(0)

}



.product_item:hover .hover-slide-in {

    opacity: 1;

    -webkit-transform: scale(1) translateZ(0) translateY(0)!important;

    transform: scale(1) translateZ(0) translateY(0)!important;

    pointer-events: inherit

}



.block-title.title-module {

    /* text-align: center; */

    justify-content: space-between;

    display: flex;

    text-transform: uppercase;

    position: relative;

    padding-bottom: 5px;

    border-bottom: 4px dashed gray;

}



.block-title.title-module a {

    text-align: center;

    text-transform: uppercase;

    color: var(--primary-color); /* Sửa text-color thành color */

}



.block-title.title-module:after {

    content: '';

    background-color: var(--primary-color);

    display: block;

    width: 10%;

    height: 5px; /* Thêm chiều cao để pseudo-elements hiển thị */

    position: absolute;

    bottom: -7px;

    transform: translateY(-50%); /* Đặt giữa theo chiều dọc */

}



.block-title.title-module:before {

    /* left: 0; */

}



.block-title.title-module:after {

    /* right: 0; */

}



.title_news{

    border-bottom: 3px solid #ddd;

}

.title_news-span{

    border-bottom: 3px solid #ededed;

}



.list_products .title-module{

    background-color: #e5e4e4;

}

.list_products .title-module a{

    color: #000;

    font-weight: bold;

}

.news .title-module{

    background-color: #e5e4e4;

}

.news .title-module a{

    color: #000;

    font-weight: bold;

}

/*product detail*/

#policy .item_policy {

    background: #eee;

    border-bottom: 1px solid #fff;

    padding: 10px;

    font-size: 14px;

    color: #444;

    text-transform: uppercase;

    float: left;

    width: 100%

}

#policy .item_policy i {

    font-size: 37px;

    float: left;

    margin-right: 10px;

    width: 37px;

    text-align: center

}

#branch{

    color: #ffffff;

    background-color: #343a40;

}

form#contactForm {

    padding: 1%;

    border: 1px solid #c4bfbf;

    border-radius: 8px;

    margin-bottom: 3%;

}

.customer_care .card {

    border: none;

}

.blinking {

    -webkit-animation: 1.3s blinking ease infinite;

    -moz-animation: 1.3s blinking ease infinite;

    -ms-animation: 1.3s blinking ease infinite;

    -o-animation: 1.3s blinking ease infinite;

    animation: 1.3s blinking ease infinite

}



@keyframes "blinking" {

    from,to {

        opacity: .3

    }



    50% {

        opacity: 1

    }

}



@-moz-keyframes blinking {

    from,to {

        opacity: .3

    }



    50% {

        opacity: 1

    }

}



@-webkit-keyframes "blinking" {

    from,to {

        opacity: .3

    }



    50% {

        opacity: 1

    }

}



@-ms-keyframes "blinking" {

    from,to {

        opacity: .3

    }



    50% {

        opacity: 1

    }

}



@-o-keyframes "blinking" {

    from,to {

        opacity: .3

    }



    50% {

        opacity: 1

    }

}



#socials {

    display: inline-block;

    position: fixed;

    bottom: 0%;

    right: 15px;

    transform: translateY(-50%);

    z-index: 100;

    width: 40px

}



#socials a {

    width: 40px;

    height: 40px;

    display: block;

    border-radius: 50%;

    background: #0d94e4;

    margin-bottom: 10px;

    color: #fff

}



#socials a.phone {

    padding: 5px;

    border-radius: 50%;

    background-color: #dd2b31;

    animation: quick-alo-circle-img-anim 1s infinite ease-in-out

}



#socials a.phone img {

    padding: 5px

}



#socials a.address img {

    padding: 10px

}



@-webkit-keyframes quick-alo-circle-img-anim {

    0% {

        -webkit-transform: rotate(0) scale(1) skew(1deg)

    }



    10% {

        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)

    }



    20% {

        -webkit-transform: rotate(25deg) scale(1) skew(1deg)

    }



    30% {

        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)

    }



    40% {

        -webkit-transform: rotate(25deg) scale(1) skew(1deg)

    }



    50% {

        -webkit-transform: rotate(0) scale(1) skew(1deg)

    }



    100% {

        -webkit-transform: rotate(0) scale(1) skew(1deg)

    }

}