body {font-family: 'open_sansregular';font-size: 14px;}
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 .my-head {display: none;}
.breadcrumb-arrow {font-size: 13px;margin-bottom: 20px;padding-left: 25px;background: url(../images/ic_home.png)no-repeat left;}
.breadcrumb-arrow a {}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {display: inline-block;position: relative;}
.breadcrumb-arrow li {color: #777;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: #cc0000;color: #fff;padding: 5px 10px;display: inline-block;margin-top: 30px;text-transform: uppercase;}
/* --------------------- 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: #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 {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;}
.themhang a {color: #fff;}
.tienhangdathang {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;}
.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:#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);}
}
/**/
.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:#494f54;padding: 14px 0;text-align: center;color: white;font-size: 12px;font-style: italic;}
.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 */
.my-head {padding:10px 0;}
.head-bao {display: flex;justify-content: space-between;align-items:center;}
.head1-bao {display: flex;justify-content: space-between;align-items: center;}
.top-search {width: 70%;display: flex;align-items: center;position: relative;margin-right: 10px;}
.top-search > input {width: 100%;border:none;background-image: linear-gradient(to bottom, white, white, #eee);padding: 5px 20px;border: 1px solid #eee;}
.top-search > input::placeholder {font-style:italic;font-size:12px;}
.search-btn {background-color: #ed1c24;cursor: pointer;padding: 6px 12px;color: white;position: absolute;right: 0;}
.top-hot-bao {background: url(../images/ic_phone.png)no-repeat 7px;padding: 2px 20px;padding-left: 45px;background-color: #f4f4f4;}
.top-hot {color:#119c4a;font-family: "open_sansbold";font-size: 15px;}
.top-ten {color:#ed1c24;font-family: "open_sansbold";font-size: 25px;}
.top-ten-bao {text-align:center;}
.top-slogan {color:#777;font-style: italic;}
.top-mail {color:#777;}
.my-head1 {background-color: #119c4a;}
.top-info {width: 30%;}
.my-slider {overflow: hidden;}
.banner-info {position: absolute;width: 25%;left: 200px;bottom: 50px;background-color: rgba(51,51,51,0.75);color:white;padding: 50px;}
.banner-name {font-size: 20px;font-weight: bold;text-transform: uppercase;margin-bottom: 10px;padding-bottom: 10px;background: url(../images/gach.png)no-repeat left bottom;}
.slick-banner .slick-prev {left:20px;width:40px;height:40px;}
.slick-banner .slick-next {right:20px;width:40px;height:40px;}
/* BANNER */
/* INDEX */
.uy-tin {padding:30px 0;}
.ut-bao {display: grid;grid-template-columns: 23% 23% 23% 23%;grid-column-gap: 30px;}
.ut-box {background-image: linear-gradient(to bottom, #fff, #f4f8fb);text-align: center;font-family: "open_sansbold";padding: 40px 0;border: 1px solid #eee;border-radius: 12px;}
.ut-box p {margin:0;}
.ut-nd {margin-top:20px;}
.gioi-thieu {padding-bottom: 50px;padding-top: 30px;}
.gioi-thieu a:hover {color:white;}
.gthieu-left {width: 48%;}
.gthieu-right {width: 48%;}
.gthieu-td {font-size: 30px;margin-bottom: 10px;color: #119c4a;font-family: "open_sansbold";}
.gthieu-desc {overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 7;height: 175px;display: -webkit-box;-webkit-box-orient: vertical;}
.gthieu-xem {background-color: #119c4a;padding: 14px 70px;color: white;margin-top: 20px;}
.gthieu-xem:hover {background-color: #ed1c24;}
.gthieu-tit {font-size: 24px;font-family: "open_sansbold";text-transform: uppercase;}
.sp-noibat {padding: 40px 0;background-color: #f8fafc;}
.td-chung {color: #119c4a;font-family: "open_sansbold";font-size: 28px;margin-bottom: 30px;text-transform: uppercase !important;}
.sp-bao {display: grid;grid-template-columns: 32% 32% 32%;grid-gap: 22px;}
.sp-box {padding: 0 40px;color:#444;border-radius: 12px;position: relative;transition: all ease .75s;background-image: linear-gradient(to bottom, #fff, #f4f8fb);box-shadow: 0px 0px 5px #eee;}
.sp-box:hover {box-shadow: 0px 0px 8px #aaa;}
.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-img2 {padding:0 20px;}
.sp-name {min-height: 50px;max-height: 50px;overflow: hidden;font-family: "open_sansbold";font-size: 16px;margin: 10px 20px;}
.sp-name a {color:#444;}
.sp-name a:hover {color:red;}
.sp-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;}
.spnb-all {color:#119c4a;border:1px solid #119c4a;padding: 8px 50px;display: inline-block;transition: all ease 1s;font-family:"open_sansbold";margin-top:30px;}
.spnb-all:after {content:"\f105";font-family:"FontAwesome";position:absolute;right:10px;font-weight:bold;}
.spnb-all:hover {background-color: #119c4a;color:white;}
.sp-xemct {background-color: #037564;padding: 8px 24px;transition: all ease 1s;color: white;text-transform: capitalize;display: inline-block;margin-top: 20px;}
.sp-xemct:hover {background-color:#ed1c24;color:white;}
.sp-masp {position: absolute;top:0;left:30px;background-color:#9d9d9d;padding: 2px 10px;font-size: 12px;color: white;}
.dich-vu {padding:40px 0;}
.dv-info-box {display:block;position: absolute;top:0;width: 100%;height: 100%;padding: 30px;background-color: rgba(33,33,32,0.9);color:white;transition: all ease 0.75s;transform: scale(0);}
.dv-img:hover .dv-info-box {transform: scale(1);}
.dv-img {position: relative;overflow: hidden;}
.dv-desc {font-size: 13px;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 5;height: 125px;display: -webkit-box;-webkit-box-orient: vertical;}
.dv-xemct {border-left: 5px solid white;padding-left: 10px;margin-top: 20px;}
.dv-name {max-width: 80%;background-color: #119c4a;position: relative;bottom: 32px;color: white;padding: 10px 20px;transition:all ease 1s;min-height: 57px;max-height: 57px;overflow: hidden;}
.dv-name:hover {background-color:#037564;}
.dv-name:hover a {color:white;}
.thiet-bi {padding:40px 0;}
.tb-bao {display: grid;grid-template-columns: 23% 23% 23% 23%;grid-gap: 30px;}
.tb-box1 {background-color: #f8fafc;padding: 10px;padding-bottom: 1px;}
.tb-box2 {background-color: #f8fafc;display: flex;justify-content: space-between;align-items: center;padding: 14px 30px;border-top: 1px solid white;}
.sp-gia span {font-family: "open_sansbold";color: #ed1c24;}
.tb-chitiet {background-color: #bdd6e0;color:white;padding: 4px 20px;border-radius: 24px;top:3px;}
.tb-chitiet:hover {background-color: #119c4a;color:white;}
.tin-tuc {padding: 40px 0;background-color: #f8fafc;}
.ttuc-left-trai > div {width: 48%;}
.ttuc-xem {display:inline-block;background-color:#ed1c24;color:white;padding:8px 30px;margin-top:30px;}
.ttuc-xem:hover {background-color: #119c4a;color:white;}
.ttuc-left {width: 61%;}
.ttuc-right {width: 37%;background-color: #119c4a;padding: 20px;}
.ttuc-box-left {width: 35%;}
.ttuc-box-right {width: 62%;}
.ttuc-ngay {color: #037564;font-size: 12px;font-weight: bold;word-spacing: 5px;letter-spacing: 2px;}
.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;}
.ttuc-left-trai .ttuc-name {font-size:18px;min-height:unset;max-height:unset;overflow:unset;}
.ttuc-left-trai .ttuc-desc {margin-top:10px;-webkit-line-clamp: 5;height: 125px;}
.ttuc-right-box .ttuc-name a {color:white;}
.ttuc-right-box {margin-bottom:10px;}
.ind-ttuc-pos {position: absolute;left: 0;bottom: 0;}
.ttuc-right .slick-prev {background:url(../images/ic_left2.png)no-repeat;width: 32px;height: 32px;background-size:100% 100%;top: 111%;left: -102px;}
.ttuc-right .slick-next {background:url(../images/ic_right2.png)no-repeat;width: 32px;height: 32px;background-size:100% 100%;top: 111%;right:unset;left: -71px;}
#vid-frame {width: 100% !important;height: 300px !important;}
.doi-tac {background-image: linear-gradient(to bottom, #fff, #f4f8fb);padding: 20px 0;}
.dtac-img {box-shadow: 0px 0px 10px #ddd, 5px 5px 5px #ccc;margin: 10px;}
.dtac-img img {height: 100% !important;}
.doi-tac .slick-prev {background:url(../images/ic_left3.png)no-repeat;width: 15px;height: 22px;}
.doi-tac .slick-next {background:url(../images/ic_right3.png)no-repeat;width: 15px;height: 22px;}
.dang-ky {display: flex;}
.dky-left {width: 40%;background: url(../images/bg.jpg)no-repeat;background-size: 100% 100%;color: white;padding: 50px 200px;font-size: 18px;}
.dky-left-td {font-family:"open_sansbold";font-size:22px;margin-bottom:20px;}
.dky-left-gach {margin:20px 0;}
.dky-left-hot {background:url(../images/ic_phone2.png)no-repeat left 5px;padding-left:60px;}
.dky-left-time {background:url(../images/ic_time.png)no-repeat left center;padding-left:60px;}
.dky-right {padding: 50px 100px;width: 40%;}
.dky-td {font-size: 24px;margin-bottom: 20px;color: #119c4a;text-align: center;font-family: "open_sansbold";text-transform: capitalize;}
.dky-50-bao {display: flex;justify-content: space-between;}
.ft-50 {width: 48.5%;}
.ft-inp {width: 100%;background-color: #f8fafc;border: none;padding: 10px 20px;border: 1px solid #eee;}
.ft-inp::placeholder {color:#777;}
.ft-mar {margin-bottom: 15px;}
.dky-btn {background-color: #ed1c24;width: 100%;color: white;border: none;padding: 8px 0;text-transform: uppercase;font-family: 'open_sansbold';font-size: 17px;margin-top: 21px;display: inline-block;}
.trangcon {padding:30px 0;}
.tcon-td {color: #119c4a;font-family:"open_sansbold";font-size:24px;margin-bottom: 10px;}
.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%;background-color: #f8fafc;padding: 20px;border: 1px solid #eee;}
.spct-info-right {width: 50%;padding: 30px;padding-top: 10px;}
.box-hotro {background-color: #037564;background-size: 100% 100%;color:white;padding: 20px 0px;}
.htro-td {font-size: 16px;padding-bottom: 15px;margin-bottom: 15px;background: url(../images/gach2.png)no-repeat bottom;}
.htro-hot {color:#3ba2ff;font-size: 16px;}
.spct-ten {color:#444;font-size: 20px;font-family: "open_sansbold";margin-bottom: 20px;}
.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: #119c4a;color:white;padding: 12px 0px;font-family: "open_sansbold";cursor: pointer;text-align: center;border-radius: 6px;margin-top: 7px;font-size: 17px;}
.spct-btn2 {background-color: #037564;color:white;padding: 12px 0px;font-family: "open_sansbold";text-align: center;border-radius: 6px;margin-top: 7px;font-size: 17px;}
.spct-btn2 a:hover {color:red;}
.tcon-content img {max-width: 100% !important;height: auto !important;}
.trangcon .google-map iframe {height: 400px !important;}
.slick-spnb .sp-box {margin:3px;}
.trangcon .sp-bao {grid-gap: 16px;}
.tcon-bor {border-bottom: 1px solid #ccc;position: relative;bottom: 10px;}
.left-tit {background: url(../images/ic_dm.png)no-repeat 10px;background-color: #119c4a;color:white;padding: 8px 0;padding-left: 45px;font-size: 16px;font-weight: bold;margin-bottom: 5px;}
.left-tit1 {background:url(../images/ic_dm2.png)no-repeat 10px;background-color:#444;margin-top: 30px;}
.left-list {background-image: linear-gradient(to bottom, #fff, #f4f8fb);position: relative;padding: 8px 0;padding-left: 35px;font-weight: bold;margin-bottom: 3px;border-radius: 8px;box-shadow: 0 0 1px #ccc;}
.left-list:before {content:"";width: 6px;height: 6px;border-radius:50%;background-color:#119c4a;position:absolute;left: 15px;top: 16px;}
.left-bold {font-family:"open_sansbold";}
.left-hot {background: url(../images/ic_phone2.png)no-repeat 35px 5px;padding-left: 95px;margin-bottom: 30px;}
.left-time {background: url(../images/ic_time.png)no-repeat 35px 5px;padding-left: 95px;margin-bottom: 30px;}
.left-tit3 {text-transform: uppercase;font-weight: bold;font-size: 22px;margin-bottom: 10px;}
.left-tit4 {text-transform: uppercase;font-weight: bold;font-size: 22px;color:#119c4a;margin-top: 30px;margin-bottom: 10px;}
.left-dvu {background-color: #119c4a;color: white;padding: 10px 20px;margin-bottom: 5px;}
.slick-ttuc .slick-next {top: -25px;right:0;background:url(../images/ic_right2.png)no-repeat;background-size: 100% 100%;}
.slick-ttuc .slick-prev {top: -25px;left: 81%;background:url(../images/ic_left2.png)no-repeat;background-size: 100% 100%;}
.tcon-banner {margin-bottom: 30px;}
.spct-mota {background-color: #777;color:white;padding: 6px 20px;display: inline-block;margin-bottom: 15px;border-radius: 6px;text-transform: uppercase;}
.spct-share {border-top: 1px solid #777;border-bottom: 1px solid #777;margin-top: 30px;margin-bottom: 20px;padding-bottom: 5px;}
.spct-info-right .sp-gia {font-size:20px;margin-bottom:20px;}
.spct-btn-bao {display: flex;justify-content: space-between;align-items: center;margin-top: 30px;}
.spct-btn-bao > div:first-child {width: 35%;}
.spct-btn-bao > div:last-child {width:60%;}
.spct-thongtin {border: 1px solid #eee;border-top: 10px solid #f4f8fb;padding: 20px 80px;margin-bottom: 30px;}
.spct-tit {font-size: 18px;background: url(../images/gach3.png)no-repeat left bottom;padding-bottom: 10px;margin-bottom: 20px;}
.trangcon .dv-desc {height: 75px;-webkit-line-clamp: 3;}
.trangcon .dv-info-box {padding: 10px 20px;}
/* INDEX */
/* FOOTER */
.my-footer {background: url(../images/bg5.jpg)no-repeat;background-size: 100% 100%;padding: 40px 0;}
.my-footer a:hover {color:red;}
.ft-td {color: #119c4a;margin-bottom: 15px;font-family: "open_sansbold";font-size: 16px;}
.ft1-bao {margin-bottom:30px;}
.ft2-bao {display: flex;justify-content: space-between;}
.ft2-box {width: 23%;}
.ft-logo {text-align:center;}
.ft-mxh-td {font-family:"open_sansbold";margin-top:20px;padding-left:10px;text-align:center;margin-bottom:10px;}
.ft-mxh {background-color:#119c4a;text-align:center;padding:6px 0;}
.ft-dc {background: url(../images/ft1.png)no-repeat left 4px;padding-left: 20px;margin-bottom: 5px;}
.ft-dc span {font-family:"open_sansbold";}
.ft-hot {background: url(../images/ft2.png)no-repeat left 6px;padding-left: 20px;color: #ed1c24;font-family: "open_sansbold";font-size: 15px;margin-top: 37px;}
.ft-mail {background: url(../images/ft3.png)no-repeat left 4px;padding-left: 20px;}
.ft-mst {background: url(../images/ft4.png)no-repeat left 5px;padding-left: 20px;}
.ft-web {background: url(../images/ft5.png)no-repeat left 4px;padding-left: 20px;}
.blue.accent-1, .btn-light-blue {background-color: #119c4a !important;}
/* FOOTER */
.an-pc {display: none;}
.an-pc2 {display: none;}

@media(max-width:1366px) {
	.dky-right {width: 50%;padding-top:10px;padding-bottom: 0;}
	.dky-left {padding: 60px 120px;}
}
@media(max-width:1200px) {
	#cssmenu > ul > li > i {top:11px;left:-17px;}
	.tb-bao {grid-template-columns:32% 32% 32%;grid-gap: 18px;}
	.dky-left, .dky-right {width:50%;padding:40px 80px;}
	.banner-info {width:40%;}
}
@media(max-width:990px) {
	.head-con1 {font-size: 10px;}
	#cssmenu ul ul {background:unset;}
	.sp-bao {grid-template-columns: 48% 48%;}
	.ttuc-left, .ttuc-right {width: 100%;margin-bottom: 10px;}
	.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;}
	.top-info {width:50%;}
	.banner-info {bottom:10px;padding: 10px;left: 100px;}
	.tb-bao {grid-template-columns:48% 48%;}
	.ft2-bao {flex-wrap:wrap;}
	.ft2-box {width:48%;}
}
@media(max-width:600px) {
	.top-logo {width: 20%;}
	.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;}
	.ttuc-left-trai > div {width:100%;}
	.dang-ky {flex-wrap:wrap;}
	.dky-left, .dky-right {width:100%;}
	.ut-bao {grid-template-columns:48% 48%;grid-gap:20px;}
	.top-ten-bao {display:none;}
	.banner-info {width:70%;bottom:30px;}
	.banner-name {font-size:14px;}
}
@media(max-width:480px) {
	.sp-bao {grid-template-columns: 100%;padding:8px;}
	.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%;}
	.my-head {padding: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;}
	.banner-info {width:90%;bottom:0;left:0;}
	.banner-name {font-size:11px;}
	.banner-desc {font-size:10px;}
	.top-search {width:100%;}
	.top-info {width: 80%;}
	.lang {width:30%;}
	.top-logo {width: 28%;}
	.top-hot-bao {font-size:12px;padding: 2px 0;padding-left: 50px;width: 100%;}
	.top-hot {font-size:13px;}
	.tb-bao {grid-template-columns:100%;}
	.dky-left, .dky-right {padding:20px;}
	.ft2-box {width:100%;margin-bottom:10px;}
	.ft-hot {margin-top:0;}
	.spct-thongtin {padding:20px;}
	.tcon-td {font-size:18px;}
	.mb-nho {font-size:20px !important;}
	.ind-ttuc-pos {position: static;}
	.head-bao {flex-wrap: wrap;}
	.top-ten-bao {display: unset;width: 70%;}
	.top-ten {font-size:14px;}
	.top-slogan {font-size:10px;}
	.tcon-banner {margin-bottom:10px;}
	.trangcon {padding:15px 0;}
	.slick-banner .slick-next, .slick-banner .slick-prev {display: none !important;}
	.dv-desc {-webkit-line-clamp: 3;height: 75px;}
	.spct-btn-bao {flex-wrap:wrap;margin-top: 0px;}
	.spct-btn-bao > div {width: 100% !important;margin-bottom:10px;}
	.spct-info-right {padding:10px;padding-bottom:0;}
}