body {font-family: 'Muli-Regular';font-size: 14px;}
a {color:unset;}
a:hover {color:red;}
img {
    max-width: 100%;
}
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 .my-head {display: none;}
.my-head {
    background: #026784;
    color: #fff;
}
.breadcrumb-arrow {padding: 20px 0;padding-top: 25px;padding-left: 100px;font-size: 12px;margin-bottom: 20px;border-bottom: 2px solid #0a5269;background: url(../images/ic_dm4.png)no-repeat left;font-style: italic;}
.breadcrumb-arrow a {}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {display: inline-block;position: relative;}
.breadcrumb-arrow li {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: '-';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: #cd992b;color: #fff;padding: 5px 12px;display: inline-block;margin-top: 30px;text-transform: uppercase;}
.box_carts .content .btn-red-popup:last-child {background:#ba821e;}
/* --------------------- Phan trang ------------------*/
.pagination {text-align:center; margin: 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; margin-top: 50px;}
.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: #cd992b;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 #ddd;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;font-weight: bold;color: #cd992b;}
.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;color: #cd992b;word-spacing:3px;}
.pay .detail_c .price_c span {color:black;}
.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 {background-color: #333;color: #fff;font-size: 16px;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;}
.themhang a {color: #fff;}
.tienhangdathang {background-color: #333;color: #fff;font-size: 16px;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;}
.tienhangdathang a {display: inline;}
.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: #f4f5f5;padding: 20px 30px;}
.info-cart-bao {background-color:#ddd;padding: 10px;margin-bottom: 15px;}
.info-cart-td {font-size: 22px;margin-bottom: 30px;color: #cd992b;font-weight: bold;}
.tit_tt span {background-color: #cd992b;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 {padding:10px;border: 1px solid #ddd;}
.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);}
}
/**/
.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 {height:100%;}
.google-map iframe {width: 100% !important;height: 100%;}
.design-ibrand {padding: 14px 0;text-align: center;color: white;font-size: 12px;font-style: italic;border-top: 1px solid #262626;margin-top: 20px;}
.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 {margin-bottom:15px;text-transform: uppercase;font-weight: bold;padding: 0 20px;}
.ghang-box {border:1px solid #ddd;}
.ghang-body {padding:0 10px;}
.ghang-box:not(:last-child) {padding-bottom:15px;margin-bottom:15px;}
.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%;}
.ghang-box2, .ghang-box3 {position:relative;}
.ghang-box2:after, .ghang-box3:after {content:"";width:1px;height:30px;background-color:#ddd;position:absolute;right:0;top:0;}
.ghang-box2:after {top:10px;height:50px;}
.ghang-box3:after {top:-10px;height:50px;}
.luu-y {color:red;font-weight: bold;font-style: italic;font-size: 11px;position: relative;bottom: 5px;}
/* BANNER */
.head-bao {display: flex;justify-content: space-between;align-items:center;}
.head-right {width: 83%;}
.head-con1 {display: flex;justify-content: space-between;align-items:center;}
.top-hot-bao {background-color: #0a5269;width: 80%;padding: 8px 0;border-radius: 0 0 10px 10px;text-align: center;word-spacing: 2px;}
.top-hot-bao span {font-weight: bold;}
.head-con2 {display: flex;justify-content: space-between;align-items: center;margin-top: 15px;margin-bottom: 10px;}
.top-info {width: 80%;text-align: center;}
.top-ten {color: #ffef24;text-transform: uppercase;font-weight: bold;font-size: 20px;}
.top-cart-bao {display: flex;justify-content: space-between;align-items:center;width: 18%;}
.search-span {position: relative;top:4px;}
.top-search {cursor: pointer;}
.my-head2 {background-color: #e9eaea;}
.head2-bao {display: flex;justify-content: space-between;align-items: center;}
.head2-left {width: 25%;position: relative;}
.head2-right {width: 73%;}
.menu-td {background: url(../images/ic_dm.png)no-repeat 15px;background-color: #0a5269;text-transform: uppercase;font-weight: bold;padding: 10px 0;padding-left: 50px;font-size: 15px;cursor: pointer;color: white;}
.menu-bao {position: absolute;top: 100%;left:0;width: 100%;background-color: #026784;display: none;padding:10px 0;}
.menu-bao-open {display: block !important;}
.menu-list {padding: 10px 0;padding-left: 50px;background: url(../images/ic_dm2.png)no-repeat 19px;color: white;position: relative;}
.menu-list-con-bao {position: absolute;left:100%;top: 0;width: 300px;display: none;background-color: #026784;}
.menu-list:hover .menu-list-con-bao {display: block;}
.menu-list:hover {background-color: #0a5269;}
.menu-list:hover a {color:white;}
.menu-list-con-box {width: 300px;position: absolute;left: 100%;top: 0;background-color: #026784;display: none;}
.menu-list-con-box:nth-child(3n+3) {border:none;}
.menu-list-con {position: relative;padding: 10px 20px;}
.menu-list-con:hover {background-color: #0a5269;}
.menu-list-con:hover .menu-list-con-box {display:block;}
.menu-list-con:after {content:"\f105";font-family:"FontAwesome";position:absolute;right:15px;}
.menu-con-item {padding: 10px 20px;}
.menu-list-con:hover > a {color: #ffef24;}
.menu-con-td {text-transform:uppercase;font-family:"open_sansbold";}
.menu-con-item:hover > a {color: #ffef24;}
/* TOP CART */
.top-cart {position: relative;}
.cart-span {color:#cd992b;font-weight: bold;}
.cart-box {z-index: 102;position: absolute;right: 0;width: 500px;display: none;}
.cart-box1 {background-color:white;padding:20px;height: 300px;overflow: auto;}
.cart-con1 {width:15%;}
.cart-con2 {width:35%;}
.cart-con3 {width:10%;}
.cart-con4 {width:30%;}
.cart-box2 {background-color: #eee;padding:20px;position: relative;}
.cart-bao {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.cart-total {text-align:right;margin-bottom:20px;}
.cart-dieuhuong {text-align:center;}
.cart-dieuhuong a {background-color:#cd992b;color:white;text-transform:uppercase;padding:5px 10px;}
.mb-x {position:absolute;right:15px;bottom:15px;display: none;}
/* BANNER */
/* INDEX */
.uy-tin {margin-top: 15px;margin-bottom: 30px;}
.ut-bao {display: grid;grid-template-columns: 24% 24% 24% 24%;grid-gap: 14px;}
.ut-box {background-image:linear-gradient(to right, #f4f5f5, #edeced);display: flex;border-radius: 10px;padding: 10px;align-items:center;}
.ut-name {margin-left: 10px;}
.ut-name p {margin-bottom:0;}
.ind-bao {margin-bottom: 30px;}
.ind-td {border-bottom:1px solid;color: #026f8e;font-weight: bold;font-size: 22px;background: url(../images/ic_dm3.png)no-repeat left;padding: 10px 0;padding-left: 110px;margin-bottom: 20px;}
.gia-bao {background-color:#f4f5f5;padding: 5px 10px;position: relative;}
.gia-bt {text-decoration: line-through;font-size: 13px;margin-right: 10px;}
.gia-km {font-weight: bold;color: #ff8746;font-size: 16px;}
.ban-ner {padding:30px 0;}
.td-chung {color:#103e75;font-family: "open_sansbold";font-size: 30px;padding-bottom: 30px;margin-bottom: 30px;background:url(../images/gach.png)no-repeat bottom;}
.sp-bao {display: grid;grid-template-columns: 24% 24% 24% 24%;grid-gap: 15px;}
.sp-box {color:#444;border: 1px solid #ddd;border-radius: 10px;position: relative;transition:all ease .5s;}
.sp-box:hover {box-shadow: 0px 0px 8px #cd992b;}
.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: 45px;max-height: 45px;overflow: hidden;margin-bottom: 10px;}
.sp-name a {color:#444;}
.sp-name a:hover {color:red;}
.sp-box > .sp-img {padding:10px;}
.sp-info-bao {border-top: 1px solid #ddd;padding: 15px;}
.sp-gia {background-color:#f4f5f5;padding: 6px 0;margin-top: 10px;color: #103e75;font-family: "open_sansbold";font-size: 18px;}
.spnb-all {color: white;border-radius: 14px;padding: 10px 40px;background: linear-gradient(to bottom, #ffea24, #ffc924);margin-top: 20px;}
.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 {font-size: 12px;color: #777;margin-bottom: 5px;}
.tin-tuc {margin-top: 50px;}
.ttuc-left {width: 49%;}
.ttuc-right {width: 49%;}
.ttuc-left .slick-prev {width:62px;height:41px;background:url(../images/ic_left2.png)no-repeat;left: 77%;top: 107%;}
.ttuc-left .slick-next {width:62px;height:41px;background:url(../images/ic_right2.png)no-repeat;right:0;top: 107%;}
.ttuc-ngay-pos {position: absolute;right: -52px;top: 0;}
.ttuc-box-left {width: 35%;position: relative;}
.ttuc-box-left > .img-hover-box, .ttuc-box-left img {height: 100% !important;}
.ttuc-box-right {width: 50%;}
.ttuc-ngay {background-color: #0a5269;text-align: center;padding: 6px 10px;font-family: "open_sansbold";color: white;font-size: 12px;}
.ttuc-ngay > div:first-child {border-bottom:1px solid;}
.ttuc-name {min-height:44px;max-height:44px;overflow:hidden;margin: 5px 0;}
.ttuc-name a {font-family: "open_sansbold";}
.ttuc-desc {overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 3;height: 75px;display: -webkit-box;-webkit-box-orient: vertical;}
.du-an .ttuc-desc {color:white;-webkit-line-clamp: 4;height: 100px;}
.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;}
.ttuc-con-left {width: 20%;}
.ttuc-con-right {width: 76%;}
.ttuc-luotxem span {color: #99630d;font-style:italic;font-size: 12px;display: inline-block;background: url(../images/ic_xem.png)no-repeat left;padding-left: 20px;font-weight: bold;margin-top: 15px;}
.du-an {background-color: #026784;padding-top: 30px;padding-bottom: 40px;}
.du-an .slick-prev {width:41px;height:61px;left:-70px;}
.du-an .slick-next {width:41px;height:61px;right:-70px;}
.da-td-bao {display: flex;justify-content: space-between;align-items:center;margin-bottom: 20px;}
.da-td {color: #026f8e;font-weight: bold;font-size: 22px;background: url(../images/ic_dm3.png)no-repeat left;padding: 10px 0;padding-left: 110px;}
.da-xemall {background: linear-gradient(to bottom, #ffea24, #ffc924);padding: 10px 30px;border-radius: 16px;}
.video-bao {display: flex;justify-content: space-between;}
.video-left {width: 70%;}
.video-right {width: 27%;}
.vid-box {cursor: pointer;}
.vid-info {background: url(../images/ic_play.png)no-repeat left 9px;padding: 10px 0;padding-left: 70px;}
.video-ngay {color:#99630d;font-weight:bold;letter-spacing: 2px;font-size: 12px;}
.vid-name {color:#cd992b;margin-top: 5px;}
.chosen > div {opacity: 0.3;}
.ttuc-right .da-xemall {margin-top:20px;}
#vid-frame {width: 100% !important;height: 250px !important;}
.doi-tac {padding: 40px 0;}
.doi-tac .slick-prev {background:url(../images/ic_left3.png)no-repeat;width:40px;height:60px;background-size:100% 100%;left: -40px;}
.doi-tac .slick-next {background:url(../images/ic_right3.png)no-repeat;width:40px;height:60px;background-size:100% 100%;right: -40px;}
.dtac-bao {background-color:#f4f5f5;padding: 30px 40px;}
.dtac-img img {height: 100% !important;}
.trangcon {padding:30px 0;}
.tcon-td {color: #0a5269;font-weight: bold;font-size: 20px;margin-bottom: 30px;text-transform: uppercase;}
.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: 45%;}
.spct-info-right {width: 50%;position: relative;padding-top: 30px;}
.spct-info-right .gia-bao {max-width: 220px;margin: 10px 0;}
.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: 20px;}
.spct-gia {margin:20px 0;}
.spct-gia span {color:#103e75;font-family: "open_sansbold";}
.spct-desc {color:#444;padding-top: 10px;margin-bottom: 20px;border-top: 1px solid #ddd;margin-top: 10px;}
.spct-btn {background-color:#cd992b;color:white;padding:10px 0px;cursor: pointer;text-align: center;width: 48%;text-transform: uppercase;}
.spct-them {background-color:#ba821e;}
.tcon-content img {max-width: 100% !important;height: auto !important;}
.trangcon .google-map iframe {height: 400px !important;}
.slick-spnb .sp-box {margin:3px;}
.tcon-sp-td {background: url(../images/ic5.png)no-repeat left;padding-left: 30px;color:#cd992b;font-weight: bold;font-size: 30px;margin-bottom: 10px;}
.spct-ttin p {margin-bottom: 0;}
.spct-tab-bao {display: flex;border-bottom:1px solid #cd992b;margin-bottom: 20px;margin-top: 30px;}
.spct-tablink {font-weight: bold;font-size: 17px;padding: 6px 20px;cursor: pointer;}
.spct-tablink:not(:last-child)::after {content:"|";position: relative;left: 20px;color: black;}
.spct-tabcontent {background-color:#f4f5f5;padding:20px;display: none;}
.tab-active {color:#cd992b;border-bottom:3px solid #ba821e;}
.splq-td {background-color:#333;display:inline-block;padding: 2px 20px;color:white;font-size: 20px;margin-top: 40px;margin-bottom: 20px;}
.ttuc-khac-td {color:#cd992b;text-transform: uppercase;font-weight: bold;margin-bottom: 20px;}
.video .name {font-size: 16px;font-weight: bold;margin-top: 10px;padding-left: 10px;}
.prod-km {
	position: absolute;
	top: 199px;
	right: 0;
	background-color: #ff2009;
	color: white;
	font-size: 12px;
	padding: 4px 14px;
}
.spct-km {
	position: absolute;
	top: 4px;
	right: -111px;
	background-color: #ff2009;
	color: white;
	font-size: 12px;
	padding: 4px 14px;
}
.top-mxh img {max-width:30px;}
/* INDEX */
/* FOOTER */
.my-footer {background: #0a5269;background-size: 100% 100%;padding-top: 20px;color:white;}
.ft1-left {width: 40%;background-color: #026784;display: flex;padding: 25px;}
.ft1-right {width: 60%;}
.ft2-bao {display: flex;justify-content: space-between; padding-bottom: 30px;}
.ft2-left {width: 72%;}
.ft2-right {width: 25%;}
.ft2-left-bao {display: flex;justify-content: space-between;}
.ft2-left-box1 {width: 40%;}
.ft2-left-box2 {width: 25%;}
.ft-td {margin-bottom:20px;color: #ffef24;font-weight: bold;font-size: 16px;}
.ft-list:hover {background:url(../images/ic_list.png)no-repeat left;padding-left:15px;}
.ft1-bao {margin-bottom:40px;}
.ft-time {margin-left: 50px;}
.ft-mxh span {position: relative;left:8px;}
.ft-dc {background:url(../images/ft1.png)no-repeat left 1px;padding-left:30px;}
.ft-hot {background:url(../images/ft2.png)no-repeat left 1px;padding-left:30px;}
.ft-mail {background:url(../images/ft3.png)no-repeat left 1px;padding-left:30px;}
.ft-mst {background:url(../images/ft4.png)no-repeat left 1px;padding-left:30px;}
.ft-web {background:url(../images/ft5.png)no-repeat left 1px;padding-left:30px;}
.right-pos {position: fixed;right: 0;top: 35%;z-index: 9999;}
/* FOOTER */
.an-pc {display: none;}
.an-pc2 {display: none;}

@media(max-width:1200px) {
	.top-cart-bao {width:20%;}
	.ttuc-left .slick-prev {left: 73%;}
	.prod-km {top: 160px;}
}
@media(max-width:990px) {
	.head-con1 {font-size: 10px;}
	#cssmenu ul ul {background:unset;}
	.sp-bao {grid-template-columns: 49% 49%;}
	.ttuc-left, .ttuc-right {width: 100%;margin-bottom: 20px;}
	.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;}
	.ttuc-left .slick-prev {left: 82%;}
	.top-info {width:70%;}
	.top-ten {font-size:18px;}
	.top-cart-bao {width:28%;}
	.ut-bao {grid-template-columns:49% 49%;}
	.tin-tuc {margin-top:20px;}
	.ft2-bao {flex-wrap:wrap;}
	.ft2-left {width:100%;margin-bottom:10px;}
	.ft2-right {width:100%;}
	.head2-left {width:35%;}
	.head2-right {width:63%;}
	.spct-info-left {width:100%;margin-bottom:20px;}
	.spct-info-right {width:100%;}
	.prod-km {top: 261px;}
}
@media(max-width:600px) {
	.spct-tablink {font-size:14px;}
	.top-logo {width: 20%;}
	.top-search {width: 30%;}
	.gioi-thieu {padding:20px 0;background-size: 100% 100%;}
	.gthieu-left {width: 100%;margin-bottom: 20px;}
	.gthieu-right {width: 100%;text-align: center;}
	.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;}
	.trangcon .google-map iframe {height: 300px !important;}
	.spct-info-left {width: 100%;margin-bottom: 20px;}
	.spct-info-right {width: 100%;}
	.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;}
	.prod-km {top: 179px;}
}
@media(max-width:480px) {
	.sp-bao {grid-template-columns: 49% 49%;grid-gap: 10px;}
	.gthieu-td {font-size: 22px;}
	.ttuc-box-left {width: 100%;margin-bottom: 20px;}
	.ttuc-box-right {width: 100%;}
	.dtac-left {width: 100%;font-size: 14px;margin-bottom: 20px;}
	.dtac-right {width: 100%;}
	.top-logo, .top-info, .my-head2 {display: none;}
	.mb-logo {width: 18%;}
	.my-head {padding:0;}
	.head-con2 {margin:0;}
	.td-chung {font-size: 20px;}
	.top-search {width: 45%;}
	.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;}
	.head-right {width:100%;}
	.top-hot-bao {width: 67%;}
	.fixed .my-head {display: block;}
	.fixed .head-con1, .fixed .head-con3 {display: none;}
	.top-cart-bao {width:50%;}
	.ttuc-ngay-pos {right:0;}
	.du-an .slick-next {right:0;top: 27%;}
	.du-an .slick-prev {left:0;top: 27%;}
	.right-pos img {max-width: 35px;}
	.ut-bao {grid-template-columns:100%;}
	.ban-ner {padding: 10px 0;}
	.ind-td {font-size:18px;}
	.da-td {font-size: 16px;padding: 0;padding-left: 60px;background-size: contain;}
	.da-xemall {
			font-size: 12px;
		padding: 10px 30px;
		top: -10px;
	}
	.da-xemall.custom{top: 0;padding: 10px 15px;}
	.sp-box > .sp-img {padding:5px;}
	.sp-info-bao {padding:10px;}
	.da-td-bao {margin: 10px 0;}
	.ind-bao {margin-bottom:20px;}
	.ttuc-right .da-xemall {margin:0;top:20px;}
	.video-bao, .ft2-left-bao {flex-wrap:wrap;}
	.video-left {width:100%;}
	.video-right {width:100%;}
	#vid-frame {height: 200px !important;}
	.ttuc-left .slick-next {top: 102%;}
	.ttuc-left .slick-prev {top: 102%;left: 62%;}
	.ft2-left-box1 {width:100%;margin-bottom:20px;}
	.ft2-left-box2 {width:100%;}
	.ft1-bao {margin-bottom:20px;}
	.doi-tac {padding:20px 0;}
	.spct-info-right .gia-bao {max-width:200px;display: flex;}
	.spct-km {right: -97px;}
	.top-ten {font-size: 16px;text-align: center;}
	.top-slogan {font-size: 12px;text-align: center;}
	.prod-km {top: 116px; font-size: 10px;padding: 2px 10px;}
}