body{overflow-x: hidden;}
.text-b{font-weight: bold!important;}
.text-u{text-transform: uppercase!important;}
.text-bu,.text-ub{font-weight: bold!important; text-transform: uppercase!important;}

.text-sm{font-size: 90%;color: #808080;}
.text-sm-o{font-size: 80%;color: #808080;}
.text-lg{font-size: 110%;}
.text-lg-o{font-size: 120%;}
.col-white{ color: white !important; }
.col-black{ color: black !important; }
.col-red{ color: red !important; }
.col-orange{ color: orange !important; }
.col-gray{ color: gray !important; }
.col-gray-o{ color: #ccc; }
.col-gray-o2{ color: #ddd; }
.col-blue{ color: blue !important; }
.col-green{ color: green !important; }
.col-yellow{ color: yellow !important; }
.col-purple{ color: purple !important; }
.col-facebook{ color: #3b5998 !important; }
.col-twitter{ color: #1da1f2 !important; }
.col-gplus{ color: #ff6550 !important; }

.bg-gray{ background: #f2f2f2; }
.bg-facebook{ background-color: #3b5998 !important; }
.bg-twitter{ background-color: #1da1f2 !important; }
.bg-gplus{ background-color: #ff6550 !important; }

.pt-6, .py-6{padding-top: 5rem;}
.pb-6, .py-6{padding-bottom: 5rem;}

img{max-width: 100%;}
.border-2{border: 2px solid !important;}
.fz-14{font-size: 14px!important;}
.maxpage{max-width: 1360px!important; margin: 0 auto;}
a:hover{text-decoration: none;}

.item-center{ display: flex; -webkit-box-align: center; align-items: center; }

.radius{border-radius: 1rem;}
/** << ======================================^^^=================================== >> */
/** << ======================================***=================================== >> */

.row-cus-0, .row-no {margin: 0!important;}
.row-cus-0>.col, .row-cus-0>[class*="col-"], .row-no>.col, .row-no>[class*="col-"] {padding: 0;}
.row-cus-1 {margin: -0.125rem!important;}
.row-cus-1>.col, .row-cus-1>[class*="col-"] {padding: 0.125rem;}
.row-cus-2 {margin: -0.25rem!important;}
.row-cus-2>.col, .row-cus-2>[class*="col-"] {padding: 0.25rem;}
.row-cus-3 {margin: -0.5rem!important;}
.row-cus-3>.col, .row-cus-3>[class*="col-"] {padding: 0.5rem;}
.row-cus-4 {margin: -15px!important;}
.row-cus-4>.col, .row-cus-4>[class*="col-"] {padding: 15px;}
.row-cus-5 {margin: -1.25rem!important;}
.row-cus-5>.col, .row-cus-5>[class*="col-"] {padding: 1.25rem;}
.row-cus-6 {margin: -2rem!important;}
.row-cus-6>.col, .row-cus-6>[class*="col-"] {padding: 2rem;}
.row-nm {margin-left: -0.5rem; margin-right: -0.5rem;}
.row-nm>.col, .row-nm>[class*="col-"] {padding-left: 0.5rem; padding-right: 0.5rem;}

.col-0{width: 0!important;}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.col-xs-5ths {flex: 0 0 20%; max-width: 20%;}

@media (min-width: 992px) {
    .col-md-5ths {flex: 0 0 20%; max-width: 20%;}
}

@media (min-width: 1200px) {
    .col-lg-5ths {flex: 0 0 20%; max-width: 20%;}
}

[class*="text-line-"]{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.text-line-0{height: 0px; margin: 0; padding: 0;}
.text-line-1, .text-line-fixed-1{-webkit-line-clamp: 1;}
.text-line-2, .text-line-fixed-2{-webkit-line-clamp: 2;}
.text-line-3, .text-line-fixed-3{-webkit-line-clamp: 3;}
.text-line-4, .text-line-fixed-4{-webkit-line-clamp: 4;}
.text-line-5, .text-line-fixed-5{-webkit-line-clamp: 5;}
.text-line-none{-webkit-line-clamp: unset;}
p.text-line-1.fixed{height: 1.5em;}
p.text-line-2.fixed{height: 3.0em;}
p.text-line-3.fixed{height: 4.5em;}
p.text-line-4.fixed{height: 6.0em;}
p.text-line-5.fixed{height: 7.5em;}
h1.text-line-1.fixed,h2.text-line-1.fixed,h3.text-line-1.fixed,h4.text-line-1.fixed,h5.text-line-1.fixed{height: 1.2em;}
h1.text-line-2.fixed,h2.text-line-2.fixed,h3.text-line-2.fixed,h4.text-line-2.fixed,h5.text-line-2.fixed{height: 2.4em;}
h1.text-line-3.fixed,h2.text-line-3.fixed,h3.text-line-3.fixed,h4.text-line-3.fixed,h5.text-line-3.fixed{height: 3.6em;}
h1.text-line-4.fixed,h2.text-line-4.fixed,h3.text-line-4.fixed,h4.text-line-4.fixed,h5.text-line-4.fixed{height: 4.8em;}
h1.text-line-5.fixed,h2.text-line-5.fixed,h3.text-line-5.fixed,h4.text-line-5.fixed,h5.text-line-5{height: 6.0em;}
/** << ======================================^^^=================================== >> */
/** << ======================================***=================================== >> */
#loading{
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	width: 100%;
	top: 0;
	bottom: 0;
	z-index: 9999;
	height: 100%;
	text-align: center;
	display: none;
}
#loading i{ margin-top: 10%; color: #fff; }
.paging{text-align: center;}
.paging .pagination{
	display: inline-flex;
}

/** << ======================================^^^=================================== >> */
/** << ======================================***=================================== >> */

header{position: relative; z-index: 1011;}
header.fixed {position: fixed!important; width: 100%; top: 0; left: 0; z-index: 9998;}
header.fixed, header.fixed #head-top, header.fixed #menu{opacity: .95;}

#banner_subpage{background-position: center center; background-repeat: no-repeat; /* background-attachment: fixed; */ background-size: cover;}
.hbanner .text-center .breadcrumb{justify-content: center!important;}
/** << ======================================^^^=================================== >> */
/**                                        HEADER                                      */
/** << ======================================***=================================== >> */
#head-search .form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}


.cicon a{
	border: 1px solid #fff;
	color: #fff;
	padding: .4rem .5rem;
    margin-right: .5rem;
    border-radius: 50%;
}
.cicon a:hover{
	background: #fff;
	border: 1px solid #fff;
	color: #555;
}
.btn_mobi{line-height: 60px;}
#menu, .menu{position: relative; z-index: 999;}
#menu.center, .menu.center{text-align: center;}
#menu.left, .menu.left{text-align: left;}
#menu.right, .menu.right{text-align: right;}
#menu.full .menu_main, #menu.justify .menu_main, .menu.justify .menu_main{display: flex;}
#menu.full .menu_main>li, #menu.justify .menu_main>li, .menu.justify .menu_main>li{flex: 1 1 auto; text-align: center;}
#menu.fixed-top{
	position: fixed !important;
	margin-top: 0!important;
	background: #370663;
	line-height: 64px;
}
#menu.fixed-top .menu_main>li>a{padding: 1rem .75rem!important; line-height: 2em!important; position: relative;}
#menu ul, .menu ul{list-style: none; padding: 0; margin: 0;}
#menu li, .menu li{position: relative;}
#menu li>a, .menu li>a{text-decoration: none; display: block;}
.menu_main{display: inline-flex;}
.menu_dropdown{
	position: absolute;
	min-width: 230px;
	background: #fff;
	box-shadow: 0 0 5px 0 #ccc;
	display: none;
}
.menu_main>li>a{display: block; white-space: nowrap;}
.menu_main>li:hover .menu_dropdown{display: block;}
.menu_subfull{position: static!important; }
.menu_subfull>.menu_dropdown{min-width: 100%!important; left: 0;}
.menu_subfull>.menu_dropdown li{display: inline-block; border: none;}
.menu_dropdown li{
	border-bottom: 1px solid #eee;
	line-height: 3em;
	text-align: left;
}
a.issubs::before{
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
	content: "\f105";
	position: absolute;
	right: 10px;
	height: 3em;
	line-height: 3em;
}
.menu_dropdown li>a{
	color: #444;
	padding: 0 1rem;
	white-space: nowrap;
}
.menu_dropdown li>a:hover{color: #007bff;}
.menu_dropdown_sub{
	position: absolute;
	min-width: 240px;
	top: 0;
	left: 100%;
	background: #fff;
	display: none;
	border-left: 1px solid #eee;
	box-shadow: 3px 0 5px 0 rgba(0,0,0,.15);
}
.menu_dropdown>li:hover .menu_dropdown_sub{
	display: block;
}
.cart_icon{display: inline-block; position: relative; overflow: visible!important;}
.cart_icon i{font-size: larger;}
.cart_icon>.fix_top{position: absolute; top: 3px; right: -16px; font-size: 15px;}

.s_price {
	border: 3px solid #fff;
	box-shadow: 0 0 6px #8a5a5a;
	border-radius: 20px !important;
	font-weight: bold;
	padding: 1rem;
	background: #fff;
	color: #ef0303;
	margin: 1rem 0;
}

.font_b {font-weight: bold;}
.font-size-medium{font-size: medium;}
.font-size-large{font-size: large;}
.font-size-small{font-size: small;}

.btn-mb{display: inline-block; text-align: center; font-size: 22px;}

.shadow-1{box-shadow: 0 2px 6px rgba(0,0,0,.15)!important;}
/** << ======================================^^^=================================== >> */
/**                                         MAIN                                       */
/** << ======================================***=================================== >> */
.breadcrumb{
	padding: 0;
	margin-bottom: 0;
	background: none;
}

.carousel-caption {
	bottom: 50px !important;
	color: #fff !important;
}

.item_img {position: relative; overflow: hidden; display: block;}

.img_41{width: 100%; padding-top: 25%!important;}
.img_31{width: 100%; padding-top: 33.33%!important;}
.img_21{width: 100%; padding-top: 50%!important;}
.img_169{width: 100%; padding-top: 56.25%!important;}
.img_32{width: 100%; padding-top: 75%!important;}
.img_11{width: 100%; padding-top: 100%!important;}
.img_43{width: 100%; padding-top: 133%!important;}
.img_32 a,.img_11 a,.img_43 a,.img_169 a,.img_21 a{
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 99;
}
.img_32 img,.img_11 img,.img_43 img,.img_169 img,.img_21 img{height: 100%; width: 100%; object-fit: cover;}

.img_zoom img {-webkit-transition: ease .5s; transition: ease .5s; width: 100%;}
.img_zoom>a, .img_zoom>span, .img_zoom>div{display: block; overflow: hidden;}
.img_zoom:hover img {transform: scale(1.1); filter: contrast(80%) brightness(110%);}

.img_zoom_ro img {
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.img_zoom_ro:hover img {
    transform: rotate(8deg) scale(1.3);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.img_inner::before, .img_inner::after {
	position: absolute;
	cursor: pointer;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	-webkit-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
}
.img_inner:hover::before {
    right: 50%;
    left: 50%;
    width: 0;
    background: rgba(220,170,128,0.3);
}
.img_inner:hover::after {
    height: 0;
    top: 50%;
    bottom: 50%;
    background: rgba(220,170,128,0.3);
}
.img_inner img {
    -webkit-transition: transform 0.4s ease 0s;
    -moz-transition: transform 0.4s ease 0s;
    -o-transition: transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s;
}
.img_inner:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.img_inner_zoom::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0,0,0,0.75);
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
    z-index: 1;
}
.img_inner_zoom:hover::before {
    opacity: 0.3;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


.img_inner_line::before, .img_inner_line::after {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.img_inner_line::before {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}
.img_inner_line::after {
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}
.img_inner_line:hover:before, .img_inner_line:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.img_scroll {
    position: relative;
    display: inline-block;
    max-height: 200px;
    overflow: hidden;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 16px rgba(12, 31, 41, 0.21);
    box-shadow: 0 1px 16px rgba(12, 31, 41, 0.21);
}
.img_scroll img{
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.img_scroll img:hover {
    -webkit-transform: translate3d(0, -36%, 0);
    transform: translate3d(0, -36%, 0);
}

.line{display: inline-flex; line-height: 1;}
.item, .item .item_img, .item .item_body, .gallery{position: relative; overflow: hidden;}
.price{font-weight: bold;}
.price_old{color: #666; text-decoration: line-through; font-size: .75em; margin-left: .5rem;}
.saleoff{position: absolute; top: 7px; right:7px; background: #ff0000; color: #fff; font-weight: bold; padding: 3px 8px; z-index: 1001;}
.item.left>.saleoff{left: 7px; right: unset;}

.item .item_btn{
    transition: all 0.3s ease;
    position: absolute;
    left: 0px;
    bottom: -10px;
    opacity: 0;
    visibility: hidden;
    z-index: 1009;
    width: 100%;
    text-align: center;
    padding: 5px 0;
}
.item:hover .item_btn{
    opacity: 1;
    visibility: visible;
    bottom: 10px;
}
.item .item_btn button{background: #fff; border: 1px solid #eee; box-shadow: 0 0 5px #999; font-size: 18px; padding: 3px 8px;}
.item .item_btn button:hover{background: #44a9d5; color:#fff; border: 1px solid #eee;}
.item .item_btn i{font-size: 14px; color: #666;}
.item .item_btn button:hover i{color:#fff;}
.gallery_body{position: absolute; left: 0; bottom: 20%; width: 100%; background: rgba(0,0,0,0.25); color: #fff; padding: 15px; height: 60px; z-index: 101;}
.gallery_body{overflow: hidden; transition: height .5s,transform .5s; transition: height .5s;  transition: all ease 0.5s;}
.gallery_body .title{font-size: 20px; font-weight: bold; text-transform: uppercase; line-height: 30px; margin-bottom: 15px; transition: all ease 0.4s;}
.gallery_body .title{height: 30px; overflow: hidden;}
.gallery_body .title a{color: #fff;}
.gallery:hover .gallery_body{height: 100%; bottom: 0;}
.gallery:hover .gallery_body .title{margin-top: 40px; height: auto; overflow: unset}

#menu_mobi{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
    display: none;
    color: #999;
	overflow-x: hidden;
	overflow-y: auto;
	line-height: 80px;
}
#menu_mobi .list-group .list-group-item{
	border: 1px solid #888;
	padding: 0px;
	border-left: 0;
	border-right: 0;
}
#menu_mobi .list-group a{display: block; line-height: 48px;}
#menu_mobi .list-group a.list-group-item, a.parent{padding: 0 50px 0 15px;}
#menu_mobi .list-group-item > .list-group-item{border-bottom: 0;}
.activesub{
	position: absolute;
	right: 0;
	top: 0;
	line-height: 50px;
	height: 50px;
	width: 50px;
	text-align: center;
	background: none;
	border-left: 1px solid #888;
}

.oproduct input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.oproduct input[type=radio] + label {
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: .125rem .5rem;
}
.oproduct input[type=radio]:checked + label {
    border: 1px solid #ff0000;
    background: #fbe2e2;
}

.pview table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    border: 1px solid #dee2e6;
}

.pview table td, .pview table th {
    border: 1px solid #dee2e6;
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

/** << ======================================^^^=================================== >> */
/**                                        FOOTER                                      */
/** << ======================================***=================================== >> */
.showmenu{display: none;}
#allBtn{position: fixed;z-index: 1010;bottom: 60px;width: 62px;right: 0;}
.icons_left{left: 0;right: auto;}
#allBtn>.item{display: block; padding: 8px;}
#allBtn a{
	width: 46px;
	height: 46px;
	padding: 0;
	line-height: 46px;
	text-align: center;
	border-radius: 50%;
	font-size: 22px;
	color: #00acd4;
	background: rgba(255,255,255,0.9);
}
#allBtn a i{font-size: 22px;}
#allBtn .nav{margin: -4px 0;}
#allBtn .nav a{margin: 4px 0;}
#allBtn a#go_to_top{margin-top: 8px; display: inline-block;}
#allBtn .nav a.i-zalo{
	background-image: url("../images/icon-zalo.png");
	background-size: 100%;
}
#allBtn .nav a.i-fb{
	background-image: url("../images/icon-msg.png");
	background-size: 100%;
}
#allBtn .nav a.i-email{
	background-image: url("../images/icon-gmail.png");
	background-size: 100%;
}
#allBtn .nav a.i-contact{
	background-image: url("../images/icon-contact.png");
	background-size: 100%;
}
/*Calling*/
.hotline-phone-ring-wrap {
     position: fixed;
     bottom: 0;
     left: 0;
     z-index: 1009;
 }
.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.hotline-phone-ring-circle {
    width: 85px;
    height: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #e60808;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
    width: 55px;
    height: 55px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
    background-color: #e60808;
    width: 33px;
    height: 33px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px;
    height: 20px;
}
.hotline-bar {
    position: absolute;
    background: rgba(230, 8, 8, 0.75);
    height: 40px;
    width: auto;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50px !important;
    /* width: 175px !important; */
    left: 33px;
    bottom: 37px;
}
.hotline-bar > a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    text-indent: 38px;
    display: block;
    letter-spacing: 1px;
    line-height: 40px;
    font-family: Arial;
    white-space: nowrap;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
    color: #fff;
}
@-webkit-keyframes phonering-alo-circle-anim {
    0% { -webkit-transform: rotate(0) scale(0.5) skew(1deg); -webkit-opacity: 0.1; }
    30% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); -webkit-opacity: 0.5; }
    100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: 0.1; }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.6; }
    50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: 0.6; }
    100% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.6; }
}
@-webkit-keyframes phonering-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); }
}

.text-center .pagination,
.text-between .pagination,
.text-around .pagination{display: inline-flex!important;}

.category{position: relative; border-radius: 3px; box-shadow: 0 1px 4px 0 #eee;}
.category>ul{margin: 0; padding: 0; list-style: none;}
.category>ul>li{border-bottom: 1px solid #eee;}
.category>ul>li:last-child{border-bottom: none;}
.category>ul>li>a{display: block; font-weight: bold; padding: 1rem; color: #333;}
.category>ul>li>a:hover{text-decoration: none; color: #ca1414;}
/* .category .cate-sub{display: none; position: absolute; top: 0; left: 100%; min-width: 300px; z-index: 1000; background: #fff;}
.bar-right .category .cate-sub{left: -300px!important;}
.category>ul>li:hover .cate-sub{display: block; border: 1px solid #eee;} */
.category .cate-sub li>a{line-height: 3rem; display: block; color: #333;}
.category label{cursor: pointer; display: block;}
.category .cate_body{z-index: 1000;}
.cate_show_0 .cate_sub{border: none!important;}
.cate_show_1{position: relative;}
.cate_show_2{display: none; position: absolute; width: 100%; left: 0; top: 100%; min-width: 260px;}
.category:hover .cate_show_2{display: block;}
.cate_show_1 .cate_sub, .cate_show_2 .cate_sub{display: none; position: absolute; top: 0; left: 100%; min-width: 260px; z-index: 1000;}
.category li:hover .cate_sub{display: block;}
.category .cate_sub li>a{line-height: 3rem; display: block; color: #333;}

.head_search input {box-shadow: none; border: 0;}
.head_search button {box-shadow: none; border: 0; border-radius: 0;}
/* .slick-slider{margin: -0.5rem;} */

.carousel-control-next-icon, .carousel-control-prev-icon {width: 36px; height: 36px;}


.sb-category{height: 100%; background: #fff; border-right: 1px solid #eee; position: relative;}
.sb-category>ul{margin: 0; padding: 0; list-style: none;}
.sb-category>ul>li{border-bottom: 1px solid #eee;}
.sb-category>ul>li:last-child{border-bottom: none;}
.sb-category>ul>li>a{display: block; line-height: 3rem; font-weight: bold; padding: 0 1.25rem; color: #333;}
.sb-category>ul>li>a:hover{text-decoration: none; color: #ca1414;}
.sb-category .cate-sub{display: none; position: absolute; top: 0; left: 100%; min-width: 302%; z-index: 1020; background: #fff;}
.sb-category>ul>li:hover .cate-sub{display: block;}
.sb-category .cate-sub li>a{line-height: 3rem; display: block; color: #333;}

#head-category{padding: .0rem 1rem; background: rgba(0,0,0,0.25); position: relative; text-align: left; cursor: pointer;}
#head-category .icon-cate{margin: 0; color: #fff; font-size: 20px; line-height: 50px;}
#head-category .all-cate{position: absolute; display: none; width: 100%; min-width:280px; top: 50px; left:0; z-index: 9999; background: #fff;}
#head-category:hover .all-cate{display: block;}
#head-category .all-cate .cate-sub{display: none; position: absolute; top: 0; left: 100%; bottom: 0; min-width: 300px;z-index: 1000; background: #fff;}
#head-category .all-cate ul{margin: 0; padding: 0; list-style: none;}
#head-category .all-cate ul>li{border-bottom: 1px solid #f2f2f2; position: relative;}
#head-category .all-cate ul>li>a {display: block; line-height: 3rem; font-weight: bold; padding: 0 1.25rem; color: #333; background: #fff;}
#head-category .all-cate li:hover .cate-sub{display: block;}


.cat-title{background: #333; color: #fff; text-transform: uppercase; padding: .75rem 1.5rem; font-weight: bold; border-radius: 3px;}
div:has(>span.line){font-size: 0; line-height: 1;}

.is-invalid {
  border-color: #dc3545;
}

.is-invalid + .invalid-feedback {
  display: block;
  color: #dc3545;
}

#product{background: #f5f5f5;}
/** << ======================================^^^=================================== >> */
/**                                        MOBILE                                      */
/** << ======================================***=================================== >> */
@media (max-width: 750px){
	.container{padding-right: 0.5rem; padding-left: 0.5rem;}
	.module_item{overflow: hidden;}
	.subcate>.nav {position: relative; justify-content: flex-start!important;}
	.subcate>.nav .nav-link {line-height: 1em;}
	#page_header .logo{text-align: center; line-height: 60px;}
	.showmenu{position: fixed; top: 1rem; right: 1rem; display: block;}
	#callNow{display: block;}
	#FrmContactSrv{padding: 0!important; border: none!important;}
    .hotline-bar {display: none;}
	#menu{display: none;}
	.mobile-header{line-height: 80px;}
	header #logo, #mobi_logo, .mobile-header a{line-height: 80px!important; display: block;}
	header a{position: relative; z-index: 1001;}
	header a>i, .mobile-header a>i{font-size: 22px!important;}
	header #logo img, #mobi_logo img{max-width: 100%; max-height: 80px!important;}
	header.fixed {position: relative!important; z-index: 999;}
	#head-btn{line-height: 80px;}
	#head-btn .btn-mb{margin-left: .25rem}
	.btn-mb {margin-left: 0.25rem;text-align: center;}
	#head-btn a, .btn-mb {line-height: 46px;width: 45px;height: 45px;border-radius: 30px;box-shadow: 0 1px 4px #ccc;}
	
	.row-mobi-0 {margin: 0;}
	.row-mobi-0>.col, .row-mobi-0>[class*="col-"] {padding: 0;}
	.row-mobi-1 {margin: -0.125rem;}
	.row-mobi-1>.col, .row-mobi-1>[class*="col-"] {padding: 0.125rem;}
	.row-mobi-2 {margin: -0.25rem;}
	.row-mobi-2>.col, .row-mobi-2>[class*="col-"] {padding: 0.25rem;}
	.row-mobi-3 {margin: -0.5rem;}
	.row-mobi-3>.col, .row-mobi-3>[class*="col-"] {padding: 0.5rem;}
	.row-mobi-4 {margin: -15px;}
	.row-mobi-4>.col, .row-mobi-4>[class*="col-"] {padding: 15px;}
	.row-mobi-5 {margin: -1.25rem;}
	.row-mobi-5>.col, .row-mobi-5>[class*="col-"] {padding: 1.25rem;}
	.row-mobi-6 {margin: -2rem;}
	.row-mobi-6>.col, .row-mobi-6>[class*="col-"] {padding: 2rem;}
	#prod_detail .price{font-size: 26px!important;}
	.price_old{display: block; margin-left: 0;}
	
	.row-cus-0 {margin: 0!important;}
	.row-cus-0>.col, .row-cus-0>[class*="col-"] {padding: 0;}
	.row-cus-1 {margin: -0.125rem!important;}
	.row-cus-1>.col, .row-cus-1>[class*="col-"] {padding: 0.125rem;}
	.row-cus-2 {margin: -0.25rem!important;}
	.row-cus-2>.col, .row-cus-2>[class*="col-"] {padding: 0.25rem;}
	.row-cus-3, .row-cus-4, .row-cus-5, .row-cus-6 {margin: -0.5rem!important;}
	.row-cus-3>.col, .row-cus-3>[class*="col-"],
	.row-cus-4>.col, .row-cus-4>[class*="col-"],
	.row-cus-5>.col, .row-cus-5>[class*="col-"],
	.row-cus-6>.col, .row-cus-6>[class*="col-"] {padding: 0.5rem;}
	
	
	.col-xs-5ths,
	.col-sm-5ths,
	.col-md-5ths,
	.col-lg-5ths {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
	.col-xs-5ths {flex: 0 0 20%; max-width: 20%;}
	
	.slick-slider .item{margin: .25rem!important;}
	.carousel-caption{display: none!important;}
	.title a{font-size: 18px;}
}