body {font-family: 'open_sansregular';font-size: 14px;background:url(../images/bg.jpg) repeat-y;background-size: 100% auto;}
a {color:unset;}
b, strong {font-weight: bold;}
.clear {overflow:hidden; clear:both;}
#loading{display:none;background: #fff url(../images/loader.gif) no-repeat center center;opacity: 0.9;z-index: 12345;position:fixed;width:100%;height:100%}
/**************** header ********************/
header {position: relative;z-index: 101;top: 0px;left: 0px;width: 100%;}
header.fixed {position: fixed; top: 0px; z-index: 999; width: 100%;background-color:white;}
header .fixed {position: fixed;z-index: 101;top: 0px;display: inline;width: 100%;left: 0px;}
.heading {overflow:hidden; height: 0px; visibility: hidden;}
.fixed .top_header {display: none;}
.breadcrumb-arrow {padding: 8px 10px;font-size: 12px;margin-bottom: 50px;border-bottom: 1px solid #ddd;}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {display: inline-block;position: relative;}
.breadcrumb-arrow li:first-child {background:url(../images/ic_home.png)no-repeat left;padding-left:20px;}
.breadcrumb-arrow li:not(:last-child) {margin-right:20px;}
.breadcrumb-arrow li span {padding: 0 10px;}
.breadcrumb-arrow li a {text-decoration: none;transition: all 0ms;position: relative;}
.breadcrumb-arrow li:not(:last-child):after {content: '\f105';font-family: "FontAwesome";position: absolute;right: -14px;}
.breadcrumb-arrow li a:hover, .breadcrumb-arrow li a:focus {color: red;}
.breadcrumb-arrow li a:active {color: red;}
nav.fixed {position: fixed !important;z-index: 1011;top: 0px;display: inline;width: 100%;left: 0px;}
nav.fixed ul{max-width: 1000px; margin: auto !important;}
.section-breadcrumbs{text-align: center; padding:100px 0;}
.section-breadcrumbs .container{z-index: 2; position: relative;}
.section-breadcrumbs .title{color: white;text-align: center;font-size: 44px;font-weight: 300;margin-bottom: 0;text-shadow: 0px 1px 1px #000;}
#heading{height:0px; visibility: hidden; overflow:hidden;}
.box_carts {position: fixed;z-index: 1001;left: 0px;top: 0px;width: 100%; padding: 5% 0px;background: rgba(0, 0, 0, 0.47);display: none;height: 100%;}
.box_carts .content {max-width: 500px;margin: auto;position: relative;background: #fff; padding: 30px 15px;color: #333;}
.box_carts .content .close{position: absolute;top: 0px;right: 0px;background: #333;color: #fff;padding: 5px 10px;cursor: pointer;}
.box_carts .content .images{ width: 100px;float: left;margin-right: 10px;}
.box_carts .content .btn-red-popup {background: #cc0000;color: #fff;padding: 5px 10px;display: inline-block;margin-top: 30px;text-transform: uppercase;}
/* --------------------- Phan trang ------------------*/
.pagination {text-align:center; padding: 30px 0px;width: 100%;}
.phantrang {text-align:center;background: #f2f2f2;margin: auto;}
.phantrang a {color: #636363; cursor: pointer;font-size: 15px;margin: 5px 0 5px 4px;display: inline-block;padding: 6px 10px;}
.phantrang span{ background: #09669C; padding: 7px 10px; color: #fff;}
.phantrang a:hover {background: none repeat scroll 0 0 #09669C;box-shadow: none;color: #FFFFFF;text-decoration: none;}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;border: 1px solid #D2D2D2 !important;color: #ADADAD !important;cursor: default;opacity: 0.7;display: inline-block;}
.phantrang .paginate_active, .phantrang .paginate_active:hover { background: none repeat scroll 0 0 #09669C;box-shadow: none;color: #FFFFFF;}
/*----------------------------------------------------*/
.scroll-top {position: fixed;z-index: 1001;right: 0px;bottom: 10px;display: none;}
.addtocart {padding: 11px 12px;text-transform: uppercase;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;color: #333;text-align: center;cursor: pointer;margin-bottom: 10px;max-width: 170px;margin-top: 10px;border: solid 1px #ddd;border-radius: 30px;}
.addtocart:hover {background-color: #d60c0c;color: #fff;}
.info_cart {width: 300px; display: inline-block;}
.cart {width: calc(100% - 310px);display: inline-block;vertical-align: top;padding-right: 30px;}
.info_cart .tit {font-size: 18px;padding: 12px 0;background-color: #212120;color: white;text-align: center;text-transform: uppercase;margin-bottom: 5px;}
.prive_sc {font-size: 16px;display: flex;justify-content: space-between;border-bottom: 1px solid #eee;padding-bottom: 15px;margin-bottom: 15px;}
.info_cart p {padding-bottom: 15px;margin-bottom: 15px;}
.rows { display: flex; padding: 10px 0;}
.rows .images_c {width: 100px;}
.rows .detail_c {width: calc(100% - 120px);margin-left: 20px; color: #777;}
.rows .detail_c .name_c {  padding: 10px;  margin-bottom: 5px;}
.rows .detail_c .info_c {  display: flex; padding: 0 10px; flex-wrap: wrap; justify-content: space-between;}
.rows .detail_c .price_c { width: 35%;  font-size: 18px;  font-weight: bold;}
.rows .detail_c .size_c {  width: 25%;}
.rows .detail_c .color_c {  width: 25%;}
.rows .detail_c .count_c { width: 20%;}
.rows .detail_c .del_c { width: 10%;}
.pay {padding: 25px;}
.pay .tit {  font-size: 22px;  padding-bottom: 15px;  text-transform: uppercase;  margin-bottom: 10px;}
.pay .menu_pay {  display: flex;  padding-bottom: 20px;  margin-bottom: 20px;}
.menu_pay:not(:last-child) {border-bottom:1px solid #ddd;}
.pay .menu_pay .image_c { width: 100px;  position: relative;}
.pay .detail_c {  width: calc(100% - 110px);  padding-left: 35px;}
.pay .menu_pay .image_c span {  position: absolute;  top: 0;  right: 0;  background-color: #212120;  padding: 2px 8px;  text-align: center;  border-radius: 50%;  color: #fff;}
.pay .detail_c .name_c {  font-size: 16px;  padding-bottom: 15px;}
.pay .detail_c .price_c {  font-size: 17px; font-weight: bold;}
.pay .detail_c .size_c {  color: #202020;}
.tit_tt1{  font-size: 16px;  padding: 10px;  padding-left: 40px;  background: url(../images/bg_tit.png) no-repeat left 5px center;  margin: 15px 0;}
.tit_tt2{  font-size: 16px;  padding: 10px 0;  margin: 15px 0;}
.vanchuyen .item{  padding: 5px 0;   background-color: #fafafa; margin: 5px 0;}
.vanchuyen{ padding: 0;}
.vanchuyen.pttt{  padding-bottom: 25px;}
/* Hide the browser's default radio button */
.ck {padding-left: 50px;}
.ck input {  position: absolute;  opacity: 0;  cursor: pointer;}
/* Create a custom radio button */
.checkmark {position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border: solid 1px #ccc; border-radius: 50%;cursor: pointer;}
/* On mouse-over, add a grey background color */
.ck:hover input ~ .checkmark {  background-color: #ccc;}
/* When the radio button is checked, add a blue background */
.ck input:checked ~ .checkmark {  background-color: #fff;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {  content: "";  position: absolute;  display: none;}
/* Show the indicator (dot/circle) when checked */
.ck input:checked ~ .checkmark:after {display: block;}
/* Style the indicator (dot/circle) */
.ck .checkmark:after { top: 7px;  left: 7px;  width: 10px;  height: 10px;  background: #202020;  border-radius: 50%;}
.vanchuyen .item .check { display:inline-block;  position:relative;  width:80%;}
.vanchuyen .item .name { display:inline-block;}
.vanchuyen.pttt .dec {  padding-left: 50px;  transition: ease-in 0.5s;  display: none;}
.vanchuyen.pttt .dec.active { display: block;}
.tt1 { padding: 5px 0;}
.tt1 span {  display: inline-block;  float: left;}
.tt1 .last_tt {  text-align: right; font-size: 18px;}
.tt1 .price_charge {  text-align: right; font-size: 18px;}
.ttt3 {  margin: 10px 0;  padding: 20px 0 0;  border-top: dashed 2px #ccc;}
.ttt3 span {  float: left;}
.ttt3 .all_pricett {  text-align: right;  font-size: 20px;  color: #689725;  font-weight: bold;}
/****************** gi? h?ng *******************/
.themhang a {display:block;background-color: #565959;color: #fff;font-size: 16px;border-radius: 24px;position: relative;cursor: pointer;text-align: center;text-transform: uppercase;padding: 10px;margin-bottom: 10px;}
.themhang:after {content: none;background: url(../images/icon-arr.png) no-repeat center right;width: 30px;height: 100%;float: right;margin-left: 10px;}
.themhang:before {content: none;width: 1px;height: 100%;border-left: solid #46B2DF 1px;border-right: solid #3085A9 1px;position: absolute;right: 45px;}
.tienhangdathang a {display:block;background-color: #565959;color: #fff;font-size: 16px;border-radius: 24px;position: relative;cursor: pointer;text-align: center;text-transform: uppercase;padding: 10px 0;}
.tienhangdathang:after {content: none;background: url(../images/icon-arr.png) no-repeat center right;width: 30px;height: 100%;float: right;margin-left: 10px;}
.tienhangdathang:before {content: none;width: 1px;height: 100%;border-left: solid #FF7D2F 1px;border-right: solid #EC5900 1px;position: absolute;right: 45px;}
.total-order { text-align: left;font-size: 16px;padding: 15px 0;margin-top: 20px;padding-top: 20px;border-top: 1px solid #ddd;text-transform: uppercase;color: #777;display: flex;justify-content: space-between;align-items: center; font-weight: bold;}
.total-order b { display: block; padding-left: 15px; font-weight: bold;}
.box-form {border: solid 1px #ccc;margin-bottom:10px;margin-top: 15px;}
.thongtin {padding: 0px 10px;margin-bottom: 10px;}
.box-form .title-form {height: 40px; line-height: 40px;border-bottom: solid 1px #ccc;border-left: solid 5px #f37021;padding-left: 10px;margin-bottom: 10px;border-top: solid 1px #ccc;background: #F4F4F4;text-transform: uppercase;}
.fnut {  display: inline-block;  width: 49%;  background: url(../images/back.png)no-repeat 10%;}
.fnut2 {background: url(../images/forward.png)no-repeat 92%;}
.continue,.fnut a{  max-width: 300px;  background: none;  width: 100%;  color: #333;  text-transform: uppercase;  text-align: center;  padding: 10px 0;  border: none;  margin: 10px 0px;  transition:ease-in 0.5s; display:block;}
.fnut a:hover, .fnut button:hover {font-weight:bold;}
.pad-contact{ margin-top:2%;}
.box_dh { margin-bottom: 10px;}
.box_dh .title-dh {height: 40px;margin-top: 15px;line-height: 40px;border: solid 1px #ccc;border-left: solid 5px #f37021;padding-left: 10px;margin-bottom: 10px;background: #F4F4F4;text-transform: uppercase;}
.btn-thanhtoan {float: right;background: #C60001;color: #fff;padding: 5px 10px;margin-left: 20px;cursor: pointer;}
.info-cart-body {background-color:#616262;color:white;padding: 20px 30px;}
.info-cart-bao {background-color:#ddd;padding: 10px;margin-bottom: 15px;}
.info-cart-td {font-size: 24px;padding-bottom: 10px;margin-bottom: 30px;border-bottom: 1px solid #ddd;}
.tit_tt span {background-color:#212120;color:white;text-transform: uppercase;font-size: 16px;padding: 8px 20px;display: inline-block;}
.tit_tt {border-bottom: 1px solid #ddd;margin: 20px 0;}
.tt-cart-bao {background-color:#fafafa;padding:10px;}
.tt-inp {width: 100%;background-color:#fafafa;border: none;padding: 12px 20px;}
.tt-nut {border:1px solid #ddd;}
/*animation key phone ring*/
/*animation*/
.suntory-alo-phone {background-color: transparent;cursor: pointer;height: 100px;position: fixed;transition: visibility 0.5s ease 0s;width: 100px;z-index: 200000 !important;}
.suntory-alo-ph-circle {animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;background-color: transparent;border: 2px solid rgba(30, 30, 30, 0.4);border-radius: 100%;height: 100px;left: 0px;opacity: 0.1;position: absolute;top: 0px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 100px;}
.suntory-alo-ph-circle-fill {animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;border: 2px solid transparent;border-radius: 100%;height: 70px;left: 15px;position: absolute;top: 15px;transform-origin: 50% 50% 0;transition: all 0.5s ease 0s;width: 70px;}
.suntory-alo-ph-img-circle {border: 2px solid transparent;border-radius: 100%;height: 50px;left: 25px;opacity: 1;position: absolute;top: 25px;transform-origin: 50% 50% 0;width: 50px;}
.suntory-alo-phone.suntory-alo-hover, .suntory-alo-phone:hover {opacity: 1;}
.suntory-alo-phone.suntory-alo-active .suntory-alo-ph-circle {animation: 1.1s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;}
.suntory-alo-phone.suntory-alo-static .suntory-alo-ph-circle {animation: 2.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important;}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone:hover .suntory-alo-ph-circle {border-color: #00aff2;opacity: 0.5;}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle {border-color: #f00;opacity: 1;}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {border-color: rgba(0,0,0,0.5);opacity: 1;}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone:hover .suntory-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.9);}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill {background-color: #02A6E8;}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {background-color: #ff9d00;}
.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone:hover .suntory-alo-ph-img-circle {background-color: #00aff2;}
.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle {background-color: #02A6E8;}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {}
@keyframes suntory-alo-circle-anim {
	0% {opacity: 0.1;transform: rotate(0deg) scale(0.5) skew(1deg);}
	30% {opacity: 0.5;transform: rotate(0deg) scale(0.7) skew(1deg);}
	100% {opacity: 0.6;transform: rotate(0deg) scale(1) skew(1deg);}
}
@keyframes suntory-alo-circle-img-anim {
	0% {transform: rotate(0deg) 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(0deg) scale(1) skew(1deg);}
	100% {transform: rotate(0deg) scale(1) skew(1deg);}
}
@keyframes suntory-alo-circle-fill-anim {
	0% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}
	50% {opacity: 0.2;transform: rotate(0deg) scale(1) skew(1deg);}
	100% {opacity: 0.2;transform: rotate(0deg) scale(0.7) skew(1deg);}
}
.suntory-alo-ph-img-circle img {animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;font-size: 30px;line-height: 39px;color: #fff;margin-top: -3px;margin-left: -3px;}
/*=================== End phone ring ===============*/
@keyframes suntory-alo-ring-ring {
	0% {transform: rotate(0deg) 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(0deg) scale(1) skew(1deg);}
	100% {transform: rotate(0deg) scale(1) skew(1deg);}
}
/**/
#toptop {
	z-index: 99999;
	padding: 15px;
	background-color: white;
	border: 1px solid #CCC;
	position: fixed;
	background: transparent url(../images/arrow_up.png) no-repeat top left;
	background-position: 50% 50%;
	width: 20px;
	height: 20px;
	bottom: 20px;
	opacity: 0.7;
	left: 30px;
	white-space: nowrap;
	cursor: pointer;
	border-radius: 3px 3px 0 0;	
}
.nhap-tim {width:80%;padding:10px 20px;background: rgba(0,0,0,0.3);border:none;color:white;}
#tk-modal-box {background: rgba(0,0,0,0.3);top:250px;}
#tk-modal-box ::placeholder {color:white;}
.img-100 {width:100% !important;height:auto !important;}
.img-hover-box {position:relative;overflow:hidden;}
.img-hover-box img {transition:all ease 0.3s;}
.img-hover-box:hover img {transform:scale(1.2);}
.numbers-row {position: relative;display: inline-block;width: 25%; margin-left: 50px;}
.numbers-row input {position:relative;width: 100%;text-align: center;border: Solid 1px #eee;padding: 5px 0;color: #000;}
.numbers-row .inc {position:absolute;top:0;left:0;height: 100%;background: #a5a5a5;width: 30px;color: white;text-align: center;font-size: 16px;padding: 5px 0;cursor: pointer;}
.numbers-row .dec {position:absolute;top:0;right:0;background: #a5a5a5;width: 30px;text-align: center;height: 100%;color: white;font-size: 16px;padding: 5px 0;cursor: pointer;}
#dt-vip {left:0;bottom:100px;}
.google-map iframe {width: 100% !important;height: 250px !important;}
.design-ibrand {background-color: #141414;padding: 14px 0;text-align: center;color: white;font-size: 12px;font-style: italic;position: absolute;left: 0;bottom: 0;width: 100%;}
.design-ibrand a {color: #ff6600;}
.box-shadow-hover:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.slick-hakt .slick-next {background-size:100% 100%;width: 30px;height: 30px;right: -1px;}
.slick-hakt .slick-prev {background-size:100% 100%;width: 30px;height: 30px;left: -1px;}
.slick-hakt .slick-slide {margin: 0 5px;}
.slick-hakt {padding:0 20px;margin-top: 20px;}
.dly-content::-webkit-scrollbar{width:10px;} /* CHINH MAU SCROLL BAR */
.dly-content::-webkit-scrollbar-thumb {background-color: #4c4c4c;border-radius: 3px}
.dly-content::-webkit-scrollbar-track {border-radius: 3px;background-color: #191919;}
/* GIO HANG NEW */
.gh-bao {background-color:white;padding: 15px;border-radius: 0 0 10px 10px;}
.ghang-head, .ghang-box {display:flex;justify-content: space-between;align-items: center;}
.ghang-head {background-color:#f5f5f5;margin-bottom:15px;padding: 10px;}
.ghang-body {padding:0 10px;}
.ghang-box:not(:last-child) {padding-bottom:15px;margin-bottom:15px;border-bottom:1px dotted #ddd;}
.ghang-masp span {color:white;background-color:#7a7a7a;font-size:12px;padding: 1px 10px;position: relative;bottom: 22px;}
.ghang-box .gia-km {font-size:16px;}
.ghang-head1, .ghang-box1 {width: 15%;}
.ghang-head2, .ghang-box2 {width: 30%;}
.ghang-head3, .ghang-box3 {width: 16%;}
.ghang-head4, .ghang-box4 {width: 12%;}
.ghang-head5, .ghang-box5 {width: 5%;}
.ghang-head6, .ghang-box6 {width: 10%;}
.ghang-head7, .ghang-box7 {width: 3%;}
.luu-y {color:red;font-weight: bold;font-style: italic;font-size: 11px;position: relative;bottom: 5px;}
/* BANNER */
.head-contain {display: flex;justify-content: space-between;align-items: center;}
.top-search {background-color: #006629;cursor: pointer;color: white;padding: 5px 20px;font-size: 1.25rem;margin-right: 30px;}
.my-head {
	padding: 20px 0;
	background-color: white;
}
.top-menu {
	margin-right: 20px;
}
.search-btn {
	color: white;
	font-size:1.15rem;
	margin-left: 10px;
	cursor: pointer;
}
.slick-banner .slick-slide {
	padding: 0;
}
.lang-img {
	transition: all ease .5s !important;
	filter: grayscale(100%);
}
.lang-img-active, .lang-img:hover  {
	filter: grayscale(0);
}
/* BANNER */
/* INDEX */
.gioi-thieu {padding-top: 20px;padding-bottom: 50px;}
.gthieu-left {width: 50%;background-color: #00873c;padding: 50px 80px;}
.gthieu-right {width: 50%;background-color: #f6f6f6;background-image: url(../images/i1.png);background-repeat: no-repeat;background-position: right bottom;padding: 50px 100px;}
.gthieu-td {font-size: 2rem;margin-bottom: 10px;position: relative;font-family: 'open_sansbold';}
.gthieu-td:before {content:"";width:66px;height:66px;background:url(../images/ic1.jpg)no-repeat;position:absolute;right: 0;top: -50px;}
.gthieu-desc {overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 8;height: 217px;display: -webkit-box;-webkit-box-orient: vertical;}
.gthieu-xem {padding: 10px 0px;padding-left: 20px;border-left: 5px solid #ef8719;font-family: 'open_sansbold';margin-top: 50px;text-transform: uppercase;}
.sp-noibat {padding: 50px 0;}
.td-chung {font-family: "open_sansbold";text-transform: uppercase;font-size: 2rem;margin-bottom: 20px;}
.sp-bao {display: grid;grid-template-columns: 24% 24% 24% 24%;grid-gap: 15px;background-color: white;padding: 15px;}
.splash {position: absolute;top: -70%;left:0;width: 30px;height: 150%;background-image: radial-gradient(rgb(255, 255, 255), transparent);transform: rotateZ(45deg);transition: all ease 0.75s;opacity: 0;}
.sp-img {position: relative;overflow: hidden;}
.sp-img img {transition: all ease 1s;opacity: 1;}
.sp-img:hover .splash {top: 50%;left:100%;opacity: 0.5;}
.sp-img:hover img {opacity: 0.5;transform: scale(1.1);}
.sp-name {min-height: 50px;max-height: 50px;overflow: hidden;font-size: 1rem;font-family: 'open_sansbold';}
.sp-name a {color:#444;}
.sp-name a:hover {color:red;}
.sp-gia {background-color:#f4f5f5;padding: 6px 0;margin-top: 10px;color: #103e75;font-family: "open_sansbold";font-size: 18px;}
.spnb-all {border: 1px solid #ddd;padding: 8px 50px;font-family: 'open_sansbold';text-transform: unset;}
.sp-xemct {position: absolute;left: 50%;bottom: 13px;width: 91%;background-color:#3ba2ff;padding:8px 0;opacity: 0;transition:all ease 1s;transform:translate(-50%,0);}
.sp-box:hover .sp-xemct {opacity:1;}
.sp-masp {position: absolute;top:0;left:30px;background-color:#9d9d9d;padding: 2px 10px;font-size: 12px;color: white;}
.ttuc-left {width: 59.8%;position: relative;}
.ttuc-right {width: 38%;}
.ttuc-box-left {width: 35%;padding: 15px;}
.ttuc-box-right {width: 62%;padding: 20px;}
.ttuc-ngay {display: flex;align-items: center;}
.ttuc-name {min-height:44px;max-height:44px;overflow:hidden;margin: 5px 0;}
.ttuc-name a {font-family: "open_sansbold";}
.ttuc-desc {color:#777;font-size: 13px;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 3;height: 75px;display: -webkit-box;-webkit-box-orient: vertical;}
.ttuc-right-box1 {min-height: 10px;background-image:linear-gradient(to right, #cfcfcf, #f4f5f5);}
.ttuc-right-name {color:#777;font-family: "open_sansbold";background:url(../images/ic1.png)no-repeat left;padding-left: 35px;font-size: 24px;margin: 20px;}
#vid-frame {width: 100% !important;height: 300px !important;}
.other-page {padding: 30px 0;background-color: white;}
.tcon-td {text-transform: capitalize !important;font-size: 1.25rem;margin-bottom:30px;display: inline-block;border-bottom: 2px solid #00883c;}
.tcon-left {width: 73%;}
.tcon-right {width: 25%;}
.left-tcon-td {background-color:#103e75;color:white;font-size: 16px;margin-bottom: 20px;padding: 10px 0;}
.left-tcon-video {margin-top: 20px;background-color:#f4f5f5;padding-top: 1px;padding-bottom: 20px;}
.left-tcon-video #vid-frame {height: 200px !important;}
.left-tcon-video .ttuc-right-name {font-size:16px;}
.spct-box {padding:15px;box-shadow: 0 0 6px #777;background-color:white;margin-bottom: 40px;}
.spct-box-left {width: 22%;}
.spct-box-right {width: 76%;}
.spct-info-left {width: 50%;}
.spct-info-right {width: 50%;padding: 50px;padding-top: 0;position: relative;}
.box-hotro {background: url(../images/bg7.png)no-repeat;background-size: 100% 100%;color:white;padding: 20px 10px;padding-top: 40px;}
.htro-td {font-size: 18px;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid;background: url(../images/ic2.png)no-repeat 10px 5px;background-size: 40px;}
.htro-hot {color:#3ba2ff;font-size: 16px;}
.spct-ten {color:#444;font-size: 1.5rem;text-transform: capitalize;font-family: 'open_sansbold';}
.spct-gia {margin:20px 0;}
.spct-gia span {color:#103e75;font-family: "open_sansbold";}
.spct-desc {color:#444;background:url(../images/gach2.png)no-repeat left top;padding-top: 10px;margin-bottom: 20px;}
.spct-btn {background-color:#3ba2ff;color:white;padding:8px 70px;font-family: "open_sansbold";cursor: pointer;}
.tcon-content img {max-width: 100% !important;height: auto !important;}
.other-page .google-map iframe {height: 400px !important;}
.spnb-desc {
	max-width: 60%;
	margin: 0 auto;
	color: #777;
	font-size: 1rem;
	margin-bottom: 30px;
}
.sp-hr {
	max-width: 50px;
	margin-left: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
.sp-desc {
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 25px;
	-webkit-line-clamp: 2;
	height: 50px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.sp-info-box {
	background-color: #f6f6f6;
	padding: 20px;
}
.slick-spnb .sp-box {
	margin-bottom: 20px;
}
.cchi-name {
	color: white;
	font-size: 1rem;
	font-weight: bold;
	margin-top:20px;
}
.tin-tuc-title {
	text-transform: uppercase;
	font-size: 2rem;
	color: white;
	font-family: 'open_sansbold';
	margin-bottom: 30px;
}
.tin-tuc {
	padding: 75px 0;
	background: url(../images/bg2.jpg)no-repeat fixed center;
	background-size: cover;
}
.ttuc-box {
	background-color: white;
}
.ttuc-hr {
	width: 25px;
	background-color:#006629;
	min-height: 1px;
}
.ttuc-ngay span {
	display: block;
	color: #00873c;
	margin-left: 10px;
}
.slick-ttuc .slick-dotted.slick-slider {
	margin-bottom: 0;
}
.slick-ttuc .slick-dots {
	width: unset;
}
.slick-ttuc .slick-slide {
	padding: 0;
}
.ttuc-view-all {
	background-color: #00873c;
	color: white;
	position: absolute;
	bottom: 0;
	right: 0;
	font-weight: bold;
	padding: 6px 40px;
}
.vid-bao {
	background-color: white;
	padding: 15px;
}
.vid-name {
	border-left: 5px solid #00873c;
	padding-left: 15px;
	margin-top: 15px;
	max-width: 80%;
}
.slick-video .slick-prev {
	top: -45px;
	left: 86%;
}
.slick-video .slick-next {
	top: -45px;
	right: 0;
}
.chosen {
	opacity: 0.3;
}
/* INDEX */
/* ORTHER PAGE */
.spct-content-contain {
	max-width: 80%;
	margin: 0 auto;
	background: url(../images/gach.png)no-repeat top;
	padding-top: 30px;
	margin-top: 50px;
}
.splq-title-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
	margin-top: 40px;
}
.splq-title1 {
	width: 35%;
	background-color: #ddd;
	min-height: 1px;
}
.splq-title2 {
	text-transform: uppercase;
	font-family: 'open_sansbold';
	font-size: 1.5rem;
}
.spct-btn {
	position: absolute;
	width: 350px;
	padding: 10px 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1rem;
	left: 50px;
	bottom: 0;
	background-color: #f28a19;
	background-image: url(../images/ic2.png);
	background-repeat: no-repeat;
	background-position: 50px center;
	color: white;
}
.tcon-title {
	text-transform: uppercase;
	font-family: 'open_sansbold';
	font-size: 1.5rem;
	margin-bottom: 30px;
	text-align: center;
}
.news-contain {
	display: grid;
	grid-template-columns: repeat(2, 49%);
	gap: 2%;
}
/* ORTHER PAGE */
/* FOOTER */
.my-footer {background: url(../images/bg5.jpg)no-repeat;background-size: 100% 100%;padding-top: 50px;padding-bottom: 80px;color:white;position: relative;}
.my-footer a:hover {color:red;}
.ft-left {width: 72%;}
.ft-right {width: 25%;background-color: #141414;padding: 10px;}
.ft-td {
    text-transform: uppercase;
    font-family: 'open_sansbold';
}
.ft-dc {background: url(../images/ft1.png)no-repeat left 9px;padding-left:30px;}
.ft-hot {background: url(../images/ft2.png)no-repeat left 8px;padding-left:30px;}
.ft-mail {background: url(../images/ft3.png)no-repeat left 11px;padding-left:30px;}
.ft-web {background: url(../images/ft4.png)no-repeat left 11px;padding-left:30px;}
.ft-bao {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ft-hr {
	max-width: 70px;
	background-color: #e17325;
	margin-left: 0;
	margin-top: 5px;
}
.ft-left-box1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ft-left-box2 {
	border-top: 1px solid white;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ft-box1 {
	width: 35%;
}
.ft-box2 {width: 25%;line-height: 30px;}
.ft-logo {
	margin-bottom: 20px;
}
.ft-name {
	font-family: 'open_sansbold';
}
/* FOOTER */
/* lazy load IMAGE effect */
img.lazy {
	opacity: 0;
}
img:not(.initial) {
	transition: all 2s;
}
img.initial, img.loaded, img.error {
	opacity: 1;
}
img:not([src]) {
	visibility: hidden;
}
/* lazy load IMAGE effect */
.an-pc {display: none;}
.an-pc2 {display: none;}

@media only screen and (max-width:1200px) {
	.gthieu-td:before {right: -55px;}
	.slick-video .slick-prev {left:83%;}
}
@media only screen and (max-width:990px) {
	.gthieu-left, .gthieu-right {width: 100%;}
	#cssmenu ul ul {background:unset;}
	.sp-bao {grid-template-columns: 32% 32% 32%;}
	.ttuc-left, .ttuc-right {width: 100%;}
	.gthieu-desc {height: 170px;}
	.spct-box-left {display: none;}
	.spct-box-right {width: 100%;}
	#dh-iframe {width: 600px !important;height: 400px !important;margin-left: 8%;}
	.cart, .info_cart {display: block;width: unset;padding: 0;}
	.cart {margin-bottom:30px;}
	.slick-video .slick-prev {left:92%;}
	.ft-left {width: 100%;margin-bottom:20px;}
	.ft-right {width: 100%;}
	.spct-btn {width: 250px;background-position: 20px center;}
	.news-contain {grid-template-columns: 100%;}
}
@media only screen and (max-width:600px) {
	.top-logo {width: 25%;}
	.gioi-thieu {padding:20px 0;background-size: 100% 100%;}
	.sp-bao {grid-template-columns: 48% 48%;grid-gap: 18px;}
	.dtac-left {font-size: 10px;background-size: 40px;}
	.ft1-left {width: 100%;text-align: center;margin-bottom: 15px;}
	.ft1-right {width: 100%;}
	.my-footer {padding:30px 0;}
	.tcon-left {width: 100%;}
	.tcon-right {display: none;}
	.other-page .google-map iframe {height: 300px !important;}
	.spct-info-left {width: 100%;margin-bottom: 20px;}
	.spct-info-right {width: 100%;padding: 20px;}
	.sp-noibat {padding:30px 0;}
	#dh-iframe {width: 520px !important;height: 350px !important;margin-left: 13%;}
	.fnut {padding-left:30px;}
	.fnut2 {padding-right:60px;}
	.an-mb {display: none;}
	.info_cart {width:100%}
    .cart {width: 100%;margin-bottom: 20px;padding:0;}
    .vanchuyen .item .check {width: 95%;}
	.an-pc2 {display: block;}
	/* RESPON GIO HANG VA THANH TOAN */
	.ghang-bao {width:650px;}
	.scroll-right-bao {overflow: auto;}
	.spnb-desc {max-width: 80%;}
	.spct-btn {position: static;width: unset;margin-top:20px;}
	.news-contain {row-gap: 0px;}
}
@media only screen and (max-width:480px) {
	.sp-bao {grid-template-columns: 100%;padding:8px;}
	.gthieu-td {font-size: 22px;}
	.ttuc-box-left {width: 100%;}
	.ttuc-box-right {width: 100%;}
	.dtac-left {width: 100%;font-size: 14px;margin-bottom: 20px;}
	.dtac-right {width: 100%;}
	.my-head {padding: 5px 0;}
	.head-con2 {margin:0;}
	.td-chung {font-size: 20px;}
	.top-menu {display: none;}
	.an-pc {display: block;}
	#dh-iframe {width: 300px !important;height: 250px !important;margin-left: 28%;}
	.rows .detail_c .price_c {font-size: 13px;width: 40%;}
	.rows .detail_c {width:calc(100% - 100px);margin-left:10px;}
	.fnut {background:none;padding:0;}
	.pay {padding:0;}
	.box_carts .content {width: 94%;padding: 10px;padding-top: 30px;}
	.box_carts .content .btn-red-popup {font-size:12px;}
	.fb_iframe_widget_fluid {display: flex!important;justify-content: center;}
	.top-mxh {display: none;}
	.top-search {padding: 5px 10px;font-size: 1rem;}
	.slick-spnb .slick-slide {padding: 0;}
	.gthieu-left {padding: 30px;}
	.gthieu-right {padding: 20px;padding-top: 50px;padding-right: 70px;}
	.slick-video .slick-prev {left:80%;}
	#vid-frame {height:220px !important;}
	.ft-box1, .ft-box2 {width: 100%;}
	.ft-logo {text-align: center;}
	.ttuc-view-all {position: static;text-align: center;margin-bottom:20px}
	.ttuc-box {margin-bottom: 0px !important;}
	.tcon-title {font-size:1rem;margin-bottom: 15px;}
	.breadcrumb-arrow {margin-bottom:20px;}
}