body {font-family: 'open_sansregular';font-size: 14px;}
a {color:unset;}
a:hover {color: red;}
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%}
/* lazy load IMAGE effect */
img.lazy {
	opacity: 0;
	transition: opacity ease 2s;
}
img.initial, img.loaded, img.error {
	opacity: 1;
}
img:not([src]) {
	visibility: hidden;
}
/* lazy load IMAGE effect */
/**************** 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 {padding: 10px;background-color: white;box-shadow: 0px 0px 10px #333;text-align: center;max-width: 900px;margin: 0 auto;position: relative;bottom: 20px;text-transform: uppercase;font-weight: bold;}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {display: inline-block;position: relative;}
.breadcrumb-arrow li.active {color: #2957a4;}
.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: '/';position: absolute;right: -14px;top:0;}
.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: pointer;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 #2957a4 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:60px;}
.google-map iframe {width: 100% !important;height: 250px !important;}
.design-ibrand {background-color: rgba(6,42,73, 0.5);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;}
.search-btn2 {color: white;font-size:1.15rem;margin-left: 10px;cursor: pointer;}
.tcon-content table {
	border-collapse: collapse;
	width: 100%;
}
.tcon-content table td, .tcon-content table th {
	border: 1px solid #ddd;
	padding: 8px;
}
.tcon-content table tr:nth-child(odd){background-color: #f2f2f2;}
.tcon-content table tr:hover {background-color: #ddd;}
.tcon-content table th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #4CAF50;
	color: white;
}
/* BANNER */
.my-head {border-top: 7px solid #ddd;padding: 10px 0;}
.my-head2 {background-color: #2957a4;}
.head-bao {display: flex;justify-content: space-between;align-items: center;}
.head2-bao {display: flex;justify-content: space-between;align-items: center;}
.top-search {width: 20%;display: flex;align-items: center;position: relative;}
.top-search > input {width: 100%;border:none;background-color: transparent;padding: 5px 20px;border-radius: 14px;border: 1px solid white;color:white;}
.top-search > input::placeholder {color: white;}
.search-btn {cursor: pointer;padding: 8px 10px;color: white;position: absolute;right: 0;}
.top-hot {background:url(../images/phone.png)no-repeat left;padding: 8px 0;padding-left: 30px;font-weight: bold;}
.top-mail {background:url(../images/mail.png)no-repeat left;padding: 8px 0;padding-left: 30px;font-weight: bold;}
.slick-banner .slick-slide {
	padding: 0;
}
.top-mxh {text-align: right;}
.top-cty {
	color: #2957a4;
	font-family: 'open_sansbold';
	font-size: 1.5rem;
}
.top-slogan {
	font-weight: bold;
	font-size: 1rem;
}
.top-menu {
	width: 70%;
}
.top-info-bao {
	text-align: center;
}
/* BANNER */
/* INDEX */
.gioi-thieu {padding-top: 80px;padding-bottom: 50px;background:url(../images/bg.png)no-repeat;background-size:100% 100%;}
.gioi-thieu a:hover {color:white;}
.gthieu-left {width: 40%;}
.gthieu-right {width: calc(60% - 40px);}
.gthieu-td {font-size: 1.75rem;margin-bottom: 10px;color: #2957a4;font-family: 'open_sansbold';}
.gthieu-desc {overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 5;height: 102px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: bold;font-size: 1rem;}
.gthieu-xem {background-color: #2957a4;padding:8px 70px;}
.sp-noibat {padding: 40px 0;}
.td-chung {color: #2957a4;font-family: "open_sansbold";font-size: 1.3rem;margin-bottom: 30px;text-transform: uppercase;border-bottom: 2px solid #2957a4;display: inline-block;}
.sp-bao {display: grid;grid-template-columns: repeat(4, auto);gap: 20px;}
.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;}
.sp-img:hover .splash {top: 50%;left:100%;opacity: 0.5;}
.sp-img:hover img {transform: scale(1.1);}
.sp-name {margin-top: 10px;min-height: 50px;max-height: 50px;overflow: hidden;text-transform: uppercase;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 {color:#3ba2ff;border:1px solid #3ba2ff;border-radius:8px;padding: 8px 50px;}
.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;}
.tin-tuc {margin-top: 50px;}
.ttuc-left {width: calc(50% - 20px);}
.ttuc-right {width: calc(50% - 20px);}
.ttuc-box-left {width: 40%;}
.ttuc-box-right {width: 58%;}
.ttuc-ngay {background: url(../images/lich.png)no-repeat left;padding: 4px 0px;padding-left: 35px;font-size: 12px;display: inline-block;}
.ttuc-name {min-height:44px;max-height:44px;overflow:hidden;margin: 5px 0;}
.ttuc-name a {font-family: "open_sansbold";}
.ttuc-desc {color:#777;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: 370px !important;border:none;}
.doi-tac {background-color: #e9f6ff;margin-top: 50px;padding: 30px 0;}
.dtac-left {width: 20%;font-size: 20px;font-family: "open_sansbold";padding-left: 50px;background: url(../images/ic2.png)no-repeat left 3px;}
.dtac-left span {color:#3ba2ff;}
.dtac-right {width: 75%;padding-right: 30px;}
.dtac-img {box-shadow: 0px 0px 10px #ddd, 5px 5px 5px #ccc;margin: 10px;}
.dtac-img img {height: 100% !important;}
.other-page {padding-bottom: 30px;}
.tcon-td {color:#103e75;font-family:"open_sansbold";font-size:24px;margin-bottom:30px;}
.tcon-left {width: 73%;}
.tcon-right {width: 25%;}
.left-tcon-td {color: #2957a4;font-size: 16px;padding: 10px 0;text-align: center;font-family: 'open_sansbold';background-color: #e4e4e4;margin-top: 20px;}
.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: 40%;}
.spct-info-right {width: 60%;padding: 0 30px;}
.box-hotro {background: url(../images/hotro.png)no-repeat left bottom;background-color: #e9f6ff;padding: 20px 10px;padding-top: 7px;min-height: 420px;text-align: center;margin-top: 20px;font-size: 1rem;margin-bottom: 20px;}
.htro-td {font-size: 18px;color: #2957a4;font-family: 'open_sansbold';margin-bottom: 5px;}
.htro-hot {color:#3ba2ff;font-size: 16px;}
.spct-ten {color: #2957a4;font-size: 18px;text-transform: uppercase;font-weight: bold;}
.spct-gia {margin:20px 0;}
.spct-gia span {color:#103e75;font-family: "open_sansbold";}
.spct-desc {color:#444;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;}
.slick-spnb .sp-box {margin:3px;}
.htro-hr {background-color: #2957a4;max-width: 80px;margin: 0 auto;min-height: 3px;margin-bottom: 10px;}

.ud-bao {
	display: grid;
	grid-template-columns: repeat(2, auto);
	gap: 20px;
	margin-top: 30px;
}
.ud-box {
	background-color: #2957a4;
	color: white;
	text-align: center;
	padding: 10px;
	border-radius: 10px;
}
.ud-img {
	min-height: 35px;
}
.ind-mota {
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 1rem;
}
.sp-info-bao {
	background-color: #e5e5e5;
	padding: 10px;
	text-align: center;
}
.ind-ttuc-nb {
	width: calc(50% - 7px);
}
.ttuc-mar {
	border: 1px solid #ddd;
	margin: 1px;
	padding: 3px 10px;
	border-radius: 12px;
}
.ttuc-box .ttuc-desc {
	font-size: 13px;
}
.vid-bao {padding:15px;padding-bottom: 0;}
.vid-box {cursor: pointer;}
.vid-ngay {background-color:#fd7444;color: white;padding: 6px 15px;font-style: 12px;display: none;}
.vid-name {width: 80%;margin-top: 10px;}
.chosen > div {opacity: 0.3;}
.slick-video .slick-next {right: 15px;}
.slick-video .slick-prev {left: 15px;}
.bor-top {border-top:1px solid #ddd;padding: 20px 40px;}
.vid-bor {
	border: 1px solid #ddd;
	border-radius: 12px;
}
.ind-frame {
	height: 350px !important;
}
.vid-img {
	height: 110px;
	width: 100%;
}
.ttuc-all {
	display: inline-block;
	background-color: #2957a4;
	color: white;
	font-family: 'open_sansbold';
	font-size: 1rem;
	padding: 10px 40px;
	border-radius:24px;
	margin-top: 25px;
	text-transform: uppercase;
}
.slick-dtac .slick-prev {
	background-image: url(../images/ic_left2.png);
	width: 45px;
	height: 45px;
}
.slick-dtac .slick-next {
	background-image: url(../images/ic_right2.png);
	width: 45px;
	height: 45px;
}
.sp-bao2 {
	display: grid;
	grid-template-columns: repeat(3, auto);
	gap: 20px;
}
.left-dm-td {
	color: #2957a4;
	background-color: #e9e9e9;
	text-align: center;
	padding: 5px 0;
	text-transform: uppercase;
	font-family: 'open_sansbold';
	font-size: 1rem;
	margin-bottom: 3px;
}
.left-dm-list {
	background: url(../images/arr.png)no-repeat 9px 7px;
	background-color: #e9e9e9;
	text-transform: uppercase;
	border-bottom: 2px solid black;
	padding: 5px 0;
	font-weight: bold;
	padding-left: 35px;
}
.left-hot {
	background-color: #2957a4;
	color: white;
	padding: 4px 0;
	font-size: 1.1rem;
	font-family: 'open_sansbold';
	border-radius: 24px;
	margin-top: 5px;
}
.tracuu-td {
	background: url(../images/ic2.png)no-repeat 90%;
	background-color: #f79630;
	text-align: center;
	font-family: 'open_sansbold';
	padding: 10px 0;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: white;
}
.tracuu-menu {
	margin-bottom: 10px;
}
.slick-ttuc-nb .slick-slide {padding: 0;}
.ct-info {
	text-align: center;
	padding: 10px;
}
.ct-name {
	font-family: 'open_sansbold';
	margin-bottom: 5px;
}
.ct-xem {
	color: #2957a4;
	display: inline-block;
	border-bottom: 3px solid #2957a4;
	font-style: italic;
	font-family: 'open_sansbold';
}
.ct-hr {
	max-width: 80px;
	background-color: #2957a4;
	margin: 0 auto;
	min-height: 2px;
}
.left-tke-td {
	background: url(../images/ic1.png)no-repeat 90%;
	background-color: #2957a4;
	text-align: center;
	font-family: 'open_sansbold';
	padding: 10px 0;
	text-transform: uppercase;
	color: white;
	margin-top: 20px;
}
.left-tke-bao {padding: 10px 20px;}
.left-tke-tong {background-color: #2957a4;padding: 10px 20px;color: white;}
.left-tke-small {font-size: 12px;}
.left-tke-week {background: url(../images/truycap3.png)no-repeat left;padding: 4px 0;padding-left: 35px;margin-bottom: 10px;}
.left-tke-day {background: url(../images/truycap2.png)no-repeat 0px;padding: 4px 0;padding-left: 40px;margin-bottom: 10px;}
.left-tke-online {background: url(../images/truycap.png)no-repeat 5px;padding: 4px 0;padding-left: 35px;margin-bottom: 10px;}
.spct-lhe1 {
	text-transform: uppercase;
	background-color: #f6b217;
	color: white;
	padding: 5px 10px;
	border-radius: 6px;
	font-weight: bold;
	cursor: pointer;
	font-size: 1rem;
}
.spct-lhe2 {
	display: block;
	background-color: #0064aa;
	color: white;
	padding: 5px 14px;
	margin-left: 10px;
	border-radius: 6px;
	font-weight: bold;
	font-size: 1rem;
}
.spct-lhe {
	font-weight: bold;
	font-size: 1rem;
	margin-top: 20px;
}
.lhe-red {
	color: red;
	font-size: 1.2rem;
}
.splq-td {
	display: inline-block;
	color: #2957a4;
	text-transform: uppercase;
	font-family: 'open_sansbold';
	font-size: 1.25rem;
	border-bottom: 2px solid #ddd;
	margin-bottom: 15px;
}
.slick-splq .slick-prev {
	width: 9px;
	height: 18px;
	background-image: url(../images/ic_left3.png);
	left: 96%;
	top: -25px;
}
.slick-splq .slick-next {
	width: 9px;
	height: 18px;
	background-image: url(../images/ic_right3.png);
	right: 0;
	top: -25px;
}
.blue.accent-1, .btn-light-blue {background-color: #2957a4 !important;}
/* INDEX */
/* FOOTER */
.my-footer {background: url(../images/imgfoot.jpg)no-repeat;background-size: 100% 100%;padding-top: 50px;padding-bottom: 80px;color:white;position: relative;}
.my-footer a:hover {color:red;}
.ft1-left {width: 20%;}
.ft1-right {width: 75%;background-color:#0b3663;padding: 10px 20px;}
.ft-td {margin-bottom:20px;text-transform: uppercase;font-family: 'open_sansbold';font-size: 1rem;}
.ft1-bao {margin-bottom:40px;}
.ft-dc {background: url(../images/ft1.png)no-repeat left 4px;padding-left:30px;margin-bottom: 10px;}
.ft-hot {background: url(../images/ft2.png)no-repeat left 2px;padding-left:30px;margin-bottom: 10px;}
.ft-mail {background: url(../images/ft3.png)no-repeat left 5px;padding-left:30px;margin-bottom: 10px;}
.ft-mst {background:url(../images/ft4.png)no-repeat left 1px;padding-left:30px;}
.span-mxh {margin-left: 10px;}
.ft-logo {margin-bottom: 20px;}
/* FOOTER */

.an-pc {display: none;}
.an-pc2 {display: none;}

@media only screen and (max-width:1200px) {
	#cssmenu > ul > li > i {top:11px;left:-17px;}
}
@media only screen and (max-width:990px) {
	#cssmenu ul ul {background:unset;}
	.sp-bao {grid-template-columns: 32% 32% 32%;}
	.ttuc-left, .ttuc-right {width: 100%;}
	.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-menu {width: 55%;}
	.gthieu-left {width: 100%;margin-bottom: 10px;}
	.gthieu-right {width: 100%;}
	.top-search {width: 27%;}
	.sp-bao2 {grid-template-columns: repeat(2, auto);}
	.head-bao {flex-wrap: wrap;}
}
@media only screen and (max-width:600px) {
	.top-logo {width: 20%;}
	.gioi-thieu {padding:20px 0;background-size: cover;color: white;}
	.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%;margin-bottom: 20px;}
	.tcon-right {width: 100%;}
	.other-page .google-map iframe {height: 300px !important;}
	.spct-info-left {width: 100%;margin-bottom: 20px;}
	.spct-info-right {width: 100%;padding: 0;}
	.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;}
	.tcon-content iframe {width: 100% !important; height: 300px;}
	.mb-mar {margin-bottom: 20px;}
	.ud-bao {grid-template-columns: repeat(2, auto);}
}
@media only screen and (max-width:480px) {
	.sp-bao {grid-template-columns: repeat(2, auto);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%;}
	.my-head {padding:0;}
	.head-con2 {margin:0;}
	.td-chung {font-size: 18px;}
	.top-search {width: 55%;}
	.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;}
	.tcon-content iframe {height: 250px;}
	.top-logo {text-align: center;width: 20%;}
	.vid-frame {height:250px !important;}
	.gthieu-desc {height: 125px;}
	.tin-tuc {margin: 0;}
	.ind-ttuc-nb {width: 100%;}
	.ttuc-all {margin: 20px 0;}
	.ft-logo {text-align: center;}
	.breadcrumb-arrow {font-size:11px;}
	.slick-splq .slick-prev {left:90%;}
	.top-mail, .top-hot {margin-left: 95px;}
	.top-mxh {text-align: center;}
	.top-info-bao {width: 75%;}
	.top-cty {font-size: 1.1rem;}
	.top-slogan {font-size:.9rem;}
}