/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@font-face{
  font-family: "SVN-AgencyFBBold";
  src:url(font/SVN-AgencyFBBold.ttf);
}
@font-face{
  font-family: "SVN-AgencyFB";
  src:url(font/SVN-AgencyFB.ttf);
}
@font-face{
  font-family: "SVN-BaliScript";
  src:url(font/SVN-BaliScript.ttf);
}
body{
	font-family: 'Roboto', sans-serif !important;
}
h1,h2,h3,h4{
	font-family: 'Roboto', sans-serif !important;
}
.img{
	overflow: hidden;
}
.rt_new_pro_right {
	position: unset !important;
}
.box_first_posts{
}
.rt_new_pro_right > .col-inner{
	position: unset !important;
}
.rt_new_pro_right .col-inner .heading{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}
#content{
	background: #fff;
}
/*form_dk*/
.rt_form_dk  .small-12{
	padding-bottom: 15px;
}
.form_dk > div:nth-child(1){
	width: 50%;
	float: left;
	text-align: center;
	color: #f6f6f6;
	font-size: 14px;
}
.form_dk > div form{
	overflow: hidden;
	margin-bottom: 0;
}
.form_dk > div:nth-child(1) p{
	margin-bottom: 0 !important;
}
.form_dk > div:nth-child(1) h2{
 	font-size: 25px;
 	margin-bottom: 5px;
 	color: #f6f6f6;
 	font-weight: 400;
}
.form_dk > div:nth-child(2){
	width: 50%;
	float: right;
	position: relative;
	margin: 7px 0;
}
.form_dk > div:nth-child(2) input{
	width: 100%;
	height: 44px;
	margin:0;
}
.form_dk > div:nth-child(2) .wpcf7-submit{
	position: absolute;
	top: -10px;
	right: 0;
	width: 44px;
	height: 44px;
	text-transform: initial;
	background: #f39303;
	padding: 0;
}
.wpcf7-mail-sent-ok{
	color: #fff;
}
.footer-1 p{
	margin-bottom: 0 !important;
	line-height: 30px;
}
.footer-1 p i{
	color: #f39303;
}
.footer-1 .menu li{
	border-top: 1px solid #5c3d4a;
}
.footer-1 .menu li a{
	line-height: 40px !important;
	padding-left: 18px !important;
	padding-right: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	color: #fff !important;
	font-size: 14px;
	background: url(img/li.png) 0px 13px no-repeat;
}
.footer-2 .widget-title{
	color: #636363;
	margin-bottom: 20px !important;
	display: block;
}
.footer ul.menu > li:nth-child(1){
	border:none !important;
}
.footer .custom-html-widget{
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
}
.footer p{
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
}
.absolute-footer{
	display: none !important;
}
.footer-2 .is-divider{
	display: none !important;
}
.rt_icon_hd{
	overflow: hidden;
}
.rt_icon_hd1{
	margin-right: 25px;
}
.rt_icon_hd1 img{
	padding: 6px 0;
}
.rt_icon_hd2{
	margin-right: 25px;
}
.rt_icon_hd2 img{
	padding-top: 9px;
}
.rt_icon_hd3 img{
	padding: 8px 0;
}
.rt_icon_hd > img{
	float: left;
	margin-right: 7px;
}
.rt_icon_hd > div{
	float: right;
	font-size: 14px;
	line-height: 21px;
	color: #33496d;
}
#wide-nav > .flex-row > .flex-left{
	width: 100% !important;
	margin-right: 0 !important;
}
.nav-dropdown-default{
	padding: 0;
}
.header-bottom{
	margin-bottom: 1px;
}
.search-form{
	width: 100% !important;
}
.clear {
	clear: both;
}
.image-tools.top.right {
	z-index: 9;
}
.badge-container {
	display: none;
}
.product-title a {
	font-size: 15px;
	color: #333;
}
.product-small:hover .product-title a {
	color: #000;
}
.block-product-1 .col-inner {
	background-color: #ffffff;
	padding: 0;
	border-radius: 0px;
	border: 1px solid #ebebeb;
}
/*** loop price **/
.block-product-1{
	margin: 0 -8px;
}
.block-product-1 .col-3{
	padding: 0 8px;
	margin-bottom: 15px;
}
.block-product-1 .spd1_box_left{
	width: 460px;
	overflow: hidden;
	float: left;
	clear: none;
}
.block-product-1  .box-image{
	width: 100%;
	height: 154px;
}
.block-product-1 .box-image img{
	width: 100%;
	height: 154px;
	object-fit: cover;
}
.block-product-1 del{
	display: none !important;
}
.block-product-1 ins{
	width: 100% !important;
}
.block-product-1 .price{
	text-align: center !important;
}
.block-product-1 .box-text span.amount{
	font-size: 16px !important;
	font-weight: 600 !important;
}
.block-product-1 .spd1_box_left > div{
	width: 100% !important;
	margin-top: 0;
}
.block-product-1 .spd1_box_left .box-text{
	padding: 15px 20px 20px 20px;
}
.block-product-1 .spd1_box_left .box-text .product-title a{
	font-size: 21px;
	color: #33496d;
	line-height: 25px;
	display: block;
	height: 25px;
	overflow: hidden;
	margin-bottom: 6px;
}
.block-product-1 .spd1_box_right{
	width: calc(100% - 460px);
	float: right;
	clear: none;
}
.block-product-1 .spd1_box_right .box-text{
	padding:10px;
}
.block-product-1 .spd1_box_right .box-text .product-title a{
	display: block;
	font-size: 15px;
	color: #33496d;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	margin-bottom: 6px;
}
.block-product-1 .spd1_box_right .box-text span.amount{
	font-size: 15px;
}
.block-product-1 .spd1_box_right > div{
	margin-top: 0;
}
.block-product-1 .spd1_box_right .box-image{
	height: 170px;
	width: 100%;
}
.block-product-1 .spd1_box_right .box-image img{
	width: 100%;
	height: 170px;
	object-fit: cover;
}
.block-product-1 .box-text {
	padding:5px 10px 20px 10px !important;
	background: url(img/star.png) 52px 55px no-repeat;
}
.block-product-1 .box-text a{
	display: block;
	font-size: 16px;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
	color: #333333;
	text-align: center;
}
.box-text .price-wrapper {
	margin: 0 0 6px 0;
	line-height: 22px;
	height: unset;
	overflow: hidden;
}
.box-text del, 
.box-text ins {
	width: 50%;
	display: block;
	float: right;
}
.box-text  del span.amount {
  	color: #333;
  	font-size: 16px;
  	font-weight: 400;
}
.box-text  span.amount {
  	color: #ee1f1f;
  	font-size: 18px;
	font-weight: 700;
}
.block-product-1 .box-text .star-rating {
	display: block;
	width: 100%;
	margin:0 0 10px 0;
	padding:0;
	font-size: 11px;
}
.star-rating span:before{
    color: #f39402 !important;
}
/*** product single price **/
.product-info .price-wrapper span.amount, .product-info .price-wrapper ins .amount {
	font-size: 36px;
	color: #f54444;
}
.product-info .price-wrapper del, .product-info .price-wrapper ins {
	display: block;
	margin-bottom: 10px;
}
.product-info .price-wrapper del {
	color: #a8a8a8;
	font-size: 15px;
}
.product-info .price-wrapper del .amount {
	font-size: 15px;
	color: #a8a8a8;
}
.block-product-col  a.view_product {
	position: relative;
    display: inline-block;
    background-color: transparent;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    -ms-touch-action: none;
    touch-action: none;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    color: currentColor;
    text-decoration: none;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: 0;
    margin-top: 0;
    margin-right: 1em;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    max-width: 100%;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    font-size: .8em;
    margin-bottom: 0;
    margin-top: 1em;
    background-color: #dedede;
}
.block-product-col a.wc-forward {
	position: relative;
    display: inline-block;
    background-color: transparent;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    -ms-touch-action: none;
    touch-action: none;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    color: currentColor;
    text-decoration: none;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: 0;
    margin-top: 0;
    margin-right: 1em;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    max-width: 100%;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    font-size: .8em;
    margin-bottom: 0;
    margin-top: 1em;
    background-color: #446084;
    color: #fff;
}
/***************** block product 3 ********************************/
.block-product-3{
	padding-bottom: 40px;
	overflow: hidden;
}
.block-product-3 .col-inner {
	border: 1px solid #ebebeb;
	background: #fff;
	overflow: hidden;
}
.block-product-3 .col-inner .box-text {
	padding-bottom: .4em;
}

.block-product-3 .price-wrapper {
	padding: 0;
	display: block;
}
.block-product-3 .price-wrapper .star-rating{
	width: 100%;
}
.block-product-3 .price-wrapper .price, .block-product-3 .price-wrapper .rt_view_product {
	width: 100%;
	margin: 0 auto;
}
.block-product-3 .price-wrapper .price, .block-product-3 .price-wrapper .rt_view_product .view_product {
	margin-top: 0;
	margin-right: 0;
}
.block-product-3 .price-wrapper .price del, .block-product-3 .price-wrapper .price ins {
	display: block;
	width: 100%;
	margin: 2px 0;
}
.block-product-3 .title-wrapper {
	text-align: left;
}
.block-product-3 .title-wrapper p a{
	font-size: 18px;
	display: block;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
	color: #2c4162;
}
.block-product-3 .col-4{
	width: 50%;
}
.block-product-3 .col-4:nth-child(2n+1){
	clear: both;
}
.block-product-3 .box-image{
	width: 240px;
	height: 200px;
	float: left;
}
.block-product-3 .box-image img{
	width: 100%;
	height: 200px;
	object-fit: cover;
}
.block-product-3 .box-text{
	width: calc(100% - 240px);
	float: right;
	background: #fff;
	text-align: left;
	padding: 20px 15px;
}
.block-product-3 .box-text .rt-des p{
	font-size: 14px;
	line-height: 22px;
	display: block;
	height: 66px;
	overflow: hidden;
	color: #6e6e6e;
}
/*them*/
.heading{
	text-align: center;
	background: url(img/hd.png) 0px 18px repeat-x;
}
.heading a,.heading span{
	display: inline-block;
	background:#f0f0f0;
	color: #657f93;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 40px;
	padding: 0 10px;
	position: relative;
	left: -1px;
	top: -1px;
	margin-bottom: -2px;
}
.grid-tools a{
	background: #f28f06 !important;
}
input[type='submit'], input[type='submit'].button, input[type='submit'], .primary{
	margin-top: 10px !important;
	margin-right: 0 !important;
	text-transform: initial;
	font-weight: 400;
}
.block-product-col a.wc-forward{
	text-transform: none !important;
}
.box_new > div{
	padding-bottom: 0;
}

/*
Hoang Cuong
*/
.box__colum__commitment {
	clear: both;
}
.box__colum__commitment h3 {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
}
.box__colum__commitment p {
    font-size: 12px;
    line-height: 24px;
    margin: 0;
}
.box__colum__commitment .col  {
	padding-bottom: 0;
}
ul.ul-reset>li{
  margin-left: 0 !important;
}
/*
news-widget-sidebar-widget
*/
.news-widget-sidebar-widget {
  background: #f4f4f4;
  padding: 20px;
}
.news-widget-sidebar-widget .news-item-sidebar  {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}
.news-widget-sidebar-widget .news-item-sidebar h4 {
    margin: 10px 0 5px 0;
}
.news-widget-sidebar-widget .news-item-sidebar h4 a {
    color: #073f77;
    font-size: 16px;
    font-weight: 500;
    display: block;
    line-height: 22px;
}
.news-widget-sidebar-widget .news-item-sidebar .date {
  color: #9c9c9c;
  font-size: 13px;
  font-weight: 500;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner {
    overflow: hidden;
    clear: both;
    padding-top: 20px;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner .news-thumb {
  float: left;
  width: 100px;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner .news-thumb a {
  display: block;
  line-height: 0;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner .news-thumb a img {
  width: 100%;
  height: 75px;
    object-fit: cover;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner  .box__slider {
  float: right;
  width: calc(100% - 110px);
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner  .box__slider h4 {
  margin: 0 0 3px 0;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner  .box__slider h4 a {
    color: #073f77;
    font-size: 15px;
    font-weight: 500;
    display: block;
    line-height: 22px;
    max-height: 44px;
    overflow: hidden;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner  .box__slider .date {
  color: #9c9c9c;
  font-size: 13px;
  font-weight: 500;
}
/*
block 2
*/
.box_first_posts {
  clear: both;
  overflow: hidden;
}
.box_first_posts .news-item-posts {
  float: left;
  width: 48%;
}
.box_first_posts .news-item-posts:nth-child(2n) {
  float: right;
}
.box__second_posts {
  overflow: hidden;
  clear: both;
}
.box__second_posts .news-item-sidebar-clear {
  float: left;
  width: 48%;
}
.box__second_posts .news-item-sidebar-clear:nth-child(2n) {
  float: right;
}
.box__second_posts .news-item-sidebar-clear  .news-thumb {
  float: left;
  width: 105px;
}
.box__second_posts .news-item-sidebar-clear .box__slider {
  float: right;
  width: calc(100% - 115px);
}
.news-style-2 .box_first_posts .boxx__innner{
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}
.news-style-2 .box_first_posts .boxx__innner .news-thumb img{
  width: 100%;
  height: 260px;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s ease; 
  -moz-transition: -moz-transform 0.5s ease; 
  transition: transform 0.5s ease;
}
.news-style-2 .box_first_posts .boxx__innner .news-thumb:hover img{
  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -o-transform: scale(1.1); 
  transform: scale(1.1);
}
.news-style-2 .box_first_posts .boxx__innner .box__slider{
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
}
.news-style-2 .box_first_posts .boxx__innner .box__slider h4{
  margin-bottom: 0;
}
.news-style-2 .box_first_posts .boxx__innner .box__slider h4 .news-title{
  font-size: 17px;
  line-height: 25px;
  color: #fff;
  font-weight: 400;
  text-shadow: 0 0 2px #000;
}
.news-style-2 .box_first_posts .boxx__innner .box__slider .date{
  color: #fff;
  font-size: 13px;
  line-height: 29px;
  text-shadow: 0 0 2px #000;
}
.news-style-2 .box_first_posts .boxx__innner .box__slider .date i{
  padding-right: 5px;
  color: #f3c302;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear{
  padding-top: 11px;
  margin-top: 11px;
  border-top: 1px solid #e3e3e3;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .news-thumb{
  width: 105px;
  height: 70px;
  overflow:hidden;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear:nth-child(1),.news-style-2 .box__second_posts .news-item-sidebar-clear:nth-child(2){
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .news-thumb img{
  width: 100%;
  height: 70px;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s ease; 
  -moz-transition: -moz-transform 0.5s ease; 
  transition: transform 0.5s ease;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .news-thumb:hover img{
  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -o-transform: scale(1.1); 
  transform: scale(1.1);
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .box__slider h4{
  margin-bottom: 5px;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .box__slider h4 .news-title{
  font-size: 15px;
  line-height: 22px;
  color: #333333;
  font-weight: 600;
  display: block;
  max-height: 44px;
  overflow:hidden;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .box__slider .date{
  font-size: 13px;
  color: #3a5c45;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .box__slider .date i{
  color: #3a5c45;
}
/*
block 3
*/
.news-style-3{
	margin: 0 -15px;
}
.news-style-3 .news-item-bottom{
  width: 33.33%;
  float: left;
  clear: none;
  padding: 0 15px;
}
.news-style-3 .news-item-bottom .boxx__innner{
  background: #f7f7f7;
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb{
  width: 100%;
  position: relative;
  overflow:hidden;
  height: 260px;
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb .time{
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	border:2px solid #657f93;
	padding:8px 14px;
	text-align: center;
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb .time p:nth-child(1){
	margin-bottom: 0;
	font-size: 20px;
	color: #838383;
	line-height: 22px;
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb .time p:nth-child(2){
	margin-bottom: 0;
	font-size: 11px;
	color: #838383;
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb img{
  width: 100%;
  height: 260px;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s ease; 
  -moz-transition: -moz-transform 0.5s ease; 
  transition: transform 0.5s ease;
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb:hover img{
  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -o-transform: scale(1.1); 
  transform: scale(1.1);
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider{
  height: 260px;
  overflow-y: hidden;
  padding: 25px;
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider h4{
  margin-bottom: 5px;
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider h4 .news-title{
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 400;
  color: #3c3c3c;
  line-height: 24px;
  display: block;
  max-height: 48px;
  overflow:hidden;
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider .box__description p{
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 22px;
  color: #838383;
  text-align: justify;
  max-height: 110px;
  overflow: hidden;
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider .views_all{
  font-size: 14px;
  text-decoration: underline;
  color: #657f93;
}
/*
block 4
*/
.news-block-widget-style-4  .news-thumb img{
  -webkit-transition: -webkit-transform 0.5s ease; 
  -moz-transition: -moz-transform 0.5s ease; 
  transition: transform 0.5s ease;
}
.news-block-widget-style-4  .news-thumb:hover img{
  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -o-transform: scale(1.1); 
  transform: scale(1.1);
}
.news-block-widget-style-4{
  overflow:hidden;
}
.news-block-widget-style-4 .box__colum__left{
  width: 49%;
  float: left;
}
.news-block-widget-style-4 .box__colum__left .boxx__innner{
  position: relative;
  overflow: hidden;
}
.news-block-widget-style-4 .box__colum__left .news-thumb{
  width: 100%;
  height: 346px;
  overflow: hidden;
}
.news-block-widget-style-4 .box__colum__left .news-thumb img{
  width: 100%;
  height: 346px;
  object-fit: cover;
}
.news-block-widget-style-4 .box__colum__left .box__slider{
 
}
.news-block-widget-style-4 .box__colum__left .box__slider h4{
  margin-bottom: 10px;
  margin-top: 18px;
}
.news-block-widget-style-4 .box__colum__left .box__slider h4 a{
  color: #0c71bd;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  display: block;
}
.news-block-widget-style-4 .box__colum__left .box__slider .box__description p{
	display: block;
	font-size: 14px;
	line-height: 22px;
	color: #767676;
	height: 44px;
	overflow: hidden;
}
.news-block-widget-style-4 .box__colum__right{
  width: 49%;
  float: right;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear{
  margin-bottom: 17px;
  padding-bottom: 17px;
  border-bottom: 1px solid #e3e3e3;
  overflow: hidden;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear:last-child{
	border-bottom: none;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .news-thumb{
  width: 190px;
  height: 130px;
  float: left;
  overflow: hidden;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .news-thumb img{
  width: 100%;
  height: 130px;
  object-fit: cover;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .box__slider{
  width: calc(100% - 210px);
  float: right;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .box__slider h4{
  margin-bottom: 0px;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .box__slider h4 .news-title{
  font-size: 15px;
  color: #333333;
  font-weight: 500;
  line-height: 22px;
  display: block;
  margin-bottom: 8px;
} 
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .box__slider h4 .news-title:hover{
	color: #0c71bd;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .box__slider .box__description p{
  margin-bottom: 0;
  font-size: 14px;
  line-height: 22px;
  color: #767676;
  display: block;
  max-height: 66px;
  overflow:hidden;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .box__slider .views__all a{
  font-size: 14px;
  color: #37a7a9;
  font-weight: 400;
  text-decoration: underline;
}
/*
block 5
*/
.news-widget-style-5{
  overflow:hidden;
}
.news-widget-style-5 .news-item-clear{
  width: 32%;
  float: left;
  margin-right: 2%;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e9e8e8;
}
.news-widget-style-5 .news-item-clear:nth-child(1),.news-widget-style-5 .news-item-clear:nth-child(2),.news-widget-style-5 .news-item-clear:nth-child(3){
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}
.news-widget-style-5 .news-item-clear:nth-child(3n){
  float: right;
  margin-right: 0;
}
.news-widget-style-5 .news-item-clear .boxx__innner .news-thumb{
  width: 120px;
  height: 80px;
  float: left;
  overflow-y: hidden;
}
.news-widget-style-5 .news-item-clear .boxx__innner .news-thumb img{
  width: 100%;
  height: 80px;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s ease; 
  -moz-transition: -moz-transform 0.5s ease; 
  transition: transform 0.5s ease;
}
.news-widget-style-5 .news-item-clear .boxx__innner .news-thumb:hover img{
  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -o-transform: scale(1.1); 
  transform: scale(1.1);
}
.news-widget-style-5 .news-item-clear .boxx__innner .box__slider{
  width: calc(100% - 135px);
  float: right;
}
.news-widget-style-5 .news-item-clear .boxx__innner .box__slider h4{
  margin-bottom: 5px;
  margin-top: 5px;
}
.news-widget-style-5 .news-item-clear .boxx__innner .box__slider h4 .news-title{
  font-size: 17px;
  color: #333333;
  line-height: 22px;
  display: block;
  height: 22px;
  overflow:hidden;
  font-weight: 700;
}
.news-widget-style-5 .news-item-clear .boxx__innner .box__slider .box__description p{
  margin-bottom: 0;
  font-size: 13px;
  line-height: 22px;
  display: block;
  height: 44px;
  overflow: hidden;
}
/*
block 6
*/
.news-thumb{
  position: relative;
}
.news-block-widget-style-6{
  overflow:hidden;
}
.news-block-widget-style-6 .box__colum__left{
  width: 32%;
  float: left;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner{
  background: #f7f7f7;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .news-thumb{
  width: 100%;
  height: 255px;
  overflow:hidden;
  position: relative;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .news-thumb img{
  width: 100%;
  height: 255px;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s ease; 
  -moz-transition: -moz-transform 0.5s ease; 
  transition: transform 0.5s ease;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .news-thumb:hover img{
  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -o-transform: scale(1.1); 
  transform: scale(1.1);
}
.news-block-widget-style-6 .boxx__innner .news-thumb .date{
  position: absolute;
  top: 0;
  left: 0;
  background:rgba(0, 0, 0, 0.36);
  color: #fff;
  text-align: center;
  padding: 10px 5px 0px 5px;
}
.news-block-widget-style-6 .boxx__innner .news-thumb .date p:nth-child(1){
  font-size: 10px;
  text-transform: uppercase;
}
.news-block-widget-style-6 .boxx__innner .news-thumb .date p:nth-child(2){
  font-size: 15px;
  border-bottom: 3px solid #fff;
  padding-bottom: 5px;
}
.news-block-widget-style-6 .boxx__innner .news-thumb .date p:nth-child(3){
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 0;
}
.news-block-widget-style-6 .boxx__innner .news-thumb .date p{
  margin-bottom: 0;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .news-text{
  background: #37a7a9;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .news-text a{
  color: #fff;
  display: block;
  text-align: center;
  font-size: 15px;
  line-height:30px;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .box__slider{
  padding: 25px 20px;
  min-height: 255px;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .box__slider h4{
  margin-bottom: 10px;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .box__slider h4 a{
  font-size: 18px;
  line-height: 22px;
  display: block;
  max-height: 44px;
  overflow:hidden;
  color: #3c3c3c;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .box__slider .box__description p{
  font-size: 14px;
  line-height: 22px;
  display: block;
  color: #838383;
  height: 110px;
  overflow-y: hidden;
  margin-bottom: 5px;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .box__slider .views_all{
  font-size: 14px;
  text-decoration: underline;
  color: #37a7a9;
}
.news-block-widget-style-6 .box__colum__right{
  width: 66%;
  float: right;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner{
  background: #f7f7f7;
  margin-bottom: 30px;
  overflow-y: hidden;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .news-thumb{
  width: 325px;
  height: 255px;
  float: left;
  overflow-y: hidden;
  position: relative;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .news-thumb img{
  width: 100%;
  height: 255px;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s ease; 
  -moz-transition: -moz-transform 0.5s ease; 
  transition: transform 0.5s ease;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .news-thumb:hover img{
  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -o-transform: scale(1.1); 
  transform: scale(1.1);
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider{
  width: calc(100% - 325px);
  float: right;
  padding: 20px;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider > p{
  margin-bottom: 5px;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider > p > span{
  font-size: 14px;
  color: #919191;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider > p > span a{
  color: #37a7a9;
  border-right: 1px solid #919191;
  padding-right: 5px;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider h4{
  margin-bottom: 5px;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider h4 a{
  font-size: 18px;
  line-height: 22px;
  display: block;
  max-height: 44px;
  overflow:hidden;
  color: #3c3c3c;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__description p{
  font-size: 14px;
  margin-bottom: 0;
  color: #838383;
  line-height: 25px;
  display: block;
  max-height: 75px;
  overflow-y: hidden;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .views_all{
  font-size: 13px;
  line-height: 25px;
  color: #37a7a9;
  text-decoration: underline;
}
/*them*/
.header-bottom{
	background: #0c71bd !important;
}
.new_row_3 > .col{
	padding-bottom: 0;
}
.rt_slider .flickity-viewport{
	background: #fff !important;
}
.rt_slider .slider-nav-light .flickity-prev-next-button svg,.rt_slider .slider-nav-light .flickity-prev-next-button .arrow{
	fill:#f39303;
}
#footer .widget-title{
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 400 !important;
}
#footer .is-divider{
	background-color:#fca91e;
}
hr{
	border:0.5px solid #5c3d4a !important;
	opacity: 1 !important;
}
.rt_form{
	position: relative;
	margin-top: 10px;
}
.rt_form input{
	width: 100%;
	height: 35px;
	border-radius: 4px;
	margin-bottom: 0;
}
.rt_form .wpcf7-submit{
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 35px;
	padding: 0;
	border-radius: 0;
	margin-top: 0 !important;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background: #5c3d4a !important;
}
.footer-2 p{
	color: #fca91e;
	margin-bottom: 0;
}
.footer-2 ul.menu{
	float: right;
}
.footer-2 ul.menu li{
	float: left;
	border:none;
}
.footer-2 ul.menu li a{
	color: #fca91e;
	padding: 0 10px;
	border-left: 1px solid #fca91e;
}
.footer-2 ul.menu li:nth-child(1) a{
	border:none;
}
.footer-2 ul.menu li ul{
	display: none;
}
a.devvn_buy_now_style{
	background: #fe9960 !important;
}
.quantity+.button,.devvn-popup-title,.popup-customer-info-group .devvn-order-btn{
	background: #667b87 !important;
}
.single-product h1.entry-title{
	font-size: 23px;
	line-height: 27px;
	color: #0c71bd;
	font-weight: 500;
}
.single-product .price2{
	margin-bottom: 5px;
}
.single-product .salep{
	font-size: 14px;
	color: #ef0c0c;
}
.single-product ins{
	font-size: 16px;
	color: #ee0d0d;
	font-weight: 400 !important;
}
.price2 ins{
	padding-right: 30px;
}
.single-product ins span{
	font-weight: 700 !important;
}
.single-product del{
	font-size: 14px;
	color: #999999;
	font-weight: 400 !important;
}
.single-product del span{
	font-weight: 700 !important;
}
.single-product .cart{
	clear: both;
	margin-bottom: 5px;
}
.single-product .product-main{
	padding-bottom: 0;
}
.single-product .widget_custom_html{
	margin-bottom: 10px;
}
#main{
	background: #fff;
}
.product-summary .percent{
	display: contents !important;
}
.price2 > span{
	font-size: 16px;
	color: #ee0d0d;
	font-weight: 700;
}

/* social */
.rt-social {
    margin: 0px 0px 25px 0px;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    clear: both;
}
.rt-link {
    padding: 2px 8px 4px 8px !important;
    color: white;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 2px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    margin-top: 2px;
    display: inline-block;
    text-decoration: none;
}
.rt-link:hover,.rt-link:active {
    color: white;
}
.rt-twitter {
    background: #00aced;
}
.rt-twitter:hover,.rt-twitter:active {
    background: #0084b4;
}
 
.rt-facebook {
    background: #3B5997;
}
 
.rt-facebook:hover,.rt-facebook:active {
    background: #2d4372;
}
 
.rt-googleplus {
    background: #D64937;
}
.rt-googleplus:hover,.rt-googleplus:active {
    background: #b53525;
}
.rt-pinterest {
    background: #bd081c;
}
 
.rt-pinterest:hover,.rt-pinterest:active {
    background: #bd081c;
}

.post-social-wrap ul li {
    float: left;
    margin-right: 10px;
}
.post-social-wrap ul li.print {
    background: #bd081c;
    padding: 0 5px;
    border-radius: 5px;
}
.post-social-wrap ul li.print a {
    color: #fff;
}
/* shortcode social */
.social-bar a {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin-right: 10px;
  border-radius: 50%;
  background: #314b7e;
  color: #fff;
}
.social-bar a.facebook {
  background: #314b7e;
}
.social-bar a.twitter {
  background: #339dc4;
}
.social-bar a.skype {
  background: #214bc1;
}
.social-bar a.youtube {
  background: #e52c27;
}
.social-bar a.prin {
  background: #b31217;
}
.row_img_new > .col{
	padding-top: 15px;
	padding-bottom: 15px;
}
.header-nav > li .nav-dropdown{
	width: 100%;
	display: none;
    transform: translateY(20px);
    transition: all 0.8s ease 0s;
}
.header-nav > li:hover .nav-dropdown{
    display: block;
    transform: translateY(0px);
}
.header-nav > li .nav-dropdown > li{
	display: block;
	width: 100%;
	position: relative;
}
.header-nav > li .nav-dropdown li{
	white-space: unset !important;
}
.header-nav > li .nav-dropdown > li a{
	color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-transform: unset;
    border-bottom: none;
    border-top:1px solid #fff;
    margin: 0 !important;
    padding-left: 10px;
    padding: 10px;
}
.header-nav > li .nav-dropdown > li a:hover{
	text-decoration: underline;
}
.header-nav > li .nav-dropdown li ul{
	position: absolute !important;
    top: 0;
    left: 100% !important;
    width: 100%;
    border:0;
    opacity: 0;
}
.header-nav > li .nav-dropdown li:hover > ul{
	opacity: 1;
	z-index: 9999;
}
.header-nav > li .nav-dropdown li ul li{
	margin-top: 0 !important;
	position: relative;
}
.header-nav .nav-dropdown-default {
    padding: 0;
    background: #0c71bd;
    top: 41px;
    border: 0;
    left: 0 !important;
}
.header-bottom .header-nav > li{
	margin: 0 !important;
}
.header-bottom .header-nav > li:before{
	display: none;
}
.header-bottom .header-nav > li:after{
	top: 26px;
}
.header-bottom .header-nav > li > a{
	display: block;
	line-height: 41px;
	font-family: 'Roboto', sans-serif !important;
	font-size: 14px !important;
	padding: 0 17px !important;
	font-weight: 400 !important;
	text-transform: initial;
}
.header-bottom .header-nav > li > a > i{
	display: none;
}
.header-bottom .header-nav > li > a > img{
	position: relative;
	top: -2px;
}
.header-bottom .header-nav > li.current-menu-item > a{
	background: #095f9f;
}
#masthead .cart-item{
	margin-right: 0px;
}
#masthead .cart-item a{
	margin: 0 !important;
	background: #fff !important;
	border: 1px solid #0c71bd !important;
	font-size: 14px;
	color: #484848;
	min-height: 32px;
	line-height: 32px;
	font-weight: 500;
	padding-right: 5px;
	height: 32px;
	box-shadow: unset !important;
}
#masthead .cart-item a:hover{
	background: #fff !important;
	box-shadow: unset !important;
	color: #0c71bd !important;
}
#masthead .cart-item a i{
	float: left;
    margin: 0;
    position: relative;
    top: -1px;
    margin-left: 0px;
    width: 32px;
    line-height: 32px;
    height: 32px;
    background: #0c71bd;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    left: -2px;
}
.html3{
	margin-left: 50px;
	margin-right: 5px;
}
.html3 a{
	display: inline-block;
	margin: 0 !important;
	background: #fff !important;
	border: 1px solid #0c71bd !important;
	font-size: 14px;
	color: #484848;
	min-height: 32px;
	line-height: 32px;
	font-weight: 500;
	padding-right: 5px;
	height: 32px;
	box-shadow: unset !important;
	border-radius: 30px;
	padding-right: 15px;
}
.html3 a i{
	float: left;
    margin-right: 5px;
    position: relative;
    top: -1px;
    text-align: center;
    margin-left: 0px;
    width: 32px;
    line-height: 32px;
    height: 32px;
    background: #0c71bd;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    left: -2px;
}
.chan_trang_1{
	background: #0c71bd !important;
	padding: 30px 0 10px 0 !important;
	border-top: 1px solid #f7f7f7;
}
.chan_trang_1 .widgettitle{
	display: block;
	font-size: 16px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
	font-family: 'Roboto', sans-serif !important;
	margin-bottom: 10px;
	margin-top: 25px;
}
.chan_trang_1 .row .large-3{
	padding-bottom: 0 !important;
}
.chan_trang_1 p{
	font-size: 15px;
    line-height: 21px;
    color: #ffffff;
    margin-bottom: 7px;
}
.chan_trang_1 p i{
	width: 20px;
	text-align: center;
}
.chan_trang_1 strong{
	font-family: 'Roboto', sans-serif !important;
}
.chan_trang_1 h3{
	font-size: 14px;
	line-height: 22px;
	color: #ffffff;
	margin-bottom: 10px;
}
.chan_trang_1 .menu > li{
	border: none !important;
}
.chan_trang_1 .menu > li > a{
	display: block;
    padding: 0;
    color: #fff;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 14px;
    background: url(img/aff.png)0px 7px no-repeat;
    padding-left: 13px;
}
.chan_trang_1 .menu > li > a:hover{
	text-decoration: underline;
}
.chan_trang_1 .gap-element{
	background: #3b393a;
	margin-top: 25px;
	margin-bottom: 10px;
}
.chan_trang_1 .div1{
	max-width: 34%;
    flex-basis: 34%;
}
.chan_trang_1 .div2{
	max-width: 20%;
    flex-basis: 20%;
}
.chan_trang_1 .div3{
	max-width: 20%;
    flex-basis: 20%;
}
.chan_trang_1 .div4{
	max-width: 26%;
    flex-basis: 26%;
}
.chan_trang_1 .div4 img{
	margin-bottom: 20px;
}
.chan_trang_1 .large-3 img{
	margin-bottom: 20px;
}
.chan_trang_1 .large-12{
	padding-bottom: 0 !important;
}
.chan_trang_1 .large-12 p{
	border-top: 1px solid #1485db;
	padding-top: 15px;
	margin-top: 15px;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 5px;
}
.chan_trang_2{
	background: #231f20 !important;
	padding: 0px 0 30px 0 !important;
}
.chan_trang_2 p{
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	margin-top: 5px;
	margin-bottom: 0;
}
.chan_trang_2 .tabbed-content .tab{
	margin: 0 3px 20px 3px;
}
.chan_trang_2 .tabbed-content .tab a{
	border: 1px solid #0c71bd;
	color: #0c71bd;
	font-size: 14px;
}
.chan_trang_2 .tabbed-content .active a{
	color: #fff;
}
.chan_trang_2 h4{
	font-size: 15px;
	line-height: 24px;
	color: #fff;
	text-transform: uppercase;
	background: url(img/map.png) 0px 4px no-repeat;
	padding-left: 18px;
}
.chan_trang_2 .row .large-3{
	border-right: 1px solid #3c3a3a;
	padding-bottom: 0 !important;
	padding-left: 35px;
}
.chan_trang_2 .row .large-3:last-child{
	border-right: none;
}
.chan_trang_2 .row .large-3:nth-child(1){
	padding-left: 15px;
}
.chan_trang_2 p{
	font-size: 14px;
	line-height: 24px;
	color: #fff;
}
.dat_lich_kham{
	border: 1px solid #e5e6e5;
	border-radius: 6px;
	background: #fff;
	padding:18px 20px;
	overflow: hidden;
}
.dat_lich_kham .left{
	width: 220px;
	float: left;
}
.dat_lich_kham .left input{
	width: 100%;
	line-height: 40px;
	min-height: 40px;
	height: 40px;
	border: 1px solid #d1d7dc;
	border-radius: 4px;
	margin-bottom: 17px;
}
.dat_lich_kham .right{
	width: calc(100% - 250px);
	float: right;
}
.dat_lich_kham .right textarea{
	min-height: 97px;
	height: 97px;
	border: 1px solid #d1d7dc;
	border-radius: 4px;
	max-height: 97px;
	margin-bottom: 17px;
}
.dat_lich_kham .right .right11{
	width: 47%;
	float: left;
}
.dat_lich_kham .right .right11 input{
	width: 100%;
	line-height: 40px;
	min-height: 40px;
	height: 40px;
	border: 1px solid #d1d7dc;
	border-radius: 4px;
	margin-bottom: 17px;
}
.dat_lich_kham .right .right22{
	width: 47%;
	float: right;
}
.dat_lich_kham .right .right22 .wpcf7-submit{
	display: block;
	margin: 0 !important;
	width: 100%;
	line-height: 40px;
	min-height: 40px;
	height: 40px;
	border-radius: 4px;
	background: url(img/rr.png) right #0c71bd no-repeat !important;
	border: none !important;
	text-align: left !important;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Roboto', sans-serif !important;
	padding-left: 25px !important;
}
.dat_lich_kham p{
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	color: #e70000;
	font-family: 'Roboto', sans-serif !important;
}
strong{
	font-family: 'Roboto', sans-serif !important;
}
.section-title-container{
	margin-bottom: 10px;
}
.section-title{
	border: none !important;
	display: block;
	width: 100%;
	text-align: left;
	margin-bottom: 0px;
}
.section-title span{
	display: inline-block;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	position: relative;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	color: #2a2a2a;
	font-family: 'Roboto', sans-serif !important;
}
.section-title span:before{
	content: "";
	position: absolute;
	width: 20px;
	height: 2px;
	background: #0c71bd;
	left: -30px;
	bottom: 20px;
	z-index: 9;
	display: none;
}
.section-title span:after{
	content: "";
	position: absolute;
	width: 20px;
	height: 2px;
	background: #0c71bd;
	right: -30px;
	bottom: 20px;
	z-index: 9;
	display: none;
}
.slogan{
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 23px;
	color: #333333;
	padding: 0 10%;
}
.news-style-31{
	margin: 0 -15px;
}
.news-style-31 .news-item-bottom{
	width: 33.33%;
	float: left;
	padding: 0 15px;
	margin-bottom: 30px;
}
.news-style-31 .news-item-bottom .boxx__innner{
	background: #ffffff;
}
.news-style-31 .news-item-bottom .boxx__innner .news-thumb{
	width: 100%;
	height: 260px;
}
.news-style-31 .news-item-bottom .boxx__innner .news-thumb img{
	width: 100%;
	height: 260px;
	object-fit: cover;
}
.news-style-31 .news-item-bottom .boxx__innner .box__slider{
	padding: 20px 0;
}
.news-style-31 .news-item-bottom .boxx__innner .box__slider .news-title{
	display: block;
	font-size: 16px;
	line-height: 23px;
	font-weight: 500;
	color: #2c2c2c;
}
.news-style-31 .news-item-bottom .boxx__innner .box__slider .news-title:hover{
	color: #1b8f5d;
}
.news-style-31 .news-item-bottom .boxx__innner .box__slider .date{
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 0;
	color: #787878;
}
.news-style-31 .news-item-bottom .boxx__innner .box__slider .box__description p{
	margin-bottom: 0;
	font-size: 15px;
	line-height: 23px;
	display: block;
	height: 69px;
	overflow: hidden;
	color: #6b6b6b;
}
.news-style-31 .slick-list{
	padding: 10px 0 !important;
}
.news-style-31 .slick-prev{
	position: absolute;
	top: 40%;
	left: -5px;
	z-index: 9;
	cursor: pointer;
	color: #00592d;
}
.news-style-31 .slick-next{
	position: absolute;
	top: 40%;
	right: -5px;
	z-index: 9;
	cursor: pointer;
	color: #00592d;
}
.news-style-22 .news-item-bottom{
	width: 25%;
	float: left;
	padding: 0 20px;
	margin-bottom: 40px;
}
.news-style-22 .news-item-bottom .news-thumb{
	position: relative;
	width: 100%;
	height: 245px;
	border-radius: 50%;
	overflow: hidden;
}
.news-style-22 .news-item-bottom .news-thumb img{
	width: 100%;
	height: 245px;
	object-fit: cover;
	border-radius: 50%;
}
.news-style-22 .slick-prev{
	position: absolute;
	top: 40%;
	left: -5px;
	z-index: 9;
	cursor: pointer;
	color: #00592d;
}
.news-style-22 .slick-next{
	position: absolute;
	top: 40%;
	right: -5px;
	z-index: 9;
	cursor: pointer;
	color: #00592d;
}
.news-style-22 .news-item-bottom  .box__slider{
	position: absolute;
	bottom: 48px;
	left: 0;
	width: 100%;
	z-index: 9;
	text-align: center;
	background: rgb(0 0 0 / 47%);
	padding: 5px 0;
}
.news-style-22 .news-item-bottom  .box__slider h4{
	margin-bottom: 0;
	position: relative;
}
.news-style-22 .news-item-bottom  .box__slider h4:before{
	background: url(img/son.png) no-repeat;
	width: 37px;
	height: 37px;
	position: absolute;
	top: -25px;
    left: 15px;
	z-index: 9;
	content: "";
}
.news-style-22 .news-item-bottom  .box__slider h4 a{
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	text-transform: uppercase;
}
.news-style-41{
	margin: 0 -15px;
}
.news-style-41 .news-item-bottom{
	width: 25%;
	float: left;
	padding: 0 15px;
	margin-top: 30px;
}
.news-style-41 .news-item-bottom .boxx__innner{
	background: #fff;
	border-radius: 6px;
	padding: 25px;
}
.news-style-41 .news-item-bottom .boxx__innner .news-thumb{
	width: 100%;
    height: 212px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: -60px;
    margin-bottom: -45px;
}
.news-style-41 .news-item-bottom .boxx__innner .news-thumb img{
	width: 100%;
	height: 212px;
	object-fit: cover;
}
.news-style-41 .news-item-bottom .boxx__innner .box__slider{
	text-align: center;
}
.news-style-41 .news-item-bottom .boxx__innner .box__slider h4{
	margin-bottom: 0px;
}
.news-style-41 .news-item-bottom .boxx__innner .box__slider h4 .news-title{
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	color: #444444;
	height: 25px;
	overflow: hidden;
}
.news-style-41 .news-item-bottom .boxx__innner .box__slider .box__description p{
	margin-bottom: 0;
	display: block;
	font-size: 14px;
	line-height: 25px;
	height: 75px;
	overflow: hidden;
	color: #6d6d6d;
}
.news-style-41 .news-item-bottom .boxx__innner .box__slider .view{
	display: inline-block;
	line-height: 38px;
	border: 1px solid #e2e2e2;
	padding: 0 19px;
	font-size: 15px;
	color: #0c71bd;
	margin-top: 15px;
	font-weight: bold;
}
.news-style-41 .news-item-bottom .boxx__innner:hover .news-title{
	color: #0c71bd !important;
}
.news-style-41 .news-item-bottom .boxx__innner:hover .view{
	background: #0c71bd !important;
	color: #fff;
}
.product-small .box{
}
.product-small .box .box-image{
	width: 100%;
	height: 235px;
}
.product-small .box .box-image img{
	width: 100%;
	height: 235px;
	object-fit: contain;
}
.product-small .box .box-image .percent{
	position: absolute;
	top: 10px;
	left: 10px;
	height: 22px;
	line-height: 22px;
	padding: 0 6px;
	background: #e62d2d;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
}
.product-small .box .box-image .percent:before{
	content: "-";
}
/*.product-small .box .box-image .cart-icon strong,.product-small .box .box-image .cart-icon strong:after{
	border-color: yellow !important;
	color: yellow !important;
}*/
.product-small .box .box-text{
	padding: 0 20px 20px 20px !important;
	text-align: left;
}
.product-small .box .box-text .product-title a{
	display: block;
	font-size: 14px;
	line-height: 21px;
	height: 42px;
	overflow: hidden;
	color: #363636;
	font-weight: 500;
	text-align: left;
	margin: 0 0 5px 0 !important;
}
.product-small .box:hover .box-text .product-title a{
	color: #0c71bd;
}
.row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover, .box-shadow-1, .box-shadow-1-hover:hover{
	box-shadow: unset !important;
}
.price_pro{
	overflow: hidden;
	margin-bottom: 0px !important;
}
.price_pro > span, .price_pro ins span{
	font-size: 15px;
	line-height: 25px;
	font-weight: bold;
	color: #c8203b;
}
.price_pro del{
	color: #929292;
}
.price_pro del span{
	font-size: 15px;
	line-height: 25px;
	color: #929292;
}
.dat_hang{
	overflow: hidden;
}
.dat_hang a{
	display: inline-block;
	width: 48%;
	float: left;
	background: #0c71bd !important;
	line-height: 33px !important;
	min-height: 33px !important;
	height: 33px !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	border: none !important;
	font-size: 14px !important;
	text-transform: uppercase;
	font-weight: bold;
}
.dat_hang .chitiet{
	float: right !important;
}
.dat_hang a:hover{
	background: #ef0000 !important;
}
.tab_project .tab{
	padding-bottom: 90px;
}
.tab_project .tab button{
	display: block;
	width: 20%;
	float: left;
	margin: 0 !important;
	border: 1px solid #e2e2e2;
	background: #fff;
	font-size: 15px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: bold;
	color: #444444;
	text-align: center;
	padding: 15px;
}
.tab_project .tab button.active{
	background: #0c71bd;
	color: #ebc387;
	position: relative;
}
.tab_project .tab button.active:after{
	position: absolute;
	content: "";
	width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #0c71bd;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tab_project .tab button:nth-child(1){
	border-radius: 10px 0 0 10px;
}
.tab_project .tab button:last-child{
	border-radius: 0 10px 10px 0px;
}

.tab_project .box_bs{
	background: #0c71bd;
	border-radius: 10px;
	overflow: hidden;
}
.tab_project .box_bs .img{
	width: 57%;
	float: left;
}
.tab_project .box_bs .img img{
	width: 100%;
	height: 470px;
	object-fit: cover;
}
.tab_project .box_bs .img .slick-prev{
	position: absolute;
	top: 45%;
	left: 0;
	z-index: 9;
	width: 37px;
	height: 41px;
	background: #999999;
	cursor: pointer;
	color: #fff;
	line-height: 41px;
	text-align: center;
	border-radius: 0 6px 6px 0;
}
.tab_project .box_bs .img .slick-next{
	position: absolute;
	top: 45%;
	right: 0;
	z-index: 9;
	width: 37px;
	height: 41px;
	background: #999999;
	cursor: pointer;
	color: #fff;
	line-height: 41px;
	text-align: center;
	border-radius: 6px 0 0 6px;
}
.tab_project .box_bs .cnt{
	width: 43%;
	float: right;
	padding: 50px 20px 0 20px;
}
.tab_project .box_bs .cnt h3{
	display: block;
	font-size: 27px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	position: relative;
	margin-bottom: 20px;
}
.tab_project .box_bs .cnt h3:after{
	position: absolute;
	content: "";
	width: 40px;
	height: 3px;
	background: #ebc387;
	bottom: -5px;
	left: 0;
	z-index: 9;
}
.tab_project .box_bs .cnt .description p{
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 23px;
	margin-bottom: 15px;
}
.tab_project .box_bs .cnt .view{
	display: inline-block;
	border: 1px solid #e2e2e2;
	line-height: 38px;
	background: #ffffff;
	font-size: 15px;
	font-weight: bold;
	color: #0c71bd;
	padding: 0 19px;
	margin-top: 5px;
}
.single-project-post .related-post{
	display: none;
}
.sb_block_update .sb_update{
	width: calc(100% - 300px);
	float: left;
	max-width: calc(100% - 300px);
}
.sb_block_update .sb_update > div{
	background: #fff;
	padding: 15px !important;
}
.sb_block_update .sb_left{
	width: 300px;
	float: left;
	max-width: 300px;
	float: right;
}
.sidebar-inner .widget-title{
	display: block;
	background: #0c71bd;
	border-radius: 6px 6px 0 0;
	text-align: center;
	color: #fff;
	font-weight: 500;
	line-height: 40px;
	font-size: 16px;
	font-family: 'Roboto', sans-serif !important;
	margin-bottom: 1px;
}
.sidebar-inner .menu{
	border: 1px solid #ececec;
}
.sidebar-inner .menu > li > a img{
	display: none;
}
.sidebar-inner .menu > li > a{
	display: block;
    font-size: 15px;
    line-height: 22px;
    color: #333333;
    padding: 10px 10px 10px 35px;
    font-weight: 400;
    background: url(img/rrr.png) 15px 17px no-repeat;
}
.sidebar-inner .menu > li > a:hover{
	color: #0c71bd;
}
.sidebar-inner .is-divider{
	display: none;
}
.sb_update .new-list .new-list-post{
	overflow: hidden;
	margin-bottom: 30px;
}
.sb_update .new-list-post .post-image{
	width: 320px;
	height: 250px;
	float: left;
	position: relative;
	overflow: hidden;
}
.sb_update .new-list-post .post-image img{
	width: 100%;
	height: 250px;
	object-fit: cover;
	-webkit-transition: -webkit-transform 0.5s ease; 
	-moz-transition: -moz-transform 0.5s ease; 
	transition: transform 0.5s ease; 
}
.sb_update .new-list-post .post-image img:hover{
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1);
}
.sb_update .new-list-post .post-image .date{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background: rgb(0 0 0 / 50%);
	color: #fff;
	padding: 9px;
}
.sb_update .new-list-post .post-image .date p:nth-child(1){
	font-size: 15px;
	line-height: 26px;
	color: #fff;
	margin-bottom: 0;
}
.sb_update .new-list-post .post-image .date p:nth-child(2){
	font-size: 15px;
	line-height: 26px;
	color: #fff;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
}
.sb_update .new-list-post .post-image .date p:nth-child(3){
	margin-bottom: 0;
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	line-height: 35px;
}
.sb_update .new-list-post .post-content{
	width: calc(100% - 320px);
	float: left;
	padding-left: 20px;
}
.sb_update .new-list-post .post-content .title{
	display: block;
	font-size:18px;
	text-transform: initial;
	font-weight: 500;
	line-height: 26px;
	color: #333;
}
.sb_update .new-list-post .post-content .title:hover{
	color: #0c71bd;
}
.sb_update .new-list-post .post-content .date{
	font-size: 14px;
	color: #999;
	margin-bottom: 5px;
}
.sb_update .new-list-post .post-content .date span{
	color: #0c71bd;
}
.sb_update .new-list-post .post-content .des{
	font-size: 15px;
	line-height: 23px;
	display: block;
	max-height: 69px;
	overflow: hidden;
	margin-bottom: 10px;
}
.sb_update .new-list-post .post-content .des p{
	margin-bottom: 0;
}
.sb_update .new-list-post .post-content .view{
	color: #0c71bd;
	display: inline-block;
	border-radius: 3px;
	padding: 7px 25px;
	border: 1px solid #0c71bd;
}
.sb_update .new-list-post .post-content .view:hover{
	background: #0c71bd;
	color: #fff;
}
.hd_new .title{
	display: block;
	font-size:22px;
	line-height: 40px;
	color: #333;
	position: relative;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.sp_ban_chay{
	padding: 15px;
	background: #fff;
}
.sp_ban_chay .sp_ban_chay_list{
	margin-bottom: 15px;
	overflow: hidden;
}
.sp_ban_chay .sp_ban_chay_list:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.sp_ban_chay .sp_ban_chay_list .img{
	width: 60px;
	height: 60px;
	float: left;
}
.sp_ban_chay .sp_ban_chay_list .img img{
	width: 100%;
	height: 60px;
	object-fit: cover;
}
.sp_ban_chay .sp_ban_chay_list .cnt{
	width: calc(100% - 75px);
	float: right;
}
.sp_ban_chay .sp_ban_chay_list .cnt .product-title{
	margin-bottom: 5px;
}
.sp_ban_chay .sp_ban_chay_list .cnt .product-title a{
	font-size: 14px;
	line-height: 20px;
	display: block;
	height: 60px;
	overflow: hidden;
	color: #333;
	display: block;
	font-weight: 400;
}
.sp_ban_chay .sp_ban_chay_list .cnt .product-title a:hover{
	color: #0c71bd;
}
.sp_ban_chay .sp_ban_chay_list .cnt > a{
	display: block;
	font-size: 14px;
	line-height: 27px;
	font-weight: bold;
	font-style: italic;
	color: #0c71bd;
}
.sp_ban_chay .sp_ban_chay_list .cnt > a i{
	position: relative;
	top: 1px;
}
.sp_ban_chay .sp_ban_chay_list .cnt .price_pro2{
	margin-bottom: 0;
}
.sp_ban_chay .sp_ban_chay_list .cnt .price_pro2 > span,.sp_ban_chay .sp_ban_chay_list .cnt .price_pro2 ins span{
	display: block;
	font-size: 15px;
	line-height: 23px;
	font-weight: bold;
	color: #d02929;
}
.sp_ban_chay .sp_ban_chay_list .cnt .price_pro2 del span{
	font-size: 15px;
}
.httt .large-12{
	padding-bottom: 0 !important;
}
.httt .col-inner{
	border: 1px solid #ececec;
	overflow: hidden;
	background: url(img/htt.png) bottom 12px left 10px no-repeat;
}
.httt .box{
	width: 80%;
	float: right;
	margin-right: 5%;
	padding-bottom: 10px;
}
.httt .col-inner .box:nth-child(2){
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
}
.httt .box .box-image{
	display: none;
}
.httt .img {
	margin-bottom: 0 !important;
}
.httt .box-text{
	padding: 0 !important;
}
.httt .box-text p{
	font-size: 14px;
	line-height: 26px;
	color: #333;
	margin-bottom: 0 !important;
}
.httt .box-text a{
	display: block;
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	color: #d02929;
}
.dat_lich2{
	border: 1px solid #ececec;
	padding: 11px;
	overflow: hidden;
}
.dat_lich2 .wpcf7-submit{
	margin: 0 !important;
	float: right;
	text-transform: uppercase;
}
.page-title-inner{
	padding-top: 0 !important;
	display: block;
	position: relative;
}
.page-title-inner h1{
	display: block;
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	position: relative;
	font-size: 25px;
	text-transform: uppercase;
	color: #444444;
	font-family: 'Roboto', sans-serif !important;
	padding-bottom: 10px;
	font-weight: 500;
}
.page-title-inner h1:after{
	position: absolute;
	content: "";
	width: 85px;
	height: 1px;
	background: #0c71bd;
	bottom: -1px;
	left: 0;
}
.page-title-inner .woocommerce-result-count{
	display: none;
}
.page-title-inner .woocommerce-ordering{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}
.page-title-inner .woocommerce-ordering:before{
	content: "Sắp xếp";
	font-size: 14px;
	font-weight: bold;
	color: #777777;
	position: absolute;
	top: 13px;
    left: -70px;
}
.single-product .shop-page-title{
	display: none;
}
.single-product .large-9{
	border-left: none !important;
}
.box_price_s{
	margin: 15px 0 18px 0;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 14px;
}
.box_price_s p{
	margin-bottom: 0;
	font-size: 14px;
	line-height: 25px;
}
.thongtin1{
	overflow: hidden;
	margin-bottom: 15px;
}
.thongtin1 p{
	font-size: 14px;
    line-height: 25px;
    margin-bottom: 0;
    background: url(img/m2.png) 0 6px no-repeat;
    padding-left: 20px;
}
.thongtin2{
	border: 1px dashed #b7b7b7;
	padding: 8px;
	margin-bottom: 15px;
}
.thongtin2 p{
	font-size: 13px;
	line-height: 23px;
	margin-bottom: 0;
}
.thongtin2 p a{
	font-size: 17px;
	font-weight: bold;
	color: #0c71bd;
}
.product-info .single_add_to_cart_button{
	background: #0c71bd !important;
	border-radius: 4px;
}
.product-footer .woocommerce-tabs{
	border-top: none;
}
.product-tabs{
	border-bottom: none;
	background: #f7f7f7;
	width: 100%;
	border-left: 4px solid #e62d2d !important;
}
.product-tabs .description_tab a{
	border-radius: 0 !important;
	background: #f7f7f7 !important;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: #292929 !important;
	line-height: 37px;
}
.related{
	border-top: none !important;
	padding-bottom: 30px !important;
}
.product-main .col{
	padding-bottom: 0 !important;
}
.box_price_s .giaban{
	font-size: 14px;
	line-height: 26px;
	color: #565656;
	margin-bottom: 5px;
}
.box_price_s .giaban span{
	font-size: 26px;
	line-height: 26px;
	font-weight: bold;
	color: #eb161e;
	margin-right: 2px;
}
.box_price_s .tietkiem{
	font-size: 14px;
	line-height: 26px;
	color: #444444;
}
.box_price_s .tietkiem span{
	color: #eb1c24;
}
.box_price_s .giahang{
	font-size: 14px;
	line-height: 26px;
	color: #444444;
}
.rt_woocommerce_single_product_summary .product-short-description{
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.rt_woocommerce_single_product_summary .product-short-description p{
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 0;
}
/* popup begin */
.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    padding-bottom: 250px;
    background:rgba(138, 138, 138, 0.58);
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 9999999999;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
	background: #fff;
    position: relative;
    width: 90%;
    top: 20%;
    max-width: 500px;
    margin: 4em auto;
    padding: 0px;
    border-radius: 0.25em 0.25em 0.4em 0.4em;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-duration: 0.3s;
    overflow: hidden;
}

.cd-popup-container .cd-popup-close {
    position: absolute;
    top: 3px;
    right: -15px;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: "";
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: red;
}
.cd-popup-container .cd-popup-close::before {
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  transform: rotate(-45deg);
  right: 8px;
}

.img-replace {
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}

/* popup end */
.html1 a{
	font-size: 13px;
	font-weight: 500;
	color: #484848;
	margin-right: 20px;
	background: url(/assests/images/icon/ic1.png?v=0.1) 0px 0px no-repeat;
	padding-left: 19px;
}
.html1 a:nth-child(2){
	background: url(/assests/images/icon/ic2.png?v=0.1) 0px 0px no-repeat;
}
.html1 a:nth-child(3){
	background: url(/assests/images/icon/ic3.png?v=0.1) 0px 1px no-repeat;
}
.html1 a:nth-child(4){
	background: url(/assests/images/icon/ic4.png?v=0.1) 0px 1px no-repeat;
}
.html2 a{
	font-size: 13px;
	font-weight: 500;
	color: #484848;
	margin-right: 20px;
	background: url(/assests/images/icon/ic5.png?v=0.1) 0px 0px no-repeat;
	padding-left: 19px;
}
.html2 a:nth-child(2){
	background: url(/assests/images/icon/ic6.png?v=0.1) 0px 0px no-repeat;
}
.html2 a:nth-child(3){
	background: url(/assests/images/icon/ic7.png?v=0.1) 0px 0px no-repeat;
}
#masthead .header-nav .nav-icon a{
	padding: 0;
	display: inline-block;
	background: #0c71bd;
	border-radius: 30px;
	line-height: 32px;
	text-transform: uppercase;
	color: #fff;
	padding: 0 12px;
	font-weight: 500;
}
#masthead .header-nav .nav-icon a span{
	font-size: 0;
}
#masthead .header-nav .nav-icon a i{
	font-size: 18px;
}
#masthead .header-nav .nav-icon a span:before{
	content: "Danh mục sản phẩm";
	font-size: 14px;
	display: inline-block;
	list-style: 32px;
}
.mobile-sidebar .nav > li > a img{
	display: none !important;
}
.header-search-form .search-field{
	background: #fff !important;
	border: 1px solid #cfcfcf !important;
	line-height: 32px;
	min-height: 32px;
	height: 32px;
	box-shadow: unset !important;
	border-radius: 5px 0 0 5px;
}
.header-search-form .submit-button{
	background: #0c71bd !important;
	color: #fff !important;
	border-radius: 0 5px 5px 0;
	line-height: 32px;
	min-height: 32px;
	height: 32px;
	min-width: 50px;
}
.header-search-form .submit-button i{
	position: relative;
    font-size: 14px !important;
}
.phanhoi_project{
	margin: 0 -15px;
}
.phanhoi_project .phanhoi_project_list{
	width: 33.33%;
	float: left;
	padding: 0 15px;
}
.phanhoi_project .phanhoi_project_list .bg{
	background: #fff;
    text-align: center;
    padding: 25px;
    box-shadow: 0 1px 5px rgb(0 0 0 / 32%);
    border-radius: 4px;
}
.phanhoi_project .slick-list{
	padding: 5px 0 !important;
}
.phanhoi_project .img{
	width: 97px;
	height: 97px;
	border-radius: 50%;
	display: block;
	margin: 0 auto 15px auto;
}
.phanhoi_project .img img{
	width: 100%;
	height: 97px;
	object-fit: cover;
	border-radius: 50%;
}
.phanhoi_project .cnt .title{
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 0;
	color: #444444;
}
.phanhoi_project .cnt .slogan{
	font-size: 15px;
	line-height: 24px;
	color: #717171;
	margin-bottom: 0;
}
.phanhoi_project .cnt .des{
	padding: 40px 0;
	font-size: 14px;
	line-height: 24px;
	color: #676565;
	position: relative;
}
.phanhoi_project .cnt .des:before{
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 10px;
	z-index: 9;
	background: url(img/y1.png) no-repeat;
	width: 26px;
	height: 20px;
}
.phanhoi_project .cnt .des:after{
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 10px;
	z-index: 9;
	background: url(img/y2.png) no-repeat;
	width: 26px;
	height: 20px;
}
.phanhoi_project .cnt .des p{
	margin-bottom: 0;
	font-size: 14px;
	line-height: 24px;
	color: #676565;
}
#wide-nav #mega-menu-wrap{
	width: 250px;
}
#mega-menu-wrap{
	background: #0c71bd !important;
}
#mega-menu-title{
	font-size: 16px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif !important;
	text-transform: uppercase;
	padding: 7.5px;
}
#mega-menu-title i{
	font-size: 16px;
	position: relative;
	top: 1px;
}
.home #content{
	background: #f7f7f7;
}
.top-divider{
	display: none;
}
#wide-nav .flex-left .header-nav:after{
	content: "";
    height: 41px;
    width: 500px;
    background: #095f9f;
    position: absolute;
    top: 0;
    right: -484px;
    z-index: 9;
}
#wide-nav .header-nav > li:last-child{
	background: #095f9f;
	margin-left: 30px !important;
}
#wide-nav .header-nav > li:last-child > a:after{
	position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 41px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 40px solid #095f9f;
    top: 0px;
    left: -39px;
    z-index: 9;
}
.tct1{
	padding: 50px 0 40px 0 !important;
}
.tct1 .box .box-image{
	width: 50px !important;
	float: left !important;
	top: 2px;
}
.tct1 .box .box-image img{
	width: auto !important;
}
.tct1 .box .box-text{
	width: calc(100% - 50px) !important;
	float: left !important;
	padding:  0 0 0 10px !important;
}
.tct1 .box .box-text h4{
	font-size: 15px;
	line-height: 26px;
	font-weight: 500;
}
.tct1 .box .box-text p{
	font-size: 14px;
	line-height: 26px;
}
.rt_mail{
	position: relative;
	top: 10px;
}
.rt_mail .wpcf7-email{
	width: 100%;
	line-height: 34px;
	min-height: 34px;
	height: 34px;
	box-shadow: unset !important;
	border: 1px solid #cfcfcf;
	border-radius: 6px;
	padding-left: 15px;
	padding-right: 60px;
	margin-bottom: 0;
}
.rt_mail .wpcf7-submit{
	margin: 0 !important;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
	line-height: 34px;
	min-height: 34px;
	height: 34px;
	background: #e62d2d !important;
	border-radius: 0 6px 6px 0;
	text-transform: uppercase;
}
.rt_mail .wpcf7-spinner{
	display: none;
}
.menu_rt{
	padding-bottom: 0 !important;
}
.menu_rt .ux-menu{
	display: block !important;
}
.menu_rt .ux-menu .menu-item{
	display: inline-block !important;
	margin-bottom: 10px !important;
	margin-right: 5px !important;
}
.menu_rt .ux-menu .menu-item a{
	display: inline-block;
	padding: 0;
	line-height: 31px;
	border: 1px solid #99d2fd;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	color: #0c71bd;
	padding: 0 41px;
}
.menu_rt .ux-menu .blue a{
	background: #0c71bd !important;
	color: #fff;
	border: 1px solid #0c71bd;
}
.menu_rt .ux-menu .menu-item a:hover{
	background: #0c71bd !important;
	color: #fff;
	border: 1px solid #0c71bd;
}
.tct2{
	background: #e62d2d;
	padding: 35px 0 !important;
}
.tct2 .large-4{
	padding-bottom: 0 !important;
}
.tct2 .box .box-image{
	width: 71px !important;
	float: left;
}
.tct2 .box .box-image img{
	width: auto !important;
}
.tct2 .box .box-text{
	width: calc(100% - 71px) !important;
	float: left !important;
	padding: 0 0 0 15px !important;
}
.tct2 .box .box-text h4{
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	line-height: 25px;
}	
.tct2 .box .box-text p{
	font-size: 14px;
	line-height: 25px;
	color: #fff;
}
.sct01{
	padding: 18px 0 !important;
}
.sct01 .col{
	padding-bottom: 0 !important;
}
.sct01 .row{
	max-width: 750px !important;
	margin: 0 auto;
}
.sct01 img{
	width: auto !important;
}
.sct01 p{
	font-size: 13px;
	line-height: 22px;
	margin-bottom: 0;
	color: #6b6b6b;
}
.sct01 .large-9{
	padding-top: 8px;
}
.rt01{
	padding-top: 5px !important;
}
.rt01 .left{
	max-width: 21.6%;
    flex-basis: 21.6%;
    padding-right: 0 !important;
}
.rt01 .left .menu{
	border: 1px solid #e8e8e8;
	background: #fffeff;
}
.rt01 .left .menu > li > a{
	font-size: 14px;
	color: #3b3b3b;
	display: block;
	padding: 9px 10px 8.2px 40px;
	position: relative;
}
.rt01 .left .menu > li > a:hover{
	color: #0c71bd;
}
.rt01 .left .menu > li > a img{
	position: absolute;
	top: 11px;
	left: 13px;
	z-index: 9;
	margin: 0;
}
.rt01 .left .menu > li .toggle{
	display: none;
}
.rt01 .left .menu > li > .sub-menu{
	width: 960px;
    overflow-x: scroll;
    left: 240px;
    position: absolute;
    top: 0;
    background-color: #fff;
    padding: 10px 15px 10px 20px;
    z-index: 50;
    height: calc(100% + 1px);
    border-left: 1px solid #ccc;
    display: none;
    box-shadow: 2px 1px 2px 0px rgb(0 0 0 / 20%);
    border-top: 1px solid #e8e8e8;
}
.rt01 .left .menu > li:hover > .sub-menu{
	display: block;
}
.rt01 .left .menu > li > .sub-menu > li{
	width: 25%;
	float: left;
	padding: 0 10px;
}
.rt01 .left .menu > li > .sub-menu > li > a{
	text-transform: uppercase;
    font-weight: 700;
    color: #333;
}
.rt01 .left .menu > li > .sub-menu > li > a:hover{
	color: #0c71bd;
}
.rt01 .left .menu > li > .sub-menu > li > .sub-menu{
	display: block;
	border: none;
	padding: 0;
}
.rt01 .left .menu > li > .sub-menu > li > .sub-menu a{
	font-size: 14px;
    color: #3b3b3b;
    display: block;
    padding: 0;
    line-height: 22px;
    margin-bottom: 4px;
}
.rt01 .left .menu > li > .sub-menu > li > .sub-menu a:hover{
	color: #0c71bd;
}
.rt01 .center{
	max-width: 57.35%;
    flex-basis: 57.35%;
    padding-left: 0 !important;
    padding-right: 5px !important;
}
.rt01 .right{
	max-width: 21.05%;
    flex-basis: 21.05%;
    padding-left: 0 !important;
}
.rt01 .right .img{
	margin-bottom: 0 !important;
}
.rt01 .right .img img{
	width: auto !important;
}
#mega_menu > li{
	position: unset;
}
#mega_menu > li > a{
	font-size: 14px;
	color: #3b3b3b;
	display: block;
	padding: 8.8px 10px 8.8px 40px;
	position: relative;
}
#mega_menu > li > a:hover{
	color: #0c71bd;
}
#mega_menu a:after{
	display: none;
}
#mega_menu > li > a img{
	position: absolute;
	top: 11px;
	left: 13px;
	z-index: 9;
	margin: 0;
}
#mega_menu > li > .sub-menu{
    position: absolute;
    left: 100%;
    top: 0;
    background: #fff !important;
    width: 950px;
    height: 100.4%;
    z-index: 1;
    border-left: 1px solid #e8e8e8;
    padding: 10px 15px 10px 20px;
}
#mega_menu > li:hover > .sub-menu{
	display: block;
}
#mega_menu > li > .sub-menu > li{
	width: 25%;
	float: left;
	padding: 0 10px;
	margin-bottom: 15px;
	background: #fff !important;
}
#mega_menu > li > .sub-menu > li > a{
	text-transform: uppercase;
    font-weight: 700;
    color: #333;
    display: block;
    border: none !important;
    padding: 0 !important;
    background: #fff !important;
}
#mega_menu > li > .sub-menu > li > a:hover{
	color: #0c71bd;
}
.sf-menu li:hover,#mega_menu a:hover{
	background: unset !important;
}
#mega_menu > li > .sub-menu > li > .sub-menu{
	display: block !important;
	position: relative !important;
	left: 0 !important;
	box-shadow: unset !important;
}
#mega_menu > li > .sub-menu > li > .sub-menu a{
	font-size: 14px;
    color: #3b3b3b;
    display: block;
    padding: 0;
    line-height: 22px;
    margin-bottom: 4px;
    border: none !important;
}
#mega_menu > li > .sub-menu > li > .sub-menu a:hover{
	color: #0c71bd;
}
.rt02{
	padding-top: 10px;
}
.slider_anh .slick-list{
	margin: 0 -6px;
}
.slider_anh .slick-list .img{
	padding: 0 6px;
}
.slider_anh .slick-list .img img{
	width: 100%;
	height: 143px;
	object-fit: cover;
}
.slider_anh .uxb-draggable{
	width: 16.6% !important;
	float: left !important;
}
.slider_anh .uxb-draggable img{
	height: 140px;
}
.box_cate{
	background: #fff;
	overflow: hidden;
}
.headings{
	padding: 15px 18px 15px 70px;
	position: relative;
	background: url(img/sale.png) 20px 19px no-repeat;
}
.headings h2{
	margin-bottom: 0;
	display: block;
	line-height: 21px;
}
.headings h2 a{
	display: block;
	font-size: 20px;
	line-height: 21px;
	text-transform: uppercase;
	font-weight: bold;
	color: #e62d2d;
}
.headings .des p{
	display: block;
	font-size: 12px;
	line-height: 21px;
	color: #555555;
	margin-bottom: 0;
}
.headings .view{
	position: absolute;
	top: 7px;
	right: 18px;
	font-size: 14px;
	line-height: 21px;
	color: #0c71bd;
}
.block-product-2{
	overflow: hidden;
	border: 1px solid #f3f3f3;
	border-top:none;
}
.block-product-2 > .product-small{
	width: 20%;
	float: left;
	border-top:1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
	padding: 0;
}
.block-product-2 > .product-small:nth-child(5n){
	border-right: none !important;
}
.da_ban{
	margin: 8px 0 0 0 !important;
	text-align: center;
	display: block;
	line-height: 16px;
	background: url(img/daban.png) center center no-repeat;
}
.da_ban span{
	display: inline-block;
	line-height: 16px;
	font-size: 11px;
	font-weight: 500;
	color: #fff;
	position: relative;
	left: 10px;
}
.da_ban span:before{
	position: absolute;
	content: "";
	background: url(img/set.png) no-repeat;
	width: 6px;
	height: 10px;
	top: 2px;
	left: -10px;
	z-index: 9;
}
.box_cate2{
	margin-top: 33px;
}
.box_cate2 .headings{
	padding: 12px 12px 12px 22px;
	background: url(img/sale2.png) 0px 15px no-repeat;
}
.box_cate2 .headings h2 a{
	color: #292929;
}
.box_cate2 .headings .view{
	top: 14px;
}
.box_new{
	background: #fff;
	margin-top: 32px;
	padding: 26px;
}
.box_new .headingss{
	padding: 0px 0px 12px 20px;
    background: url(img/sale2.png) 0px 3px no-repeat;
    position: relative;
}
.box_new .headingss h2{
	margin-bottom: 0;
    display: block;
    line-height: 21px;
}
.box_new .headingss h2 a{
	display: block;
    font-size: 20px;
    line-height: 21px;
    text-transform: uppercase;
    font-weight: bold;
    color: #292929;
}
.box_new .headingss .view {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 14px;
    line-height: 21px;
    color: #0c71bd;
}
.home .bre_rt{
	display: none;
}
.bre_rt{
	padding: 0 15px;
}
.bre_rt p{
	margin-bottom: 0;
	border-bottom: 1px solid #e8e8e8;
	font-size: 13px;
	line-height: 20px;
	color: #757575;
	display: block;
	width: 100%;
	padding: 9px 0;
}
.bre_rt p a,.bre_rt p span{
	color: #757575;
}
.single-product #main{
	padding-top: 30px;
}
.single-product .row  #product-sidebar{
	max-width: 26.2%;
    flex-basis: 26.2%;
}
.single-product .row  .large-9{
	border: none !important;
	padding-right: 0;
	max-width: 73.8%;
    flex-basis: 73.8%;
}
.single1 {
    background: url(img/free.png) 20px 32px #ecf4e9 no-repeat;
    border-radius: 6px;
    padding: 23px 23px 23px 87px;
    margin-bottom: 10px;
}
.single1 h4{
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: 500;
	color: #414141;
	margin-bottom: 0;
}
.single1 p{
	font-size: 13px;
	line-height: 20px;
	color: #414141;
	margin-bottom: 0;
}
.single2{
	background: #e7f6fd;
	border-radius: 6px;
	padding: 14px;
	margin-bottom: 10px;
}
.single2 h4{
	display: block;
	text-align: center;
	border-bottom: 1px solid #a9cbdb;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	color: #1a1a1a;
	padding-bottom: 10px;
	margin-bottom: 14px;
}
.single2 div p{
	font-size: 13px;
	line-height: 29px;
	text-transform: uppercase;
	color: #424242;
	margin-bottom: 0;
	background: url(img/f1.png) 20px 5px no-repeat;
	padding-left: 50px;
}
.single2 div p:nth-child(2){
	background: url(img/f2.png) 20px 5px no-repeat;
}
.single2 div p:nth-child(3){
	background: url(img/f3.png) 20px 5px no-repeat;
}
.single2 div p:nth-child(4){
	background: url(img/f4.png) 20px 5px no-repeat;
}
.single3{
	background: #fffcf2;
	border-radius: 6px;
	border: 1px solid #f1ebd5;
	padding: 13px;
}
.single3 h4{
	border-bottom: 1px solid #dededb;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 20px;
	color: #1a1a1a;
	padding-bottom: 10px;
	margin-bottom: 14px;
}
.single3 .div1{
	text-align: center;
	border-bottom: 1px solid #dededb;
	padding-bottom: 14px;
	margin-bottom: 14px;
}
.single3 .div1 a{
	display: block;
	font-size: 19px;
	line-height: 23px;
	color: #eb1c24;
}
.single3 .div1 p{
	font-size: 13px;
	line-height: 23px;
	margin-bottom: 0;
	text-transform: uppercase;
	color: #1a1a1a;
}
.single3 .div2{
	text-align: center;
}
.single3 .div2 p{
	font-size: 15px;
	line-height: 23px;
	display: block;
	margin-bottom: 0;
	color: #444444;
}
.single3 .div2 a{
	font-size: 14px;
	line-height: 23px;
	color: #838383;
}
.single3 .div2 a:hover{
	color: #eb1c24;
}
.product-main{
	padding-top: 0 !important;
}
.product-main .product-images{
	border: 1px solid #e8e8e8;
}
.product-main  .product-thumbnails a{
	border: 1px solid #e8e8e8 !important;
}
.product-main  .product-thumbnails img{
	opacity: 1;
}
.product-info{
	padding-top: 0 !important;
}
.rt_msp{
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
	line-height: 26px;
	color: #0c71bd;
	margin-bottom: 5px;
}
.rt_msp span{
	color: #3e3e3e;
}
.cart_rt .quantity_wanted_p{
	overflow: hidden;
	margin-bottom: 5px;
}
.cart_rt .quantity_wanted_p .quantity1{
	width: 45%;
	float: left;
	display: inline-flex;
}
.cart_rt .quantity_wanted_p .quantity1 label{
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	color: #3d3d3d;
	width: 70px;
	line-height: 27px;
}
.cart_rt .quantity_wanted_p .quantity1 .btn_num{
	border: 1px solid #e4e4e4;
	line-height: 27px;
	width: 28px;
	text-align: center;
	height: 27px;
	min-width: 28px;
	min-height: 27px;
}
.cart_rt .quantity_wanted_p .quantity1 #qty{
	border: 1px solid #e4e4e4;
	border-left: none !important;
	border-right: none !important;
	line-height: 27px;
	width: 32px;
	text-align: center;
	height: 27px;
	min-width: 32px;
	min-height: 27px;
	padding: 0;
}
.cart_rt .quantity_wanted_p .tinhtrang{
	width: 55%;
	float: left;
}
.cart_rt .quantity_wanted_p .tinhtrang span{
	font-size: 14px;
	line-height: 27px;
}
.box_submit_single button{
	margin: 0!important;
	display: inline-block;
	line-height: 38px;
	border-radius: 6px;
	background: url(img/chonmua.png) 10px 9px #e62d2d no-repeat !important;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	padding: 0 15px 0 40px;
}
.box_submit_single button.tuvan{
	background: url(img/tuvan.png) 13px 7px #0c71bd no-repeat !important;
	margin-left: 10px !important;
}
.popup_lh > h2{
	background: #0c71bd;
	text-align: center;
	color: #fff;
	line-height: 45px;
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 500;
}
.popup_lh .box{
	padding: 15px;
	text-align: left;
}
.popup_lh .box p:nth-child(1){
	margin-bottom: 10px;
}
.popup_lh .wpcf7-spinner{
	display: none;
}
.rt_woocommerce_single_product_summary li{
	list-style: none;
}
.thongtin > p{
	font-size: 12px;
	line-height: 22px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 13px;
	margin-bottom: 13px;
}
.thongtin .box h4{
	font-size: 15px;
	line-height: 20px;
	text-transform: uppercase;
	color: #0c71bd;
	font-weight: 500;
}
.thongtin .box p{
	font-size: 14px;
	line-height: 24px;
	color: #757575;
	margin-bottom: 0;
}
.thongtin .box p a{
	color: #0c71bd;
}
.thong_so_ky_thuat{
	overflow: hidden;
	margin-bottom: 25px;
}
.thong_so_ky_thuat .thong_so_cnt{
	overflow: hidden;
	margin-top: 10px;
}
.thong_so_ky_thuat .thong_so_cnt p{
	margin-bottom: 5px;
}
.thong_so_ky_thuat .thong_so_cnt table{
	color: #444444;
}

.thong_so_ky_thuat .thong_so_cnt table,.thong_so_ky_thuat .thong_so_cnt table.thong_so_ky_thuat .thong_so_cnt table th,.thong_so_ky_thuat .thong_so_cnt table td {
  border: 1px solid #dddddd;
}
.thong_so_ky_thuat .thong_so_cnt table td{
	padding:10px;
}
.sp_vua_xem .slick-prev{
	position: absolute;
	top: 40%;
	left: 0;
	z-index: 9;
	font-size: 18px;
}
.sp_vua_xem .slick-next {
	position: absolute;
	top: 40%;
	right: 0;
	z-index: 9;
	font-size: 18px;
}
.sp_vua_xem .product-small{
	padding: 0 !important;
}
.related .row{
	margin: 0 !important;
}
.related .flickity-prev-next-button{
	opacity: 1 !important;
	background: unset !important;
	box-shadow: unset !important;
}
.related .product-small{
	padding: 0 !important;
}
.single-product .product-small .box .box-text{
	padding: 0 10px 20px 10px !important;
}
.sp_dangxem{
	margin-top: 30px;
	text-align: center;
	border: 1px dashed #fbaf5d;
}
.sp_dangxem > h4{
	border-bottom: 1px dashed #fbaf5d;
	line-height: 36px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
}
.sp_dangxem .product-small .box .box-text{
	text-align: center;
	padding:0 10px 0px 10px !important;
}
.sp_dangxem  .box-text .product-title a{
	text-align: center !important;
}
.cart_rt2{
	margin: 10px 0 0 0 !important;
}
.cart_rt2 button{
	margin: 0  0 20px 0 !important;
	background: #eb1c24 !important;
	border-radius: 4px !important;
	color: #fff !important;
	text-transform: inherit;
}
.page_lh .large-6{
	padding-bottom: 0 !important;
}
.category #content,.category #wrapper,.single-post #content,.single-post #wrapper{
	background: #f7f7f7;
}
.category-page-row .large-3{
	max-width: 21%;
    flex-basis: 21%;
}
.category-page-row .large-9{
	max-width: 79%;
    flex-basis: 79%;
}
.tax-product_cat .products{
	margin: 0 0 20px 0 !important;
	border: 1px solid #f3f3f3;
	border-top: none;
	border-left: none;
}
.tax-product_cat .products > .product-small{
	padding: 0 !important;
	border-top: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
}
.hd_box{
	font-size: 14px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #eee;
    padding: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #d3ced2;
}
.box_pro{
	padding: 7px 10px 10px;
    border: 1px solid #e4e4e4;
    font-size: 14px;
}
.box_pro a{
	font-size: 15px;
	line-height: 22px;
    font-weight: 400;
    margin: 0 0 5px 0;
    color: #333;
    display: block;
}
.box_pro a:hover{
	color: #0c71bd;
}
.box_cate_img{
	margin: 0 -5px 30px -5px;
	overflow: hidden;
	display: block;
}
.box_cate_img .box_pro_list{
	width: 20%;
	float: left;
	padding: 0 5px;
}
.box_cate_img .box_pro_list .img{
	width: 100%;
	height: 132px;
	overflow: hidden;
	position: relative;
	border-radius: 6px;
	background: #0c71bd;
	color: #fff;
}
.box_cate_img .box_pro_list .img img{
	width: 100%;
	height: 132px;
	object-fit: cover;
}
.box_cate_img .box_pro_list .img .title{
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	padding:2px 0;
	text-align: center;
	width: 100%;
	font-size: 14px;
	display: block;
	line-height: 22px;
}
.box_cate_img .slick-prev{
	position: absolute;
	top: 45%;
	left: 10px;
	z-index: 9;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 50%;
	cursor: pointer;
	font-size: 12px;
	color: #ccc;
}
.box_cate_img .slick-next{
	position: absolute;
	top: 45%;
	right: 5px;
	z-index: 9;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 50%;
	cursor: pointer;
	font-size: 12px;
	color: #ccc;
}
.box_cate_img .slick-arrow:hover{
	background: #0c71bd;
	color: #fff;
}
#top-bar .nav  > li > a{
	font-size: 13px;
    font-weight: 500;
    color: #484848;
}
#top-bar .nav  > li ul a{
	font-size: 13px;
	padding: 7px 0 !important;
}
.show_nd{
	position: absolute;
    width: 400px;
    background: #fff;
    top: 32px;
    padding: 15px 15px 10px 15px;
    border: 1px solid #ccc;
    opacity: 0;
    display: none;
}
.html2{
	line-height: 32px;
}
.html2:hover .show_nd{
	opacity: 1;
	display: block;
}
.show_nd p{
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 6px;
}
.show_nd .large-12{
	padding-bottom: 0 !important;
}
.show_nd .noi_dung_1 .col-inner{
	padding-bottom: 10px;
    border-bottom: 1px dashed #555;
    margin-bottom: 20px;
}
/*mobile*/
@media (max-width: 1024px){
	.header-bottom .header-nav > li > a{
		font-size: 12px !important;
		padding: 0 7px !important;
	}
	.news-style-22 .news-item-bottom .news-thumb,.news-style-22 .news-item-bottom .news-thumb img{
		height: 209px;
	}
	.news-style-41 .news-item-bottom .boxx__innner .news-thumb,.news-style-41 .news-item-bottom .boxx__innner .news-thumb img{
		height: 176px;
	}
	#logo{
		margin: 0 !important;
	}
	#masthead .header-nav .nav-icon a span:before{
		font-size: 13px;
	}
	.rt01 .left .menu > li > a{
		font-size: 13px;
		padding: 6px 10px 6px 40px;
	}
	.da_ban{
		border-radius: 30px;
	}
	.box_submit_single button{
		font-size: 14px;
	}
}
@media (max-width: 812px) {
	.rt01 .left,.rt01 .right{
		display: none;
	}
	.rt01 .center{
		max-width: 100%;
    	flex-basis: 100%;
    	padding: 0 15px !important;
	}
	.news-style-41 .news-item-bottom{
		width: 50%;
	}
	.news-style-41 .news-item-bottom .boxx__innner .news-thumb, .news-style-41 .news-item-bottom .boxx__innner .news-thumb img{
		height: 304px;
	}
	.chan_trang_1 .row .large-3:nth-child(1),.chan_trang_1 .row .large-3:nth-child(2),.chan_trang_1 .row .large-3:nth-child(3),
	.chan_trang_1 .row .large-3:nth-child(4){
		max-width: 100%;
    	flex-basis: 100%;
    	margin-bottom: 20px;
	}
	.single-product h1.entry-title{
		margin-top: 15px;
	}
	.sb_block_update .sb_left{
		width: 100%;
		max-width: 100%;
	}
	.sb_block_update .sb_update{
		width: 100%;
		max-width: 100%;
	}
	#top-bar .nav-center{
		justify-content: right;
	}
	.mobile-nav > li{
		padding-left: 10px !important;
	}
	.mobile-nav .menu-title {
		display: none;
	}
	.category-page-row .large-3{
		display: block !important;
	}
	.single-product .row #product-sidebar{
		display: block !important;
	}
}
@media (max-width: 480px) {
	.rt02{
		padding-top: 25px;
	}
	.headings .view{
		position: relative;
		top: 5px !important;
		right: 0;
	}
	.block-product-2 > .product-small{
		width: 50%;
	}
	#masthead .cart-item{
		margin-right: 0;
	}
	#logo img{
		max-height: 50px !important;
	}
	.dat_lich_kham .left{
		width: 100%;
	}
	.dat_lich_kham .right{
		width: 100%;
	}
	.dat_lich_kham .right .right11{
		width: 100%;
	}
	.dat_lich_kham .right .right22{
		width: 100%;
	}
	.section-title span{
		font-size: 22px;
	}
	.slogan{
		padding: 0;
	}
	.news-style-31 .slick-prev{
		left: 0;
	}
	.news-style-31 .slick-next{
		right: 0;
	}
	.news-style-22 .news-item-bottom .news-thumb{
		width: 300px;
		margin: 0 auto;
		height: 300px;
	}
	.news-style-22 .news-item-bottom .news-thumb img{
		height: 300px;
	}
	.news-style-41 .news-item-bottom{
		width: 100%;
		margin-bottom: 30px !important;
	}
	.news-style-41 .news-item-bottom .boxx__innner .news-thumb, .news-style-41 .news-item-bottom .boxx__innner .news-thumb img{
		width: 300px;
		height: 300px;
		margin: 0 auto;
		margin-bottom: -45px !important;
	}
	.box__second_posts .news-item-sidebar-clear{
		width: 100%;
	}
	.news-style-2 .box__second_posts .news-item-sidebar-clear:nth-child(2){
		padding-top: 11px;
    margin-top: 11px;
    border-top: 1px solid #e3e3e3;
	}
	.tab_project .tab{
		overflow: hidden;
		padding-bottom: 30px;
	}
	.tab_project .tab button{
		font-size: 12px;
		padding: 5px;
	}
	.news-style-2 .box_first_posts .boxx__innner .box__slider h4 .news-title{
		font-size: 15px;
		line-height: 22px;
	}
	.news-style-2 .box_first_posts .boxx__innner .news-thumb img{
		height: 200px;
	}
	.tab_project .box_bs .img{
		width: 100%;
	}
	.tab_project .box_bs .img img{
		height: 300px;
	}
	.tab_project .box_bs .cnt{
		width: 100%;
		padding: 20px !important;
	}
	.tab_project .box_bs .cnt h3{
		font-size: 22px;
	}
	.rt_htm .left a:nth-child(2){
		display: none;
	}
	.product-small .box .box-image,.product-small .box .box-image img{
		height: 180px;
	}
	.dat_hang a{
		font-size: 12px !important;
	}
	.dat_hang a{
		font-size: 14px;
	}
	.price_pro > span, .price_pro ins span{
		font-size: 14px;
	}
	.page-title-inner .woocommerce-ordering:before{
		display: none;
	}
	.page-title-inner .woocommerce-ordering{
		position: relative;
		margin-bottom: 10px;
	}
	.product-info{
		padding: 15px !important;
	}
	.sb_update .new-list-post .post-image{
		width: 100%;
	}
	.sb_update .new-list-post .post-content{
		width: 100%;
		padding: 15px 0 !important;
	}
	.price_pro del span{
		font-size: 14px;
	}
	.news-style-31 .news-item-bottom{
		width: 100%;
	}
	.news-style-31 .news-item-bottom .boxx__innner .box__slider{
		padding-bottom: 0;
	}
	.chan_trang_2 .tabbed-content .tab{
		display: block;
		width: 100%;
		margin: 0 0 15px 0 !important;
	}
	.chan_trang_2 .tabbed-content .tab a{
		display: block;
		width: 100%;
		text-align: center;
	}
	.chan_trang_2 .row .large-3{
		max-width: 100%;
	    flex-basis: 100%;
	    padding: 0 15px !important;
	    margin-bottom: 15px !important;
	    border: none;
	}
	.page-title-inner h1{
		font-size: 20px;
	}
	.stuck #logo img{
		max-height: 50px !important;
	}
	.box_new{
		padding: 15px !important;
	}
	.news-block-widget-style-4 .box__colum__left{
		width: 100%;
	}
	.news-block-widget-style-4 .box__colum__right{
		width: 100%;
	}
	.news-block-widget-style-4 .box__colum__left .news-thumb,.news-block-widget-style-4 .box__colum__left .news-thumb img{
		height: auto;
	}
	.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .box__slider .box__description{
		display: none;
	}
	.news-block-widget-style-4 .box__colum__right .news-item-clear:last-child{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.tct1{
		padding-top: 30px !important;
	}
	.tct1 .box .box-text p{
		line-height: 20px;
	}
	.tct1 .box .box-text h4{
		font-size: 14px;
		line-height: 22px;
	}
	.tct1  .large-6{
		padding-bottom: 10px !important;
	}
	.menu_rt .ux-menu .menu-item a{
		font-size: 13px;
		line-height: 28px;
		padding: 0 30px;
	}
	.tct2{
		padding: 20px 0 0px 0 !important;
	}
	.tct2 .large-4{
		padding-bottom: 15px !important;
	}
	.chan_trang_1 .widgettitle{
		margin-top: 0;
	}
	.category-page-row .large-3{
		display: none !important;
	}
	.category-page-row .large-9{
		max-width: 100%;
    	flex-basis: 100%;
	}
	.single-product .row .large-9{
		max-width: 100%;
    	flex-basis: 100%;
    	padding: 0 15px !important;
	}
	.single-product .row #product-sidebar{
		display: none !important;
	}
}
.header:not(.transparent) .header-bottom-nav.nav > li > a {
    color: #ffffff;
}
.bre_rt{
	display: block;
}
.display-block{
	display: block !important;
}
.content-thk{
	padding-top: 0;
	display: block;
}
.no-result{
	padding:20px 0;
	color:#888;
}
.danh-muc-content{
	list-style:none;
	margin:0;
	padding:0;
	background: #fff;
    padding: 15px;
}
.danh-muc-content li a{
	display:block;
	padding:8px 4px;
	color:#333;
	font-weight:400;
}
.danh-muc-des{
	color:#666;
	margin-bottom:16px;
}
.news-meta{
	color:#888;
	font-size:13px;
	margin-bottom:12px;
}
.news-cat-list{
	list-style:none;
	padding:0;
	margin:0;
	    padding-left: 15px;
    padding-right: 15px;
    background: #fff;
}
.news-cat-list li{
	
	padding:7px 0;
}
.news-cat-list li a{
	color:#333;
	text-decoration:none;
	font-size:14px;
}
.single-product{
	padding-top: 30px;
}
.product-short-description p{
	white-space: pre-line;
}
/* === single1: font icon override === */
.single1 {
    background: #ecf4e9 !important;
    padding-left: 75px;
    position: relative;
}
.single1-icon {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    color: #4caf50;
}

/* === single2: font icon override === */
.single2 div p {
    background: none !important;
    padding-left: 28px;
    position: relative;
}
.single2 div p:nth-child(1),
.single2 div p:nth-child(2),
.single2 div p:nth-child(3),
.single2 div p:nth-child(4) {
    background: none !important;
}
.single2 div p i {
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #0c71bd;
}

/* === icon upload (img) trong single1 / single2 === */
.single1-icon {
    width: 36px;
    height: 36px;
    object-fit: contain;
}
.single2 div p img {
    width: 18px;
    height: 18px;
    object-fit: contain;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
}

/* === Coupon box trang thanh toán === */
.coupon-box {
    border: 1px dashed #d0d0d0;
    border-radius: 6px;
    margin: 12px 0;
    overflow: hidden;
}
.coupon-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    cursor: pointer;
    background: #f9f9f9;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    user-select: none;
}
.coupon-toggle:hover { background: #f0f0f0; }
.coupon-toggle .fa-tag { color: #e31837; }
.coupon-toggle span { flex: 1; }
.coupon-arrow { transition: transform .25s; font-size: 11px; color: #888; }
.coupon-body {
    padding: 12px 14px;
    border-top: 1px dashed #d0d0d0;
    background: #fff;
}
.coupon-input-row {
    display: flex;
    gap: 8px;
}
.coupon-input-row .input-text {
    flex: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* === Shipping methods box trang thanh toán === */
.shipping-methods-box {
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    padding: 12px 14px;
    margin: 12px 0;
    background: #fafafa;
}
.shipping-methods-box h4 {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px;
    color: #333;
}
.shipping-methods-box .wc_payment_methods {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* =============================================
   Trang đặt hàng thành công (checkout/success)
   ============================================= */

.order-success-page {
    padding: 30px 0 60px;
}

/* Header */
.order-success-header {
    text-align: center;
    padding: 36px 20px 28px;
    margin-bottom: 28px;
}
.order-success-icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #e8f5e9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    font-size: 32px;
    color: #2e7d32;
}
.order-success-header h1 {
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 8px;
    color: #1a1a1a;
}
.order-success-header > p {
    font-size: 15px;
    color: #555;
    margin: 0 0 14px;
}
.order-code-badge {
    display: inline-block;
    background: #fff3e0;
    border: 1px solid #ffe0b2;
    color: #e65100;
    font-size: 14px;
    border-radius: 20px;
    padding: 6px 18px;
    margin-bottom: 10px;
}
.order-email-note {
    font-size: 13px;
    color: #777;
    margin: 6px 0 0;
}
.order-email-note .fa-envelope {
    margin-right: 4px;
    color: #1976d2;
}

/* Card chung */
.order-success-card {
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
}
.order-success-card__head {
    background: #f5f5f5;
    border-bottom: 1px solid #e8e8e8;
    padding: 11px 16px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: #333;
}
.order-success-card__head i {
    margin-right: 6px;
    color: #0c71bd;
}
.order-success-card__body {
    padding: 14px 16px;
}
.order-success-card__body.p-0 {
    padding: 0;
}

/* Dòng sản phẩm */
.order-item-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
}
.order-item-row.border-top {
    border-top: 1px solid #f0f0f0;
}
.order-item-thumb {
    width: 60px;
    height: 60px;
    object-fit: contain;
    border: 1px solid #eee;
    border-radius: 6px;
    flex-shrink: 0;
}
.order-item-thumb--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    color: #bbb;
    font-size: 20px;
}
.order-item-info {
    flex: 1;
    min-width: 0;
}
.order-item-name {
    font-weight: 600;
    font-size: 14px;
    color: #222;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.order-item-qty {
    font-size: 12px;
    color: #888;
}
.order-item-price {
    font-weight: 700;
    font-size: 14px;
    color: #e31837;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Tổng tiền */
.order-total-box {
    border-top: 1px solid #e8e8e8;
    padding: 12px 16px;
    background: #fafafa;
}
.order-total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    font-size: 14px;
    color: #555;
}
.order-total-row--discount span:last-child {
    color: #2e7d32;
    font-weight: 600;
}
.order-total-row--grand {
    border-top: 1px solid #ddd;
    margin-top: 6px;
    padding-top: 10px;
    font-weight: 700;
    font-size: 16px;
    color: #1a1a1a;
}
.order-total-row--grand span:last-child {
    color: #e31837;
    font-size: 18px;
}

/* Ghi chú */
.order-note-box {
    background: #fffde7;
    border: 1px solid #fff9c4;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    color: #555;
    margin-bottom: 20px;
}
.order-note-box i {
    margin-right: 6px;
    color: #f9a825;
}

/* Dòng thông tin nhận hàng */
.order-info-row {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 9px 0;
    border-bottom: 1px solid #f2f2f2;
}
.order-info-row:last-child { border-bottom: none; }
.order-info-row > i {
    width: 18px;
    text-align: center;
    color: #0c71bd;
    margin-top: 3px;
    flex-shrink: 0;
}
.order-info-label {
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: .3px;
    margin-bottom: 2px;
}
.order-info-value {
    font-size: 14px;
    color: #222;
    font-weight: 500;
}
.order-info-value a {
    color: #0c71bd;
    text-decoration: none;
}

/* Hỗ trợ */
.order-support-box {
    border: 1px solid #e3f2fd;
    background: #f0f7ff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 20px;
    text-align: center;
}
.order-support-box__title {
    font-weight: 700;
    font-size: 14px;
    color: #1565c0;
    margin-bottom: 8px;
}
.order-support-box__title i { margin-right: 6px; }
.order-support-box p {
    font-size: 13px;
    color: #555;
    margin: 0 0 12px;
}
.order-support-phone {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #e31837;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 20px;
    border-radius: 24px;
    text-decoration: none;
}
.order-support-phone:hover {
    background: #c0122c;
    color: #fff;
}
.order-support-phone .fa-phone {
    font-size: 14px;
}

/* Nút hành động */
.order-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.order-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: opacity .2s;
}
.order-btn:hover { opacity: .85; text-decoration: none; }
.order-btn--primary {
    background: #0c71bd;
    color: #fff;
}
.order-btn--dark {
    background: #2a2a2a;
    color: #fff;
}
.order-btn--light {
    background: #f0f0f0;
    color: #333;
    border: 1px solid #ddd;
}

/* =============================================
   Filter sidebar + shop toolbar
   ============================================= */

/* Sidebar filter box */
.filter-box {
    margin-bottom: 20px;
}

/* Thương hiệu */
.filter-brand-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 4px;
}
.filter-brand-item {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 4px;
    transition: background .15s;
}
.filter-brand-item:hover { background: #f5f5f5; }
.filter-brand-item.active { font-weight: 700; color: #e31837; }
.filter-brand-item input[type="radio"] { accent-color: #e31837; }

/* Khoảng giá */
.filter-price-presets {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 10px;
}
.filter-price-preset {
    display: inline-block;
    font-size: 12px;
    padding: 4px 10px;
    border: 1px solid #ddd;
    border-radius: 14px;
    color: #444;
    text-decoration: none;
    transition: all .15s;
}
.filter-price-preset:hover,
.filter-price-preset.active {
    background: #e31837;
    border-color: #e31837;
    color: #fff;
}
.filter-price-inputs {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}
.filter-price-input {
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 12px;
    width: 0;
}
.filter-price-btn {
    width: 100%;
    background: #e31837;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 7px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
}
.filter-price-btn:hover { background: #c0122c; }
.filter-clear-link {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: #888;
    text-decoration: none;
}
.filter-clear-link:hover { color: #e31837; }

/* Sidebar active category */
.box_pro_list.active > a {
    color: #e31837;
    font-weight: 700;
}

/* Shop toolbar */
.shop-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 12px;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 6px;
    margin-bottom: 16px;
}
.shop-toolbar__left { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.shop-toolbar__right { display: flex; align-items: center; gap: 10px; }

.shop-result-count {
    font-size: 13px;
    color: #888;
}
.sort-form { display: flex; align-items: center; }
.sort-select {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 13px;
    background: #fff;
    cursor: pointer;
}

/* Active filters */
.active-filters {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.active-filters__label {
    font-size: 12px;
    color: #888;
    font-weight: 600;
}
.active-filter-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #fff3f3;
    border: 1px solid #fca5a5;
    color: #e31837;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 12px;
}
.active-filter-tag a {
    color: #e31837;
    text-decoration: none;
    font-size: 11px;
    line-height: 1;
}
.active-filters__clear {
    font-size: 12px;
    color: #888;
    text-decoration: underline;
}
.active-filters__clear:hover { color: #e31837; }

/* =============================================
   Trang tĩnh (pages/show) + Tuyển dụng (jobs)
   ============================================= */

/* Article trang tĩnh */
.page-article {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 32px;
    margin-bottom: 20px;
}
.page-article__thumb {
    margin-bottom: 24px;
}
.page-article__thumb img {
    width: 100%;
    border-radius: 6px;
    max-height: 380px;
    object-fit: cover;
}
.page-article__title {
    font-size: 26px;
    font-weight: 800;
    line-height: 1.4;
    margin: 0 0 18px;
    color: #1a1a1a;
}
.page-article__excerpt {
    font-size: 15px;
    color: #555;
    border-left: 4px solid #e31837;
    padding-left: 16px;
    margin-bottom: 24px;
    font-style: italic;
    line-height: 1.7;
}
.page-article__content {
    font-size: 15px;
    line-height: 1.8;
    color: #333;
}

/* Sidebar chung */
.page-sidebar { display: flex; flex-direction: column; gap: 16px; }
.page-sidebar-card {
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}
.page-sidebar-card--red .page-sidebar-card__title {
    background: #e31837;
    color: #fff;
}
.page-sidebar-card--red .page-sidebar-card__title i { color: #fff; }
.page-sidebar-card__title {
    background: #f5f5f5;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: #333;
}
.page-sidebar-card__title i { margin-right: 6px; color: #0c71bd; }
.page-sidebar-card__body { padding: 14px; }
.page-sidebar-phone {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    text-decoration: none;
    margin-bottom: 8px;
}
.page-sidebar-card--red .page-sidebar-phone { color: #fff; }
.page-sidebar-card:not(.page-sidebar-card--red) .page-sidebar-phone { color: #e31837; }
.page-sidebar-info {
    font-size: 13px;
    color: black;
    margin-top: 6px;
    display: flex;
    align-items: flex-start;
    gap: 7px;
    line-height: 1.5;
}
.page-sidebar-card:not(.page-sidebar-card--red) .page-sidebar-info { color: #555; }
.page-sidebar-info i { margin-top: 2px; flex-shrink: 0; }

/* Social links */
.page-sidebar-social { display: flex; flex-direction: column; gap: 8px; }
.page-sidebar-social__link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: opacity .2s;
}
.page-sidebar-social__link:hover { opacity: .85; text-decoration: none; }
.page-sidebar-social__link--fb { background: #1877f2; color: #fff; }
.page-sidebar-social__link--yt { background: #ff0000; color: #fff; }
.page-sidebar-social__link--zl { background: #0068ff; color: #fff; }

/* ── Job pages ── */

/* Alert */
.job-alert {
    border-radius: 8px;
    padding: 14px 18px;
    margin-bottom: 20px;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.job-alert--success {
    background: #dcfce7;
    border: 1px solid #86efac;
    color: #166534;
}
.job-alert--error {
    background: #fee2e2;
    border: 1px solid #fca5a5;
    color: #991b1b;
}
.job-alert ul { margin: 8px 0 0 16px; padding: 0; }
.job-alert li { margin-bottom: 3px; }

/* Job card */
.job-card {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 20px;
}
.job-card__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}
.job-card__title {
    font-size: 22px;
    font-weight: 800;
    color: #111;
    margin: 0;
    line-height: 1.3;
    flex: 1;
}
.job-card__section-title {
    font-size: 15px;
    font-weight: 700;
    color: #111;
    margin: 0 0 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e31837;
    display: inline-block;
}
.job-card__section-title--green { border-bottom-color: #16a34a; }

/* Job badge */
.job-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    white-space: nowrap;
    flex-shrink: 0;
}
.job-badge--active { background: #dcfce7; color: #16a34a; }
.job-badge--expired { background: #fee2e2; color: #dc2626; }

/* Job meta */
.job-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    font-size: 13px;
    color: #555;
}
.job-meta__item { display: flex; align-items: center; gap: 5px; }
.job-meta__item i { color: #e31837; }
.job-meta__item--ok { color: #16a34a; }
.job-meta__item--ok i { color: #16a34a; }
.job-meta__item--expired { color: #dc2626; }
.job-meta__item--expired i { color: #dc2626; }

/* Apply button */
.job-btn-apply {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #e31837;
    color: #fff;
    padding: 11px 28px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background .2s;
}
.job-btn-apply:hover { background: #c0122c; color: #fff; text-decoration: none; }

/* Job content HTML */
.job-content { font-size: 14px; line-height: 1.75; color: #333; }
.job-content ul, .job-content ol { padding-left: 20px; margin: 8px 0; }
.job-content li { margin-bottom: 5px; }
.job-content p { margin: 0 0 10px; }
.job-content strong { color: #111; }

/* Apply form */
.apply-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.form-group { display: flex; flex-direction: column; gap: 6px; }
.form-group--full { grid-column: 1 / -1; }
.form-label { font-size: 13px; font-weight: 600; color: #333; }
.form-label small { font-weight: 400; color: #888; }
.required { color: #e31837; }

/* Job other items */
.job-other-item {
    display: block;
    padding: 12px 14px;
    text-decoration: none;
    transition: background .15s;
}
.job-other-item:hover { background: #fafafa; text-decoration: none; }
.job-other-item--border { border-top: 1px solid #f0f0f0; }
.job-other-item__title {
    font-size: 13px;
    font-weight: 600;
    color: #222;
    line-height: 1.4;
    margin-bottom: 5px;
}
.job-other-item__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 12px;
    color: #888;
    align-items: center;
}
.job-other-item__meta i { color: #e31837; margin-right: 3px; }

/* Responsive */
@media (max-width: 768px) {
    .apply-grid { grid-template-columns: 1fr; }
    .apply-grid .form-group--full { grid-column: 1; }
    .page-article { padding: 18px; }
    .job-card { padding: 16px; }
    .job-card__title { font-size: 18px; }
}
.page-sidebar-phone.cl-black{
	color: black;
}

/* =====================================================
 * CUSTOMER ACCOUNT PAGES
 * ===================================================== */

/* Auth pages (login / register) */
.acct-auth-wrap {
    padding: 48px 0 64px;
}
.acct-auth-card {
    max-width: 480px;
    margin: 0 auto;
    background: #fff;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    padding: 36px 40px;
}
.acct-auth-card h1 {
    font-size: 22px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 6px;
}
.acct-auth-card .acct-auth-sub {
    text-align: center;
    color: #888;
    font-size: 14px;
    margin-bottom: 24px;
}
.acct-auth-footer {
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5e7eb;
    font-size: 14px;
    color: #888;
}
.acct-auth-footer a {
    color: var(--primary, #e31837);
    font-weight: 600;
}

/* Alert banners */
.acct-alert {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 6px;
    font-size: 14px;
    margin-bottom: 16px;
}
.acct-alert--success {
    background: #dcfce7;
    border: 1px solid #86efac;
    color: #16a34a;
}
.acct-alert--error {
    background: #fee2e2;
    border: 1px solid #fca5a5;
    color: #dc2626;
}

/* Account layout */
.acct-page {
    padding: 32px 0 60px;
}

/* Sidebar */
.acct-sidebar {
    background: #fff;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}
.acct-sidebar__user {
    background: var(--primary, #e31837);
    padding: 16px 20px;
    color: #fff;
}
.acct-sidebar__user-role {
    font-size: 12px;
    opacity: .75;
    margin-bottom: 2px;
}
.acct-sidebar__user-name {
    font-weight: 700;
    font-size: 15px;
}
.acct-sidebar__user-email {
    font-size: 12px;
    opacity: .7;
}
.acct-sidebar__nav {
    list-style: none;
    margin: 0;
    padding: 8px 0;
}
.acct-sidebar__link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    font-size: 14px;
    color: #444;
    text-decoration: none;
    border-left: 3px solid transparent;
    transition: background .15s;
}
.acct-sidebar__link:hover {
    background: #f9fafb;
    color: var(--primary, #e31837);
}
.acct-sidebar__link.active {
    color: var(--primary, #e31837);
    background: #fff5f5;
    border-left-color: var(--primary, #e31837);
    font-weight: 700;
}
.acct-sidebar__link i {
    width: 16px;
    text-align: center;
}
.acct-sidebar__sep {
    border-top: 1px solid #e5e7eb;
    margin: 8px 0;
}
.acct-sidebar__link--danger {
    color: #dc2626;
}

/* Card */
.acct-card {
    background: #fff;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}
.acct-card__head {
    padding: 14px 20px;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.acct-card__title {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}
.acct-card__body {
    padding: 20px;
}

/* Welcome banner */
.acct-welcome {
    background: linear-gradient(135deg, var(--primary, #e31837), #1a5fa8);
    border-radius: 10px;
    padding: 24px 28px;
    color: #fff;
    margin-bottom: 20px;
}
.acct-welcome h2 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 4px;
    color: #fff;
}
.acct-welcome p {
    font-size: 14px;
    opacity: .85;
    margin: 0;
}

/* Stats row */
.acct-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 20px;
}
.acct-stat {
    background: #fff;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}
.acct-stat__num {
    font-size: 28px;
    font-weight: 800;
    color: var(--primary, #e31837);
}
.acct-stat__num--green { color: #16a34a; }
.acct-stat__num--amber { color: #f59e0b; }
.acct-stat__label {
    font-size: 13px;
    color: #888;
    margin-top: 4px;
}

/* Tables */
.acct-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.acct-table th {
    padding: 10px 16px;
    text-align: left;
    font-weight: 600;
    color: #555;
    background: #f9fafb;
}
.acct-table th.text-right,
.acct-table td.text-right { text-align: right; }
.acct-table th.text-center,
.acct-table td.text-center { text-align: center; }
.acct-table td {
    padding: 12px 16px;
    border-top: 1px solid #e5e7eb;
    vertical-align: middle;
}
.acct-table-wrap { overflow-x: auto; }

/* Badges */
.acct-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

/* Empty state */
.acct-empty {
    padding: 48px;
    text-align: center;
    color: #888;
}
.acct-empty i {
    font-size: 48px;
    opacity: .2;
    display: block;
    margin-bottom: 14px;
}

/* Pagination */
.acct-pagination {
    padding: 16px;
    display: flex;
    gap: 6px;
    justify-content: center;
    flex-wrap: wrap;
}
.acct-page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    background: #f3f4f6;
    color: #555;
    border: 1px solid #e5e7eb;
}
.acct-page-link.active {
    background: var(--primary, #e31837);
    color: #fff;
    border-color: var(--primary, #e31837);
}

/* Forms */
.acct-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.acct-form-grid .full { grid-column: 1 / -1; }
.acct-form-group { display: flex; flex-direction: column; gap: 6px; }
.acct-form-label {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}
.acct-form-input {
    width: 100%;
    border: 1.5px solid #e5e7eb;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    outline: none;
    transition: border-color .2s;
    box-sizing: border-box;
}
.acct-form-input:focus { border-color: var(--primary, #e31837); }
.acct-form-input:disabled {
    background: #f9fafb;
    color: #aaa;
}
.acct-form-hint { font-size: 12px; color: #aaa; }
.acct-form-section {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e5e7eb;
    font-size: 16px;
    font-weight: 700;
}

/* Buttons */
.acct-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 28px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: opacity .2s;
}
.acct-btn:hover { opacity: .88; }
.acct-btn--primary {
    background: var(--primary, #e31837);
    color: #fff;
}
.acct-btn--outline {
    background: #fff;
    color: #444;
    border: 1.5px solid #e5e7eb;
}

/* Order detail */
.acct-progress {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 4px 0;
}
.acct-progress__line {
    position: absolute;
    top: 17px;
    left: 10%;
    right: 10%;
    height: 3px;
    background: #e5e7eb;
    z-index: 0;
}
.acct-progress__step {
    text-align: center;
    flex: 1;
    position: relative;
    z-index: 1;
}
.acct-progress__dot {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 8px;
    border: 3px solid #e5e7eb;
    background: #e5e7eb;
    color: #aaa;
    font-size: 13px;
}
.acct-progress__dot.done {
    background: var(--primary, #e31837);
    border-color: var(--primary, #e31837);
    color: #fff;
}
.acct-progress__dot.active {
    border-color: var(--primary, #e31837);
}
.acct-progress__label {
    font-size: 11px;
    color: #aaa;
}
.acct-progress__label.done {
    color: var(--primary, #e31837);
    font-weight: 700;
}

.acct-order-item {
    display: flex;
    gap: 14px;
    padding: 14px 20px;
    border-bottom: 1px solid #e5e7eb;
    align-items: center;
}
.acct-order-item__img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
    flex-shrink: 0;
}
.acct-order-item__img-placeholder {
    width: 64px;
    height: 64px;
    background: #f3f4f6;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.acct-order-item__name {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
}
.acct-order-item__name a { color: #333; text-decoration: none; }
.acct-order-item__meta { font-size: 13px; color: #888; }
.acct-order-item__price {
    font-size: 15px;
    font-weight: 700;
    color: var(--accent, #e31837);
    white-space: nowrap;
    margin-left: auto;
}

.acct-total-row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 8px;
}
.acct-total-row span:first-child { color: #666; }
.acct-total-row--grand {
    font-size: 16px;
    font-weight: 800;
    padding-top: 10px;
    border-top: 2px solid #e5e7eb;
    margin-top: 4px;
}
.acct-total-row--grand span:last-child { color: var(--accent, #e31837); }

.acct-info-row {
    font-size: 13px;
    margin-bottom: 6px;
    color: #555;
}
.acct-info-row strong { color: #222; }

.acct-note {
    background: #fffbeb;
    border: 1.5px solid #fde68a;
    border-radius: 8px;
    padding: 14px 18px;
    font-size: 14px;
    margin-top: 14px;
}

/* Responsive */
@media (max-width: 768px) {
    .acct-auth-card { padding: 24px 20px; }
    .acct-stats { grid-template-columns: 1fr 1fr; }
    .acct-form-grid { grid-template-columns: 1fr; }
    .acct-form-grid .full { grid-column: 1; }
}

/* =====================================================
 * SEARCH RESULTS PAGE
 * ===================================================== */

.search-section-title {
    font-size: 18px;
    font-weight: 800;
    color: #111;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
}
.search-count-badge {
    background: var(--primary, #e31837);
    color: #fff;
    font-size: 12px;
    padding: 2px 9px;
    border-radius: 20px;
    font-weight: 600;
}

/* News card */
.search-news-card {
    display: flex;
    gap: 14px;
    padding: 14px;
    background: #fff;
    border: 1.5px solid #eee;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: box-shadow .2s, border-color .2s;
    margin-bottom: 4px;
}
.search-news-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
    border-color: var(--primary, #e31837);
}
.search-news-card__img {
    width: 90px;
    height: 68px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
}
.search-news-card__img--placeholder {
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #ccc;
}
.search-news-card__body { flex: 1; min-width: 0; }
.search-news-card__title {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4;
    color: #111;
    margin-bottom: 4px;
}
.search-news-card__excerpt {
    font-size: 12px;
    color: #888;
    line-height: 1.4;
}
.search-news-card__date {
    font-size: 11px;
    color: #bbb;
    margin-top: 6px;
}

/* Page item */
.search-page-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    background: #fff;
    border: 1.5px solid #eee;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: border-color .2s;
}
.search-page-item:hover { border-color: var(--primary, #e31837); }
.search-page-item__title { font-weight: 700; color: #111; font-size: 14px; }
.search-page-item__excerpt { font-size: 13px; color: #888; margin-top: 2px; }

/* =====================================================
 * LIVE SEARCH DROPDOWN
 * ===================================================== */

#live-search-results {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0,0,0,.12);
    z-index: 9999;
    max-height: 480px;
    overflow-y: auto;
}
#live-search-results.is-active { display: block; }

.lsr-group-title {
    padding: 8px 14px 4px;
    font-size: 11px;
    font-weight: 700;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: .06em;
    border-top: 1px solid #f0f0f0;
}
.lsr-group-title:first-child { border-top: none; }

.lsr-product {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    text-decoration: none;
    color: inherit;
    transition: background .12s;
}
.lsr-product:hover { background: #f9fafb; }
.lsr-product__img {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #eee;
    flex-shrink: 0;
    background: #f5f5f5;
}
.lsr-product__name {
    font-size: 13px;
    font-weight: 600;
    color: #111;
    line-height: 1.3;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lsr-product__price {
    font-size: 13px;
    font-weight: 700;
    color: var(--primary, #e31837);
    white-space: nowrap;
}

.lsr-news {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    text-decoration: none;
    color: inherit;
    transition: background .12s;
}
.lsr-news:hover { background: #f9fafb; }
.lsr-news__img {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #eee;
    flex-shrink: 0;
    background: #f5f5f5;
}
.lsr-news__title {
    font-size: 13px;
    color: #333;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lsr-footer {
    padding: 10px 14px;
    border-top: 1px solid #f0f0f0;
    text-align: center;
}
.lsr-footer a {
    font-size: 13px;
    font-weight: 600;
    color: var(--primary, #e31837);
    text-decoration: none;
}
.lsr-footer a:hover { text-decoration: underline; }

.lsr-empty {
    padding: 20px;
    text-align: center;
    font-size: 13px;
    color: #888;
}
.lsr-loading {
    padding: 14px;
    text-align: center;
    font-size: 13px;
    color: #aaa;
}

/* =====================================================
 * SEARCH RESULTS PAGE — misc
 * ===================================================== */

.search-form-bar {
    margin-bottom: 28px;
}
.search-form-bar form {
    display: flex;
    max-width: 580px;
    border: 2px solid var(--primary, #e31837);
    border-radius: 6px;
    overflow: hidden;
}
.search-form-bar input[type="text"] {
    flex: 1;
    border: none;
    padding: 12px 18px;
    font-size: 15px;
    outline: none;
}
.search-form-bar button {
    background: var(--primary, #e31837);
    color: #fff;
    border: none;
    padding: 12px 24px;
    font-size: 15px;
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap;
}
.search-form-bar button:hover { opacity: .9; }
.search-result-count {
    margin-top: 10px;
    color: #666;
    font-size: 14px;
}

.search-empty {
    text-align: center;
    padding: 60px 20px;
    color: #888;
}
.search-empty i {
    font-size: 56px;
    opacity: .2;
    display: block;
    margin-bottom: 16px;
}
.search-empty h2 {
    font-size: 20px;
    font-weight: 700;
    color: #444;
    margin-bottom: 8px;
}
.search-empty p { font-size: 14px; }
.search-empty-actions {
    margin-top: 20px;
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.search-more-link {
    text-align: center;
    margin-top: 20px;
}

.search-pages-list { display: flex; flex-direction: column; gap: 8px; }
.search-page-item__arrow { color: #ccc; flex-shrink: 0; margin-left: 12px; }

.search-prod-placeholder {
    width: 100%;
    aspect-ratio: 1;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: #ccc;
}
.search-prod-old-price {
    font-size: 12px;
    color: #aaa;
    display: block;
}

@media (max-width: 640px) {
    .search-form-bar form { max-width: 100%; }
    .search-form-bar button { padding: 12px 16px; font-size: 14px; }
}
.main-search{
	padding-top: 30px;
}
/* =====================================================
 * BRANCH SYSTEM PAGE
 * ===================================================== */

.branch-page-title { font-size: 26px; font-weight: 800; color: #111; margin-bottom: 8px; }
.branch-page-title i { color: var(--primary, #e31837); margin-right: 8px; }
.branch-page-sub { font-size: 15px; color: #666; margin-bottom: 32px; }
.branch-grid { display: flex; flex-direction: column; gap: 28px; margin-bottom: 40px; }

.branch-card {
    background: #fff;
    border: 1.5px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr;
    transition: box-shadow .2s;
}
.branch-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.08); }
.branch-card--has-map { grid-template-columns: 1fr 1fr; }

.branch-card__info { padding: 28px 32px; position: relative; }
.branch-card__num {
    position: absolute; top: 20px; right: 24px;
    font-size: 48px; font-weight: 900;
    color: var(--primary, #e31837); opacity: .07; line-height: 1;
}
.branch-card__img {
    width: 100%; max-height: 140px; object-fit: cover;
    border-radius: 8px; margin-bottom: 16px; border: 1px solid #eee;
}
.branch-card__name {
    font-size: 18px; font-weight: 800; color: #111;
    margin-bottom: 14px; padding-bottom: 10px;
    border-bottom: 2px solid var(--primary, #e31837);
    display: inline-block;
}
.branch-card__details { list-style: none; padding: 0; margin: 0 0 20px; display: flex; flex-direction: column; gap: 10px; }
.branch-card__details li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: #444; }
.branch-card__details li i { color: var(--primary, #e31837); margin-top: 2px; flex-shrink: 0; width: 16px; text-align: center; }
.branch-card__details li a { color: #444; text-decoration: none; }
.branch-card__details li a:hover { color: var(--primary, #e31837); text-decoration: underline; }

.branch-card__btn {
    display: inline-flex; align-items: center; gap: 6px;
    background: var(--primary, #e31837); color: #fff;
    padding: 9px 22px; border-radius: 6px;
    font-size: 14px; font-weight: 700; text-decoration: none; transition: opacity .2s;
}
.branch-card__btn:hover { opacity: .88; color: #fff; }

.branch-card__map { min-height: 300px; }
.branch-card__map iframe { width: 100%; height: 100%; min-height: 300px; display: block; }

.branch-empty { text-align: center; padding: 60px 20px; color: #888; }
.branch-empty i { font-size: 56px; opacity: .15; display: block; margin-bottom: 16px; color: var(--primary, #e31837); }
.branch-empty p { font-size: 15px; margin-bottom: 20px; }

.branch-contact-bar {
    background: linear-gradient(135deg, var(--primary, #e31837), #c0111f);
    border-radius: 12px; padding: 24px 32px;
    display: flex; align-items: center; justify-content: space-between;
    gap: 20px; flex-wrap: wrap; color: #fff;
}
.branch-contact-bar__text { font-size: 16px; font-weight: 600; }
.branch-contact-bar__text i { margin-right: 8px; font-size: 18px; }
.branch-contact-bar__actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.branch-contact-bar__phone {
    background: #fff; color: var(--primary, #e31837);
    font-size: 16px; font-weight: 800;
    padding: 9px 22px; border-radius: 6px; text-decoration: none; transition: opacity .2s;
}
.branch-contact-bar__phone:hover { opacity: .9; }
.branch-contact-bar .button.outline { border-color: rgba(255,255,255,.7); color: #fff; background: transparent; }
.branch-contact-bar .button.outline:hover { background: rgba(255,255,255,.15); }

@media (max-width: 768px) {
    .branch-card--has-map { grid-template-columns: 1fr; }
    .branch-card__map, .branch-card__map iframe { min-height: 240px; }
    .branch-card__info { padding: 20px; }
    .branch-contact-bar { flex-direction: column; text-align: center; }
    .branch-contact-bar__actions { justify-content: center; }
}
.branch-empty__link { color: var(--primary, #e31837); font-weight: 700; font-size: 15px; text-decoration: none; } .branch-empty__link:hover { text-decoration: underline; }

/* =====================================================
 * SUPPORT DROPDOWN (Hỗ trợ khách hàng)
 * ===================================================== */

.support-dropdown {
    min-width: 260px;
    padding: 12px 0 8px;
}
.support-dropdown__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    border-bottom: 1px solid rgba(0,0,0,.06);
    gap: 12px;
}
.support-dropdown__item:last-of-type { border-bottom: none; }
.support-dropdown__label {
    font-size: 12px;
    color: #666;
    white-space: nowrap;
}
.support-dropdown__phone {
    font-size: 14px;
    font-weight: 700;
    color: #e31837;
    text-decoration: none;
    white-space: nowrap;
}
.support-dropdown__phone:hover { text-decoration: underline; }
.support-dropdown__hours {
    padding: 6px 16px;
    font-size: 12px;
    color: #888;
    border-top: 1px solid rgba(0,0,0,.06);
    margin-top: 2px;
}
.support-dropdown__contact-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 8px 16px 4px;
    padding: 8px;
    background: #e31837;
    color: #fff;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: opacity .2s;
}
.support-dropdown__contact-btn:hover { opacity: .88; color: #fff; }

/* =====================================================
 * DOCUMENT DOWNLOAD PAGE
 * ===================================================== */

.doc-page-title { font-size: 26px; font-weight: 800; color: #111; margin-bottom: 20px; }
.doc-page-title i { color: var(--primary, #e31837); margin-right: 8px; }

/* Tabs */
.doc-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 28px; }
.doc-tab {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 18px; border-radius: 6px; font-size: 14px; font-weight: 600;
    text-decoration: none; color: #555; background: #f3f4f6;
    border: 1.5px solid #e5e7eb; transition: all .15s;
}
.doc-tab:hover { border-color: var(--primary, #e31837); color: var(--primary, #e31837); }
.doc-tab.active { background: var(--primary, #e31837); color: #fff; border-color: var(--primary, #e31837); }

/* Section */
.doc-section { margin-bottom: 36px; }
.doc-section-title {
    font-size: 17px; font-weight: 800; color: #111;
    margin-bottom: 14px; padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
    display: flex; align-items: center; gap: 8px;
}
.doc-section-title i { color: var(--primary, #e31837); }
.doc-section-count {
    background: var(--primary, #e31837); color: #fff;
    font-size: 12px; padding: 1px 8px; border-radius: 20px; font-weight: 600;
}

/* Grid */
.doc-grid { display: flex; flex-direction: column; gap: 10px; }

/* Card */
.doc-card {
    display: flex; align-items: center; gap: 16px;
    background: #fff; border: 1.5px solid #e5e7eb; border-radius: 10px;
    padding: 16px 18px; transition: box-shadow .2s, border-color .2s;
}
.doc-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.07); border-color: #d1d5db; }
.doc-card__icon { font-size: 36px; flex-shrink: 0; width: 44px; text-align: center; }
.doc-card__body { flex: 1; min-width: 0; }
.doc-card__title { font-size: 15px; font-weight: 700; color: #111; margin-bottom: 4px; }
.doc-card__desc { font-size: 13px; color: #666; margin-bottom: 8px; }
.doc-card__meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.doc-card__type {
    font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; text-transform: uppercase;
}
.doc-card__size, .doc-card__downloads {
    font-size: 12px; color: #888;
}
.doc-card__size i, .doc-card__downloads i { margin-right: 3px; }

.doc-card__btn {
    flex-shrink: 0; width: 44px; height: 44px;
    display: flex; align-items: center; justify-content: center;
    background: var(--primary, #e31837); color: #fff;
    border-radius: 8px; font-size: 16px; text-decoration: none; transition: opacity .2s;
}
.doc-card__btn:hover { opacity: .85; color: #fff; }
.doc-card__btn--disabled { background: #e5e7eb; color: #aaa; cursor: default; }

/* Empty */
.doc-empty { text-align: center; padding: 60px 20px; color: #888; }
.doc-empty i { font-size: 48px; opacity: .15; display: block; margin-bottom: 14px; color: var(--primary, #e31837); }

@media (max-width: 640px) {
    .doc-tabs { gap: 6px; }
    .doc-tab { padding: 7px 12px; font-size: 13px; }
    .doc-card { padding: 12px 14px; gap: 12px; }
    .doc-card__icon { font-size: 28px; width: 34px; }
}

/* ============================================================
   AGENT — Đăng ký đại lý
   ============================================================ */
.agent-hero {
    background: linear-gradient(135deg, #1a3a5c, #0c71bd);
    border-radius: 12px;
    padding: 36px 32px;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    gap: 32px;
    flex-wrap: wrap;
}
.agent-hero__text { flex: 1; min-width: 240px; }
.agent-hero__title {
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    margin: 0 0 10px;
}
.agent-hero__title i { margin-right: 8px; }
.agent-hero__sub  { color: rgba(255,255,255,.85); font-size: 15px; margin: 0 0 6px; }
.agent-hero__note { color: rgba(255,255,255,.7);  font-size: 13px; margin: 0; }
.agent-hero__perks {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 200px;
}
.agent-hero__perks li { color: #fff; font-size: 14px; display: flex; align-items: center; gap: 10px; }
.agent-hero__perks i  { width: 18px; color: #f9c74f; }

/* Form card */
.agent-form-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 30px;
}
.agent-form-card__title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 22px;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--primary, #e31837);
    color: #1a1a2e;
}
.agent-form-card__title i { color: var(--primary, #e31837); margin-right: 8px; }

/* Alert */
.agent-alert {
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.agent-alert--error   { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }
.agent-alert--success {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.agent-alert__icon { font-size: 28px; color: #16a34a; }
.agent-alert--success p { margin: 6px 0 0; font-size: 13px; }

/* Form grid */
.agent-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}
.agent-form-group--full { grid-column: 1 / -1; }

.agent-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 6px;
}
.agent-required { color: #e31837; }

.agent-input {
    width: 100%;
    padding: 10px 14px;
    border: 1.5px solid #dde1e7;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    color: #1a1a2e;
    background: #fff;
    box-sizing: border-box;
    transition: border-color .2s;
    outline: none;
}
.agent-input:focus { border-color: var(--primary, #e31837); }
.agent-textarea { resize: vertical; min-height: 110px; }

.agent-submit {
    width: 100%;
    padding: 14px;
    background: var(--primary, #e31837);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .2s;
}
.agent-submit:hover { opacity: .9; }
.agent-submit i { margin-right: 6px; }

.agent-privacy {
    text-align: center;
    font-size: 12px;
    color: #94a3b8;
    margin: 10px 0 0;
}
.agent-privacy i { margin-right: 4px; }

/* Contact box */
.agent-contact-box {
    background: linear-gradient(135deg, #1a3a5c, #0c71bd);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}
.agent-contact-box__title {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 14px;
}
.agent-contact-box__title i { margin-right: 8px; }
.agent-contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255,255,255,.85);
    font-size: 14px;
    margin-bottom: 10px;
}
.agent-contact-item i { width: 16px; }
.agent-contact-item a { color: #fff; font-weight: 700; text-decoration: none; }
.agent-contact-btn {
    display: block;
    margin-top: 14px;
    background: #f9c74f;
    color: #1a3a5c;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    transition: opacity .2s;
}
.agent-contact-btn:hover { opacity: .85; color: #1a3a5c; }
.agent-contact-btn i { margin-right: 6px; }

/* Benefits */
.agent-benefits {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
}
.agent-benefits__header {
    background: #1a3a5c;
    padding: 13px 18px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}
.agent-benefits__header i { color: #f9c74f; margin-right: 8px; }
.agent-benefits__body { padding: 18px; }
.agent-benefit-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 14px;
}
.agent-benefit-item:last-child { margin-bottom: 0; }
.agent-benefit-item__icon {
    width: 36px;
    height: 36px;
    background: #eff6ff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 14px;
    color: #0c71bd;
}
.agent-benefit-item__title { font-size: 13px; font-weight: 700; color: #1a1a2e; }
.agent-benefit-item__desc  { font-size: 12px; color: #94a3b8; margin-top: 2px; }

@media (max-width: 640px) {
    .agent-hero { padding: 24px 18px; gap: 20px; }
    .agent-hero__title { font-size: 20px; }
    .agent-hero__perks { flex-direction: row; flex-wrap: wrap; min-width: unset; }
    .agent-form-grid { grid-template-columns: 1fr; }
    .agent-form-card { padding: 20px; }
}



/* ============================================================
   CONTACT — Trang liên hệ
   ============================================================ */
.ct-section { padding: 32px 0 56px; }

/* Info bar */
.ct-info-bar-wrap {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 16px rgba(0,0,0,.07);
    padding: 24px 28px;
    margin-bottom: 28px;
}
.ct-info-bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.ct-info-bar__item { display: flex; align-items: flex-start; gap: 12px; }
.ct-info-bar__icon {
    width: 40px; height: 40px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-size: 15px;
}
.ct-info-bar__icon--red    { background: #e31837; }
.ct-info-bar__icon--blue   { background: #0088cc; }
.ct-info-bar__icon--green  { background: #28a745; }
.ct-info-bar__icon--orange { background: #fd7e14; }
.ct-info-bar__label {
    font-size: 11px; color: #aaa; font-weight: 700;
    text-transform: uppercase; letter-spacing: .05em; margin-bottom: 3px;
}
.ct-info-bar__val {
    font-weight: 700; font-size: 14px; color: #111;
    text-decoration: none; display: block; line-height: 1.4;
}
a.ct-info-bar__val:hover { color: #e31837; }
.ct-info-bar__sub { font-size: 12px; color: #666; margin-top: 1px; }
.ct-info-bar__sub span { color: #aaa; }

/* Form card */
.ct-form-card {
    background: #fff;
    border-radius: 8px;
    padding: 32px 30px;
    box-shadow: 0 2px 16px rgba(0,0,0,.07);
    height: 100%;
    box-sizing: border-box;
}
.ct-form-card__title { font-size: 20px; font-weight: 800; margin: 0 0 6px; color: #1a1a2e; }
.ct-form-card__sub   { font-size: 13px; color: #888; margin: 0 0 20px; }

/* Alerts */
.ct-alert {
    padding: 12px 16px; border-radius: 7px; margin-bottom: 18px;
    font-size: 14px; font-weight: 600;
    display: flex; align-items: center; gap: 8px;
}
.ct-alert--success { background: #d4edda; color: #155724; }
.ct-alert--error   { background: #f8d7da; color: #721c24; }

/* Form fields */
.ct-form-row   { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ct-form-group { margin-bottom: 14px; }
.ct-form-row .ct-form-group { margin-bottom: 0; }

.ct-label { display: block; font-size: 13px; font-weight: 600; color: #444; margin-bottom: 5px; }
.ct-req   { color: #e31837; }

.ct-field {
    width: 100%; padding: 11px 14px;
    border: 1.5px solid #e0e0e0; border-radius: 7px;
    font-size: 14px; font-family: inherit;
    color: #222; background: #fff;
    box-sizing: border-box; outline: none;
    transition: border-color .2s;
}
.ct-field:focus  { border-color: #e31837; }
.ct-field--ta    { resize: vertical; min-height: 130px; }

.ct-submit-btn {
    width: 100%; padding: 13px;
    background: #e31837; color: #fff;
    border: none; border-radius: 8px;
    font-size: 15px; font-weight: 700;
    cursor: pointer; margin-top: 4px;
    display: flex; align-items: center; justify-content: center; gap: 8px;
    transition: opacity .2s;
}
.ct-submit-btn:hover { opacity: .88; }

/* Map */
.ct-map-wrap {
    border-radius: 8px; overflow: hidden;
    box-shadow: 0 2px 16px rgba(0,0,0,.07);
    height: 100%; min-height: 400px;
    display: flex; flex-direction: column;
}
.ct-map-wrap__header {
    background: #1a3a5c; color: #fff;
    padding: 11px 20px; font-size: 14px; font-weight: 600;
    display: flex; align-items: center; gap: 8px; flex-shrink: 0;
}
.ct-map-wrap__header i { color: #f9c74f; }
.ct-map-wrap__body     { flex: 1; line-height: 0; }
.ct-map-wrap__body iframe { width: 100%; height: 100%; min-height: 380px; border: 0; display: block; }

.ct-map-empty {
    background: #f8f9fa; border-radius: 8px;
    height: 100%; min-height: 400px;
    display: flex; align-items: center; justify-content: center;
    flex-direction: column; gap: 12px; color: #aaa;
}
.ct-map-empty i    { font-size: 48px; }
.ct-map-empty span { font-size: 14px; }

@media (max-width: 991px) {
    .ct-info-bar { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
    .ct-info-bar { grid-template-columns: 1fr; }
    .ct-form-row { grid-template-columns: 1fr; }
    .ct-form-card { padding: 20px; }
    .ct-info-bar-wrap { padding: 18px; }
}
.menu-item img._before, .rtl .menu-item img._after{
	margin-right: .2em !important;
}

/* ============================================================
   CUSTOM FEATURES - cart coupon, orders, news, jobs, branches, docs
   ============================================================ */

/* --- Giỏ hàng: coupon --- */
.cart-coupon-box {
    margin: 12px 0;
    padding: 14px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px dashed #ddd;
}
.cart-coupon-box__title {
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 8px;
    color: #333;
}
.cart-coupon-box__icon { color: #e31837; margin-right: 6px; }
.cart-coupon-box__form { display: flex; gap: 8px; }
.cart-coupon-box__input {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 13px;
    text-transform: uppercase;
}
.cart-coupon-box__btn {
    background: #e31837;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
}
.cart-coupon-box__msg { margin-top: 8px; font-size: 12px; display: none; }
.cart-coupon-box__msg--ok  { color: #16a34a; }
.cart-coupon-box__msg--err { color: #dc2626; }

/* --- Lọc đơn hàng khách hàng --- */
.order-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
    align-items: center;
}
.order-filter__input,
.order-filter__select {
    padding: 7px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 13px;
}
.order-filter__input  { width: 160px; }
.order-filter__btn {
    padding: 7px 16px;
    background: #e31837;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
}
.order-filter__clear {
    padding: 7px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 13px;
    color: #555;
    text-decoration: none;
}

/* --- Nút Mua lại --- */
.order-reorder-form { display: inline; margin-left: 8px; }
.order-reorder-btn {
    font-size: 12px;
    padding: 4px 10px;
    background: #f3f4f6;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    color: #555;
}
.order-reorder-btn:hover { background: #e5e7eb; }
.order-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.td-nowrap { white-space: nowrap; }

/* --- Tin tức: prev/next --- */
.news-prevnext {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin: 28px 0;
    padding: 16px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.news-prevnext__item {
    flex: 1;
    padding: 12px 14px;
    background: #f8f9fa;
    border-radius: 8px;
    text-decoration: none;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border: 1px solid #eee;
    min-width: 0;
    transition: background .15s;
}
.news-prevnext__item:hover { background: #f0f0f0; }
.news-prevnext__item--next { justify-content: flex-end; text-align: right; }
.news-prevnext__spacer { flex: 1; }
.news-prevnext__icon { color: #e31837; margin-top: 3px; flex-shrink: 0; }
.news-prevnext__meta { min-width: 0; }
.news-prevnext__label { font-size: 11px; color: #999; margin-bottom: 4px; }
.news-prevnext__title {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --- Tuyển dụng: bộ lọc --- */
.job-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
    align-items: center;
}
.job-filter__input {
    flex: 1;
    min-width: 200px;
    padding: 8px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 13px;
}
.job-filter__select {
    padding: 8px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 13px;
}
.job-filter__count { font-size: 13px; color: #888; }

/* --- Chi nhánh: tìm kiếm --- */
.branch-search {
    max-width: 460px;
    margin: 0 auto 28px;
    position: relative;
}
.branch-search__input {
    width: 100%;
    padding: 10px 40px 10px 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    box-sizing: border-box;
}
.branch-search__icon {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #aaa;
    pointer-events: none;
}
.branch-count { text-align: center; font-size: 13px; color: #999; margin-bottom: 20px; }

/* --- Tài liệu: tìm kiếm --- */
.doc-search {
    max-width: 460px;
    margin: 0 auto 24px;
    position: relative;
}
.doc-search__input {
    width: 100%;
    padding: 10px 40px 10px 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    box-sizing: border-box;
}
.doc-search__icon {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #aaa;
    pointer-events: none;
}

/* --- Visually hidden (accessible to screen readers & search engines) --- */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* --- Trang 404 --- */
.error-404 {
    padding: 20px 20px;
    text-align: center;
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.error-404__inner { max-width: 480px; margin: 0 auto; }
.error-404__code {
    font-size: 120px;
    font-weight: 900;
    line-height: 1;
    color: #e31837;
    letter-spacing: -4px;
    margin-bottom: 0;
}
.error-404__title { font-size: 24px; font-weight: 700; color: #222; margin: 16px 0 10px; }
.error-404__desc  { font-size: 15px; color: #777; margin-bottom: 32px; line-height: 1.7; }
.error-404__search {
    display: flex;
    gap: 8px;
    margin-bottom: 28px;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}
.error-404__search input {
    flex: 1;
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
}
.error-404__search button {
    background: #e31837;
    color: #fff;
    border: none;
    padding: 4px 16px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    margin: 0;
    height: 30px;
    line-height: 31px;
}
.error-404__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.error-404__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 22px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
.error-404__btn:hover { text-decoration: none; opacity: .85; }
.error-404__btn--primary { background: #e31837; color: #fff; }
.error-404__btn--outline { background: #fff; color: #333; border: 1px solid #ddd; }

/* =============================================
   TRANG THƯƠNG HIỆU
   ============================================= */

/* Danh sách thương hiệu */
.brands-page-title {
    font-size: 24px;
    font-weight: 700;
    color: #222;
    margin: 0 0 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.brands-page-title i { color: var(--primary, #e31837); }
.brands-page-sub { color: #888; font-size: 14px; margin-bottom: 28px; }

.brands-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
}
.brand-card {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 16px;
    text-decoration: none;
    color: #222;
    transition: all .2s;
}
.brand-card:hover {
    border-color: var(--primary, #e31837);
    box-shadow: 0 4px 16px rgba(227,24,55,.08);
    transform: translateY(-2px);
    color: #222;
}
.brand-card__logo {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
}
.brand-card__logo img { width: 100%; height: 100%; object-fit: contain; padding: 6px; }
.brand-card__initials {
    font-size: 22px;
    font-weight: 800;
    color: var(--primary, #e31837);
    text-transform: uppercase;
}
.brand-card__info { flex: 1; min-width: 0; }
.brand-card__name { font-size: 15px; font-weight: 700; margin: 0 0 4px; }
.brand-card__count { font-size: 12px; color: #999; }
.brand-card__arrow { color: #ccc; font-size: 12px; flex-shrink: 0; }
.brand-card:hover .brand-card__arrow { color: var(--primary, #e31837); }
.brands-empty { text-align: center; padding: 60px 0; color: #aaa; font-size: 15px; }
.brands-empty i { display: block; font-size: 48px; margin-bottom: 12px; opacity: .4; }

/* Trang sản phẩm theo thương hiệu */
.brand-header {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 24px;
    margin: 20px 0 24px;
}
.brand-header__logo {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
    flex-shrink: 0;
}
.brand-header__logo img { width: 100%; height: 100%; object-fit: contain; padding: 8px; }
.brand-header__initials { font-size: 36px; font-weight: 800; color: var(--primary, #e31837); }
.brand-header__name { font-size: 22px; font-weight: 700; margin: 0 0 6px; color: #111; }
.brand-header__desc { font-size: 14px; color: #666; margin: 0 0 8px; line-height: 1.6; }
.brand-header__count { font-size: 13px; color: #999; }
.brand-header__count i { color: var(--primary, #e31837); margin-right: 4px; }

.brand-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0 16px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 8px;
}
.brand-toolbar__total { font-size: 13px; color: #666; }
.brand-toolbar__sort { display: flex; gap: 8px; align-items: center; }
.brand-toolbar__sort label { font-size: 13px; color: #555; white-space: nowrap; }
.brand-toolbar__sort select {
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
}

.brand-empty {
    text-align: center;
    padding: 60px 0;
    color: #aaa;
}
.brand-empty i { display: block; font-size: 48px; margin-bottom: 12px; opacity: .4; }
.brand-empty p { font-size: 15px; margin-bottom: 16px; }
.brand-empty__link {
    display: inline-block;
    padding: 10px 24px;
    background: var(--primary, #e31837);
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.brand-pagination {
    display: flex;
    justify-content: center;
    padding: 30px 0 10px;
    gap: 6px;
    flex-wrap: wrap;
}
.brand-pagination__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    background: #f5f5f5;
    color: #333;
    transition: all .2s;
}
.brand-pagination__item--active,
.brand-pagination__item:hover { background: var(--primary, #e31837); color: #fff; }

@media (max-width: 600px) {
    .brands-grid { grid-template-columns: 1fr 1fr; }
    .brand-header { flex-direction: column; text-align: center; }
    .brand-header__logo { width: 80px; height: 80px; }
    .brand-header__name { font-size: 18px; }
}

/* =============================================
   Shop collection / category / brand pages
   ============================================= */
.box_pro_list--child { padding-left: 16px; }

.shop-page-desc {
    color: #888;
    font-size: 13px;
    padding: 0 10px 10px;
}

.shop-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0 14px;
    border-bottom: 1px solid #eee;
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 8px;
}
.shop-toolbar__count { font-size: 13px; color: #666; }
.shop-toolbar__sort-form { display: flex; gap: 6px; align-items: center; }
.shop-toolbar__sort-label { font-size: 13px; color: #555; white-space: nowrap; }
.shop-toolbar__sort-select {
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 13px;
}

.shop-empty {
    text-align: center;
    padding: 60px 0;
    color: #aaa;
}
.shop-empty__icon {
    font-size: 48px;
    display: block;
    margin-bottom: 12px;
    opacity: .4;
}

.badge.onsale {
    background: #e31837;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 3px;
}

.product-thumb-img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
}

.price-contact { color: var(--primary, #e31837); font-weight: 700; }
.price-sale    { color: #e31837; font-weight: 700; }
.price-original { color: #aaa; font-size: 12px; margin-left: 4px; }

.product-brand-link { font-size: 12px; color: #888; margin: 2px 0 0; }
.product-brand-link a { color: #888; text-decoration: none; }
.product-brand-link a:hover { color: var(--primary, #e31837); }

.woocommerce-pagination { padding: 20px 0 10px; }
.woocommerce-pagination ul.page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.woocommerce-pagination ul.page-numbers li { display: inline-flex; }
.woocommerce-pagination .page-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 6px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    background: #f5f5f5;
    color: #333;
    transition: background .2s, color .2s;
}
.woocommerce-pagination .page-number.current {
    background: var(--primary, #e31837);
    color: #fff;
    cursor: default;
}
.woocommerce-pagination .page-number:not(.current):hover {
    background: var(--primary, #e31837);
    color: #fff;
}
.woocommerce-pagination .page-number.dots {
    background: transparent;
    cursor: default;
    font-size: 16px;
    color: #aaa;
}
.woocommerce-pagination .prev.page-number,
.woocommerce-pagination .next.page-number {
    font-size: 16px;
    background: #f0f0f0;
    color: #555;
}
.woocommerce-pagination .prev.page-number:hover,
.woocommerce-pagination .next.page-number:hover {
    background: var(--primary, #e31837);
    color: #fff;
}