@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');
body{
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    font-size: 14px;
    color: #111;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
header{background: #1F2544; 
    /* background: url(../images/bg-banner2.jpg)  */
    no-repeat center;background-size: cover;color: #fff;}
header .logo img{max-height: 100px;margin: auto;margin-top: 5px;}
.container{max-width: 1180px;position: relative;}
.bgWhite{background: #fff;}
.wrapper{background: #fff; border: solid 1px #ddd; padding: 10px;}
header .infoSite{text-align: left;font-weight: 400;font-size: 15px;}
header .infoSite .name{
   color: #ff0;
   text-transform: uppercase;
   font-size: 30px;
   margin: 0px;
   margin-bottom: 10px;
   /* text-shadow: 0 1px 0 #052e3d, 0 2px 0 #410404, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 5px 0 #aaa, 0 4px 1px rgb(0 0 0 / 10%), 0 0 3px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 30%), 0 2px 3px rgb(0 0 0 / 20%), 0 4px 7px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 20%), 0 20px 20px rgb(0 0 0 / 15%); */
   text-align: center;
   font-weight: 900;
}
header .infoSite .slogan{font-weight: bold; text-align: center;}
header .infoSite .address{font-size: 13px;}
header .infoSite .address i{font-weight: bold; color:#FEBC00; width: 20px;}
nav#menu{
    transition: all 0.5s ease;
    background: #EBD9B4;
    /* margin-top: 10px; */
    position: relative;
}
nav#menu .menuGroup{
    -ms-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-column-width: 140px;
    -moz-column-width: 140px;
    column-width: 150px;
}
nav#menu ul{list-style: none;box-sizing: border-box;position: relative;vertical-align: top;padding: 0px;margin-bottom: 0px;text-align: center;}
nav#menu ul li{display: inline-block;vertical-align: top;box-sizing: border-box;transition: all 0.9s ease;position: relative;}
nav#menu ul li:last-child{border: none;}
nav#menu ul li a:hover, nav#menu ul li a.active{overflow: inherit;background: rgba(0,0,0,.07);color: #ff0;}
nav#menu ul li li:hover{background: none;}
nav#menu ul li a{font-size: 16px;display: block;color: #000;padding: 13px 31px;box-sizing: border-box;transition: all 0.3s ease;position: relative;text-transform: uppercase;font-weight: bold;}
nav#menu ul li:last-child a{border: none;}
nav#menu ul .parent-menu{position: absolute;width: 250px;opacity: 0;background: #fff;box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);border-radius: 4px;transition: all 0.15s ease-in;-webkit-transform: translate(0, 15px);transform: translate(0, 15px);z-index: 1101;left: 0px;top: 42px;height: 0px;visibility: hidden;box-sizing: border-box;overflow: hidden;}
nav#menu ul li:hover > .parent-menu{opacity: 1;-webkit-transform: translate(0, 0px);transform: translate(0, 0px);height: auto;visibility: inherit;}
nav#menu ul ul li{display:block; width: 100%;}
nav#menu ul li .sub_menu{position: absolute;top: 12px;right: 4px;width: 20px;height: 20px;background: url(assets/images/icon-desktop.html) no-repeat center;background-position: -35px -51px;background-size: 601%;opacity: .6;cursor: pointer;}
nav#menu li ul li a{padding: 6px 10px;text-transform: none;color: #333;font-weight: 300;text-align: left;border-bottom: solid 1px #ddd;font-size: 14px;}
nav#menu li ul li a:before {
    content: '\f105';
    width: 14px;
    font-size: 12px;
    font-family: 'Font Awesome 5 Pro';
    color: #005e99 !important;
    margin-right: 10px;
}
nav#menu#menu li ul li a:hover {
    background: none;
    color: #f00;
}
nav#menu ul ul ul{top: 0px; left: 100%;}
nav#menu ul ul ul:before, nav ul ul ul:after{display: none;}
nav#menu>ul>li>a:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 1px;
    height: 15px;
    background: rgb(255 255 255 / 50%);
}
nav#menu>ul>li:last-child>a:after{display: none;}
nav#menu.fixed{
	animation: stuckMoveDown .6s;
	position: fixed !important;
	z-index: 101;
	top: 0px;
	width: 100%;
	margin-top: 0px;
}
@keyframes stuckMoveDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}
.box_search{
    overflow: hidden;
    vertical-align: middle;
    z-index: 100;
    text-align: right;
    width: 100%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    max-width: 250px;
}
.box_search input[type="text"]{
    font-weight: normal;
    background: #fff;
    width: 100%;
    height: 40px;
    font-size: 13px;
    box-shadow: none;
    border: solid 2px #148233;
    border-radius: 5px;
    color: #000;
}
.box_search input[type="text"]:focus, .box_search .input_search select:focus { box-shadow: none; outline: none; }
.box_search button{
    width: 42px;
    border:none;
    height: 40px;
    position: absolute;
    bottom: 0px;
    right: -2px;
    background: url(../images/icon_search.png) no-repeat left center;
    color: #000;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: 600;
}
/********** breakcrum *********/
.breakcrumb {
    min-height: 40px;
    line-height: 36px;
    list-style: none;
    color: #424242;
    text-align: left;
    margin: 0px;
    background: #f6f6f6;
    padding: 15px 0px;
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.breakcrumb li, .breakcrumb li a, .breakcrumb li span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    line-height: 40px;
}
.breakcrumb ul{width: 100%;float: left;margin: 0px;}
.breakcrumb li{
	    text-overflow: ellipsis;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	    display: -webkit-box;
	    overflow: hidden;
	    float: left;
	    max-width: 200px;
}
.breakcrumb-arrow li {
    color: #767676;
    font-size: 13px;
    font-style: italic;
}
.breakcrumb a {
    color: #424242;
    position: relative;
    padding: 0px 5px;
}

.breakcrumb li a:before {
    content: "/";
    float: right;
    margin-left: 15px;
    margin-right: 5px;
    width: 10px;
}
.breakcrumb li:last-child a:before{display: none;}
/********** breakcrum *********/
header .login{
    margin: 30px 0px 10px 0px;
    text-align: center;
    font-family: var(--mdb-font-roboto);
    display: inline-block;
}
header .login a{color: #000;display: inline-block !important;font-size: 21px;padding: 4px 10px;border-radius: 5px;}
header .login a:hover{color: #ff0;border-color: #ff0;}
header .login .dropdown-menu{width: 200px;}
header .login ul li a.dropdown-item{color: #333;font-size: 14px;}
header .login ul li a.dropdown-item:hover{color: #f00; border: none;}
.ShoppingCart{position: relative;background: url(../images/ic_cart.png) no-repeat left center;padding-left: 40px;line-height: 44px; display: block !important;}
.ShoppingCart a{color: #fff;}
.ShoppingCart span{color: #f8b500;}
.cart-notice{color: #000;position: absolute;width: 350px;background: #fff;font-size: 14px;padding: 15px;border-radius: 5px;box-shadow: 0 4px 24px 0 rgb(0 0 0 / 20%);text-align: center;z-index: 1001;right: -100px;line-height: 22px;}
.cart-notice .title{font-weight: bold;color: #1266f1;margin-bottom: 10px;}
.cart-notice a{
    background: #42b727;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding: 10px 20px;
    border-radius: 20px;
}
.sliderShow{position: relative;}
.sliderShow img{width: 100%;}
.box_icon{margin-top: 25px;text-align: center;width: 30%;}
header .hotline{
    color: #fff;
    font-size: 15px;
}
header .hotline i{font-weight: bold;color: #fff;font-size: 23px;}
header .hotline a{
    color: #ff0;
    font-weight: bold;
    font-size: 18px;
}
header .email{
    color: #fff;
    font-size: 14px;
}
header .email i{font-weight: bold;color: #fff;font-size: 20px;}
header .email a{
    color: #ff0;
    font-weight: bold;
}
.searchNC{color: #fff;margin: 10px 0px; font-weight: bold}
.searchNC a{font-weight: normal; color: #fff;}
.wrapLogin{padding: 20px 0px;}
.wrapLogin .card{
	border-color: #eee;
    border-radius: 0;
}
.flex-xy-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.wrapLogin .card .card-body .card-icon {
    color: #02528e;
    font-size: 3rem;
}
.wrapLogin .card .card-body .card-title {
    color: #02528e;
}
.wrapLogin .card .card-body .card-text{color: #888;}
.hover-blue:hover {
    background: #02528e !important;
}
.hover-blue:hover .blue-color, .hover-blue:hover .card-text {
    color: #fff !important;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.transition-03 {
    -webkit-transition: .3s all ease-out;
    -o-transition: .3s all ease-out;
    transition: .3s all ease-out;
}
.h-100 {
    height: 100%!important;
}
.fw-600 {
    font-weight: 600 !important;
}
.single-sidebar{margin-bottom: 30px;margin-top: 10px;}
.single-sidebar .sec-title{
	width: 100%;
	border-bottom:2px solid #dedede
}
.single-sidebar .sec-title h3{
	font-size: 16px;
	font-weight: 700;
	color: #010E2A;
	text-transform: capitalize;
	padding-bottom: 10px;
	margin: 0px;
}
.single-sidebar i{font-weight: bold;}
ul.categories{
    clear: both;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
ul.categories>li{
    clear: both;
    position: relative;
}
ul.categories li a{
    padding: 7px 0px;
    display: block;
    color: #111;
    font-weight: 500
}
ul.categories>li:hover>a{
color: #FF0099
}
/********* product *********/
#datdichvux{padding-top: 30px;padding-bottom: 20px;background: #1F2544;}
#datdichvux h2{color: #fff; font-size: 24px;}
#datdichvux a {
    float: right;
    padding: 10px 30px;
    border: 1px solid #fff;
    margin-top: -7px;
    font-family: 'sfu_futurabold';
    color: #fff;
    text-transform: uppercase;
}
#datdichvux a:hover{
	color: #f71016;
	background: #fff !important
}
.partner{padding: 40px 0px;background: #f7f7f7;}
.about_us{padding: 30px 0px;}
.about_us .title{font-weight: bold;font-size: 25px;margin-bottom: 20px;font-family: 'sfu_futuraheavy';}
.about_us .title h2{font-size: 34px;color: #ff6600;}
.about_us .content{font-size: 15px; text-align: justify;}
.about_us .content .item .images{
    width: 112px;
    height: 112px;
    border: 1px solid #f1f4f4;
    margin-right: 20px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-pack: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.about_us a{display: inline-block;color: #ff8d00;font-weight: 500;transition: all 0.5s ease;}
.about_us a:hover{color: #f00;font-weight: bold;}
.why{padding: 30px 10px;background: #f6f6f6;}
.why .item_ic{/* text-align: center; */margin-bottom: 20px;}
.why .item_ic .name_ic{font-weight: 600;font-size: 20px;margin-top: 10px;font-family: 'sfu_futuraheavy';}
.why .item_ic .desc{font-style: italic;}
.why .item_ic a{display: inline-block;color: #000;border: solid 1px #ff8d00;padding: 8px 30px;text-transform: uppercase;font-weight: 500;transition: all 0.5s ease;margin-top: 10px;}
.why .item_ic a:hover{background: #f8b500;}
.productNb{padding: 30px 0px;background: #eef7fa;}
.brandNb{padding:30px 10px;}
.title_index{text-align: center;margin-bottom: 20px;}
.title_index span, .title_index h2{margin-top: 0px;font-weight: bold;font-size: 30px;display: inline-block;position: relative;color: #ff6600;padding-left: 15px;padding-right: 15px;font-family: sfu_futuraheavy;}
.a-filter-child{box-shadow: none;border: solid 1px #ddd;border-radius: 22px;padding: 8px 16px;}
.a-filter-child:hover, .a-filter-child.active{
    background: #42b727;
    color: #fff;
}
.productListNb{padding: 30px 0px;}
.xemthem{text-align: center;margin-top: 10px;clear: both;padding: 20px;display: block;}
.xemthem a{color: #127f4f;font-weight: 500;font-size: 15px;display: inline-block;border: 2px solid #127f4f;padding: 5px 25px; transition: all 0.5s ease}
.xemthem a:hover{background: #127f4f; color: #fff;}
.formOrder{background: url(../images/camranh-1.jpg) no-repeat center;background-size: cover;padding: 20px;}
.formOrder .content{max-width: 800px;margin: auto;background: #fff;border-radius: 5px;padding: 30px;}
.action{padding: 40px 0px;}
.action .item_action{text-align: center;color: #fff;border: solid 1px #fff;border-radius: 5px;padding: 15px;margin-bottom: 15px;}
.action .item_action .name{margin-top: 10px;}
.action .item_action p{margin: 0px;}
.reviews{padding: 40px 0px;}
.reviews .item_yk{text-align: center;padding: 15px;}
.reviews .item_yk img{border-radius: 50%;margin: auto;margin-bottom: 20px;}
.reviews .item_yk .name{font-weight: bold;font-size: 15px;}
#map_canvas iframe{width: 100%;height: 200px;}
.groupNews{padding: 30px 0px;}
.item_news .images{position: relative;}
.item_news .name{color: #000000;font-weight: 600;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.item_news .date{color: #41b883;font-size: 13px;bottom: 5px;left: 10px;}
.item_news p{font-size: 14px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px;}
.line-row {
    padding: 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}
.title_web{
    margin-top: 15px;
    position: relative;
    border-bottom: solid 2px #ececec;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #127f4f;
    margin-bottom: 20px;
    font-family: sfu_futuraheavy;
    margin-top: 0px;
    }
.title_web b{font-weight: 900;}
.title_web:before{background: #127f4f; content:'';width: 80px;height: 2px;position: absolute;left: 0px;bottom: -1.5px}
.title_all{color: #333;font-weight: 900;font-size: 22px;padding-bottom: 15px;background: url(../images/line_h2.png) repeat-x bottom left;margin: 15px 0px;}
.border-block {
    position: relative;
    display: block;
    margin-bottom: 20px;
    border-radius: 8px;
    border: #eee solid 1px;
    box-shadow: 0 6px 12px 0 rgb(0 0 0 / 5%);
    padding: 1rem;
    margin-bottom: 5px;
}
.size-item {
    padding: 5px;
    min-width: 89px;
    vertical-align: middle;
    color: #888;
    font-size: 12px;
}
.size-item b{display: block;}
.class_fillter_tab {
    border-radius: 32px;
}
.slick-slide.item_product{margin: 10px;}
.item_product{font-size: 13px;background: #fff;padding: 10px;}
.item_product .images{position: relative;margin-bottom: 15px;}
.item_product .images .icon_hot{position: absolute;left: 0px;top: 10px;z-index: 2;background: #BDA87F;height: 30px;text-align: center;line-height: 30px;display: block;color: #fff;font-size: 12px;padding-left: 10px;padding-right: 10px;font-weight: 300;}
.item_product .info{
}
.item_product .name{color: #444;margin-bottom: 10px;line-height: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.item_product .name h3{font-size: 15px;text-transform: uppercase;margin: 0px;color: #ff6600;/* font-family: sfu_futuraheavy; */}
.item_product .name h3:hover{color: #000;}
.item_product p{
	    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.detail_product{padding: 20px 0px;}
.product_info{position: relative;}
.product_info .productName{font-size: 1.5rem;text-transform: uppercase;color: #005e99;font-weight: 900;}
.product_info .detail{
	position: relative;
	display: block;
	margin-bottom: 20px;
	border-bottom: #eee solid 1px;
	padding: 1rem;
	margin-top: 10px;
}
.product_info .detail ul{list-style: none; padding: 0px;}
.product-price span{text-decoration: line-through;margin-right: 10px;}
.product-price{font-weight: 600;}
.product-price strong{color: #ea001b;font-size: 20px;display: inline-block;margin-right: 20px;}
.product-price strong.text-primary{position: relative;padding: 5px 7px 2px 7px;background: #BDA87F;color: #fff !important;font-size: 13px;margin-left: 8px;}
.product-price strong.text-primary:after{position: absolute;left: -3px;top: 8px;width: 8px;height: 8px;background: #BDA87F;content: "";display: block;transform: rotate(45deg);}
.product_info .masp{color: #249d44;}
.product_info .item-group-icon{
    color: #ee3e80;
    margin-right: 15px;
    font-size: 18px;
    position: relative;
    display: inline-block;
    margin-top: 6px;
    cursor: pointer;
}
.btn_addcart{
    background: #BDA87F !important;
    display: inline-block;
    overflow: hidden;
    clear: both;
    font-size: 16px;
    padding: 9px 20px;
    border-radius: 4px;
    line-height: normal;
    text-transform: capitalize;
    color: #fff!important;
    text-align: left;
    text-decoration: none;
    border-bottom: 0!important;
    width: 100%;
    max-width: 350px;
}
.btn_addcart .text{overflow: hidden;}
.btn_addcart svg{float: left;margin-right: 20px;margin-top: 10px;}
.btn_addcart span{display: block;font-weight: 300;font-size: 14px;}
.btn_addcart strong{font-weight: 900;}
.product_info .item-group-icon span{position: absolute;background: #f5a623;text-align: center;border-radius: 10px;font-size: 10px;min-width: 20px;top: -6px;right: -13px;color: #fff;}
.product_info .btn_share{
    display: inline-block;
    border: solid 1px #1e68df;
    padding: 2px 10px;
    border-radius: 5px;
    vertical-align: top;
    color: #1e68df;
    cursor: pointer;
    font-size: 13px;
}
.product_info .btn_share i{color: #1266f1;}
.product_info .promotion{border-radius: 10px;border: solid 1px #ddd;margin-top: 10px;overflow: hidden;}
.product_info .promotion > .title{border-bottom: solid 1px #ddd;color: #249d44;font-weight: bold;font-size: 18px;padding: 5px 10px;}
.product_info .promotion .product-gift .title{cursor: pointer;}
.product_info .promotion .product-gift .title span{background: #249d44;color: #fff;text-align: center;width: 25px;display: inline-block;border-radius: 50%;}
.product_info .promotion .product-gift .group{display: none;}
.product_info .promotion .product-gift .group.selected{display: block;}
.product_info .promotion .product-gift label{border: solid 1px #ddd;margin-right: 13px;border-radius: 5px;cursor: pointer;position: relative;height: 32px;vertical-align: middle;}
.product_info .promotion .product-gift img{
    max-width: 30px;
    border-radius: 5px;
}
.product_info .promotion .product-gift .active span{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
    background-color: #249d44;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: center;
    position: absolute;
    border-radius: 50%;
    right: -10px;
}
.product_info .promotion .product-gift a{line-height: 25px;}
.promoSelect{padding: 10px;background: #ffde81!important;font-size: 12px;}
.promoSelect .name{background: url(../images/check.png) no-repeat left center;background-size: 15px;padding-left: 20px;}
.option-title {font-weight: bold;}
.getSize .item_option{display: inline-block;border-radius: 8px;border: #ccc solid 1px;color: #888;font-size: 13px;padding: 6px 20px;cursor: pointer;}
.getSize .item_option.active{position: relative;border-color: #42b727;}
.getSize .item_option.active:after{content: '';background: url(../images/check.png) no-repeat left center;background-size: 15px;width: 15px;height: 15px;position: absolute;top: -5px;right: -5px;}
.cart_button_quantity button, .cart_button_quantity input{height: 40px;padding: 10px;width: 40px;}
.productBuy{}
.title_buy{color: #005e99;font-weight: 900;font-size: 18px;margin-bottom: 15px;text-transform: uppercase;margin-top: 15px;border-bottom: solid 1px #ddd;}
.title_buy span{background: #ddd; padding: 10px 20px; border-radius: 5px 5px 0px 0px; display: inline-block; color: #000; font-weight: 300;}
.border-radius{border-radius: 5px;}
.commit ul{list-style: none; padding: 0px;}
.commit ul li{background: url(../images/check.png) no-repeat left top 5px; background-size: 15px; padding-left: 25px}
.hotline_detail a{display: block;font-weight: bold;font-size: 22px;color: #f00;}
.contentDetail{position: relative;margin-bottom: 30px;}
.contentDetail .readMore{position: absolute;width: 100%;height: 60px;bottom: 0px;text-align: center;padding-top: 20px;background: linear-gradient(to bottom,transparent 0%,#fff 60%)!important;}
.contentDetail .readMore .btn_readmore{ border: solid 1px #239808; color: #239808; transition: all 0.5s ease}
.contentDetail .readMore .btn_readmore:hover{stroke: #fff; background: #239808; color: #fff}
.contentDetail .readMore .btn_readmore:hover svg path{stroke: #fff; !important}
.container_mid img{max-width: 100%; height: auto;}
.item-title a {
    color: #333; font-size: 14px;
}
.table-order{font-size: 13px;}
.table-order tbody>tr:first-child td {
    padding-top: 16px;
    border-top: none;
}
.table-order tbody td {
    border: none;
    padding-top: 11px;
    padding-bottom: 11px;
}
.table:not(.table-bordered) tr td:first-child {
    padding-left: 0;
}
.cartTotal{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.cartTotal .title_buy{font-size: 15px; margin-bottom: 10px;}
.cartTotal .btnApply, .cartTotal .btnCancel{width: 85px;color: #249d44;background: #fff;border: 1px solid #249d44;text-transform: none;font-size: 12px;border-radius: 20px;padding: 5px 10px;margin-left: 10px;height: 30px;}
.cartTotal .btnCancel{display: none;}
.cartTotal #promotion_code{font-size: 14px;}
.cartTotal .item{position: relative;font-size: 13px;margin-bottom: 5px;}
.cartTotal .item span{font-size: 16px;right: 0px;}
.cartTotal .total{margin-top: 10px; font-weight: bold;}
.cartTotal .total span{color: #f00; font-size: 20px;}
#frmCart .btnBuy{margin: 15px 0px;background: #4572da;color: #fff;border-radius: 30px;display: block;font-size: 15px;width: 100%;}
.formCart{border-top: solid 4px #ddd; padding-top: 20px;}
.formCart .content{max-width: 500px; margin: auto;}
.text-ellipsis{
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
}
footer{}
#endFT{background: #1F2544;padding: 30px 10px;color: #fff;}
#endFT #button-addon2{background: #fc205c;color: #fff;border: none;width: 120px;border-radius: 0px;height: 40px;}
#endFT .form-control{height: 40px; font-size: 14px; border: solid 1px #ddd; border-radius: 0px;}
footer .title_ft{margin: 0px;padding: 0px;font-size: 17px;text-transform: uppercase;color: #fff;position: relative;margin-bottom: 10px;padding-bottom: 10px;font-weight: bold;}
footer .title_ft:after{content:'';position: absolute;left: 0px;bottom: 0px;height: 2px;background: #fff;display: block;z-index: 1;width: 80px;}
footer ul{list-style: none; padding: 0px;}
footer ul li a{color: #fff;margin-bottom: 8px;display: block;}
footer ul li a:hover{color: #ff0;}
footer .item{display: inline-block;max-width: 70px;}
footer ul.info li{margin-top: 10px;}
footer ul.info li i{width: 22px;float: left;height: 22px;text-align: center;line-height: 22px;border: 1px solid #fff;color: #fff;margin-right: 10px;border-radius: 100%;display: block;font-size: 12px;}
#support{padding: 30px 0px;}
.icons-lg{width: 40px; height: 40px;}
.icons {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-size: 100% 100%;
    vertical-align: top;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.icons.icon-facebook {
    background-image: url(../images/facebook.svg);
}
.icons.icon-youtube {
    background-image: url(../images/youtube.svg);
}
.icons.icon-instagram {
    background-image: url(../images/instagram.svg);
}
.thongke p{margin-bottom: 5px;}
.copyright{background: #474F7A;color: #fff;line-height: 45px;}
.copyright a{color: #ff0;}
.modalOrder{max-width: 1000px;}
.modalCustom{font-size: 15px;}
.modalCustom .modal-body{background: #dedede;}
.modalOverideInner{padding: 20px;background: #fff;border: solid 1px #b9b9b9;position: relative;}
.box-company span{color: #f89d20;font-weight: bold;font-size: 18px;}
.box-company p{margin-bottom: 10px;}
.box-company i{color:#f89d20;}
.box-ungvien span{color: #02528e;font-weight: bold;font-size: 18px;}
.box-ungvien p{margin-bottom: 10px;}
.box-ungvien i{color:#02528e;}
.button-orange{background:#f89d20; color: #fff; font-size: 16px; font-weight: bold;}
.button-blue{background:#02528e; color: #fff; font-size: 16px; font-weight: bold;}
.button-blue:hover{color: #ff0;}
.btn-facebook {
    background: #337ab7;
    color: #fff !important;
    font-size: .75rem;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    height: 40px;
    border: 0;
    -webkit-transition: .2s all ease;
    -o-transition: .2s all ease;
    transition: .2s all ease;
    text-transform: none;
    padding: 0px 10px 0px 0px;
}
.btn-facebook i {
    width: 40px;
    height: 100%;
    background: #2c699e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 5px;
}
.btn-facebook:hover{background: #2c699e;}
.btn-google {
    background: #c9302c;
    color: #fff !important;
    font-size: .75rem;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    height: 40px;
    border: 0;
    -webkit-transition: .2s all ease;
    -o-transition: .2s all ease;
    transition: .2s all ease;
    text-transform: none;
    padding: 0px 10px 0px 0px;
}
.btn-google i {
    width: 40px;
    height: 100%;
    background: #b12a27;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 5px;
}
.btn-google:hover{background: #b12a27;}
.modalCustom .modal-header{
    background: #249d44;
    color: #fff;
    text-align: center;
    padding: 7px 20px;
}
.modalCustom .close{
    background: #036516;
    width: 50px;
    height: 40px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    opacity: 1;
    font-weight: 400;
}
.registerForm{}
.registerForm .title{
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1rem;
    color: #249d44;
    margin-bottom: 10px;
}
.registerForm .infoLogin .title{
    background: #f3f3f3;
}
.error{color: #f00; font-size: 12px; margin: 10px 0px;}
.image_avatar{max-width: 120px;}
.registerForm .infoUser{max-width: 600px;border-left: solid 1px #ddd;padding-left: 20px;font-weight: 500;}
#nav_left{
    background: #fff;
}
#nav_left ul{padding: 0px;list-style: none;border: solid 1px #ddd;}
#nav_left ul li{
    padding: 10px 20px;
    border-bottom: solid 1px #ddd;
}
#nav_left ul li:last-child{border: none;}
#nav_left ul li a{display: block;color: #000;}
#nav_left ul li a:hover{color: #f00;}
#nav_left ul li a i{color: #f00;}
.list-item-content{margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #ddd; font-size: 13px;}
.list-item-content .list-item-name a{
    height: 22px;
    line-height: 22px;
    color: #02528e;
    font-weight: 700;
    font-size: 15px;
}
.list-item-content .list-item-address a{color: #888;font-size: .9rem !important; text-transform: uppercase;}
.list-item-content i{color: #02528e; font-size: 14px;}
.divInfo{
    position: relative;
    overflow: hidden;
    line-height: 24px;
    padding: 15px;
    background: #fff;
}
.divInfo:before{content: '';position: absolute;top: 0;left: 0;height: 90px;width: 100%;background-color: #02528e;z-index: 1;}
.divInfo .images{
    display: table-cell;
    width: 145px;
    position: relative;
    margin-top: 5px;
    margin-right: 10px;
    z-index: 2;
}
.divInfo .images .pictureBackground{
    width: 145px;
    height: 145px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 3px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    background: #fff no-repeat center center;
    background-size: cover;
    border: solid 1px #ddd;
    margin: auto;
}
.divInfo .info{
    width: 100%;
    display: table-cell;
    vertical-align: top;
    padding-left: 13px;
    position: relative;
    z-index: 2;
}
.divInfo .info .name{
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
    padding-top: 13px;
    padding-bottom: 7px;
}
.divInfo .info .job{
    font-size: 17px;
    font-weight: 300;
    color: #ffe14f;
    margin: auto;
    padding: 0 0 5px 0;
    text-transform: capitalize;
}
.divInfo .info i{
    width: 24px;
    height: 24px;
    margin-right: 0;
    display: inline-block;
    color: #02528e;
    padding-left: 1px;
    border-radius: 50%;
    line-height: 26px;
    font-size: 14px;
}
.divInfo .info .badge-info{
    background: #5bc0de;
    font-size: 0.7rem;
    padding: .3em .6em .15em;
    font-weight: 500;
}
.titleProfile{
    margin-top: 0;
    position: relative;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 10px;
}
.titleProfile i{
    width: 34px;
    height: 34px;
    background: #02528e;
    color: #fff;
    display: inline-block;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
    padding-left: 1px;
    font-size: 16px;
}
.titleProfile span{
    background: #fff;
    padding-right: 10px;
    z-index: 2;
    position: relative;
    font-size: 16px;
    display: inline-block;
}
.titleProfile:before{
    content: "";
    position: absolute;
    top: 17px;
    left: 0;
    height: 4px;
    background-color: #f1f1f1;
    width: 100%;
}
.divProfile{
    font-size: 0.95em;
    line-height: 28px;
}
.divProfile i{display: inline-block;  margin-right: 5px;}
.infoLeft{font-size: 14px;}
.infoLeft .title{
    text-align: center;
    font-weight: 700;
    color: #232323;
    font-size: 1rem;
    padding: .75rem 0;
    border-bottom: 1px solid #d1d1d1;
    text-transform: uppercase;
}
.divDetail{font-size: 14px;}
.divDetail .images{    width: 180px;}
.divDetail .images .pictureBackground{
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.divDetail .info{}
.divDetail .info .name{
    font-size: 1.15rem;
    margin-bottom: .4rem;
    line-height: 1.4;
    font-weight: 700;
    color: #02528e;
}
.divDetail .info .job{
    font-weight: 700;
    color: #232323;
    margin-bottom: .4rem;
    font-size: 1rem;
}
.divDetail .info .address{
    font-size: .9rem;
    color: #888;
    margin-bottom: .4rem;
}
.divDetail .info p{ margin-right: 10px;}
.newDetailPage .date{margin-bottom: 15px;color: #817f7f;}
.newDetailPage .title{
    color: #ee3e80!important;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 35px;
    margin-bottom: 15px;
    font-size: 17px;
}
.item-news-list{list-style: none;padding: 0px;}
.item-news-list a{display: block;padding: 10px;border-bottom: 1px #e7e7e7 solid;color: #4a4a4a;position: relative;font-size: 13px;}
.item-news-list i{position:absolute;right: 0px;top: 50%;transform: translateY(-50%);}
.item-news-list a:hover, .item-news-list a.active{color: #f00;}
.cardNews{position: relative;margin-bottom: 20px;}
.cardNews .bg-image{
    width: 100%;
}
.cardNews .bg-image .pictureBackground{
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.cardNews .card-title{
    font-weight: 600;
    font-size: 16px;
    color: #02528e;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.cardNews .card-body p{
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    color: #7d7d7d;
    font-size: 14px;
}
.item_coupon{
    background: #f3f3f3;
}
.item_coupon .code{color: #fff;background: #249d44;padding: 20px;margin-right: 15px;font-weight: bold; position: relative;}
.item_coupon .code:after{content: '';width: 10px;height: 10px;background: #fff;position: absolute;border-radius: 50%;top: -5px;right: -5px;}
.item_coupon .code:before{content: '';width: 10px;height: 10px;background: #fff;position: absolute;border-radius: 50%;bottom: -5px;right: -5px;}
.item_coupon .info{padding: 10px;}
.item_coupon .desc{color: #249d44; font-weight: bold;}
.item_thongbao .name{font-weight: bold; text-transform: uppercase;}
.item_comment .images{width: 80px; margin-right: 15px;}
.item_comment .images img{box-shadow: 0px 0px 3px #ccc;border-radius: 5px;}
.item_comment .info{width: 100%;}
.item_comment .name{font-weight: bold;}
.item_comment .price span{text-decoration: line-through;margin-right: 10px;}
.item_comment .price strong{color: #ee3e80;font-size: 20px;display: inline-block;margin-right: 20px;}
.item_comment .price strong.text-primary{font-size: 18px;}
.item_comment .comment{position: relative;padding: 10px;border-radius: 8px;border: solid 1px #ffaaca;font-size: 13px;font-weight: 700;margin-bottom: 12px;}
.item_comment .comment:before, .item_comment .comment:after{
	content: "";
	position: absolute;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	top: -6px;
	left: 20px;
	margin-left: -6px;
}
.item_comment .comment:before{border-bottom: 6px solid #ffaaca;}
.item_comment .comment:after{
	border-bottom: 6px solid #fff;
    margin-top: 1px;
    z-index: 1;
}
.item_comment .reply .names{font-weight: bold;}
.item_comment .reply .names span{ font-weight: normal;}
.item_comment .reply .icon{width: 50px;margin-right: 20px;background: #239808;color: #fff;border-radius: 5px;height: 50px;text-align: center;line-height: 50px;font-weight: bold;font-size: 18px;margin-top: 10px;}
.item_comment .reply .infocom_ask{
	background: #f2f3f5;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 10px;
	width: 100%;
}
.store{}
.store .province_store{display: inline-block;width: 100%;height: calc(2rem + 2px);padding: .375rem 1.75rem .375rem .75rem;line-height: 1.4285714286;color: #333;vertical-align: middle;background: #fff;background-size: 8px 10px;border: 1px solid #ccc;border-radius: 20px;-webkit-appearance: none;-moz-appearance: none;appearance: none;margin-bottom: 10px;}
.store .district_store{width: 100%;display: inline-block;height: calc(2rem + 2px);padding: .375rem 1.75rem .375rem .75rem;line-height: 1.4285714286;color: #333;vertical-align: middle;background: #fff url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E) no-repeat right .75rem center;background-size: 8px 10px;border: 1px solid #ccc;border-radius: 21px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.show_find_store{list-style: none;padding: 10px;}
.show_find_store li{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 18px;
}
.shop-list>li .btn{
	-ms-flex: 0 0 auto;
    flex: 0 0 auto;
    white-space: nowrap;
    margin-left: 10px;
    padding-left: 14px;
    padding-right: 14px;
}
.btn-outline-primary {
    color: #ee3e80;
    background-color: transparent;
    background-image: none;
    border-color: #ee3e80;
}
.masonry-with-columns {
	columns: 4 300px;
	column-gap: 1rem;
}
.item-photo{position: relative; overflow: hidden;}
.item-photo:before{content: '';background: rgba(0,0,0,0.5);width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all 0.5s ease;opacity: 0;}
.item-photo:hover:before{opacity: 1;}
.item-photo a{
    position: absolute;
    /* border: solid 1px #fff; */
    padding: 10px;
    font-size: 20px;
    border-radius: 5px;
    top: -40px;
    left: 50%;
    color: #fff;
    transform: translateY(-50%);
    transition: all 0.5s ease;
}
.item-photo a.fancybox{
    left: calc(50% - 44px);
}
.item-photo:hover a{top: 50%;}
/* css grid */
.grid_container{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 20px;
}
.grid_container1{
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-gap: 15px;
}
.columns-md-1{grid-column-end: span 1;}
.columns-md-2{grid-column-end: span 2;}
.columns-md-3{grid-column-end: span 3;}
.columns-md-4{grid-column-end: span 4;}
.columns-md-5{grid-column-end: span 5;}
.columns-md-6{grid-column-end: span 6;}
.columns-md-7{grid-column-end: span 7;}
.columns-md-8{grid-column-end: span 8;}
.columns-md-9{grid-column-end: span 9;}
.columns-md-10{grid-column-end: span 10;}
.columns-md-11{grid-column-end: span 11;}
.columns-md-12{grid-column-end: span 12;}
/* end css grid */
.transform-none{text-transform: none}
.progess{background: #249d44;position: fixed;right: 0px;bottom: 0px;color: #fff;padding: 5px 15px;z-index: 10001;display: none;}
.ic-menu-bar{display: none;}
@media (max-width: 768px){
   .ic-menu-bar{position: absolute;top: 14px;right: 10px;display: block;width: 75px;}
    .ic-menu-bar .bar1, .ic-menu-bar .bar2, .ic-menu-bar .bar3{width: 25px;height: 3px;background-color: #ffffff;margin: 6px 0;transition: .4s;cursor: pointer;}
    .ic-menu-bar span{position: absolute;right: 0px;top: 5px;font-weight: bold;}
	nav#menu{position: fixed;z-index: 1001;width: 300px;background: #fff;height: 100%;top: 0px;left: -100%;overflow-y: auto; margin-top: 0px;}
    nav#menu .close{position: absolute;width: 30px;height: 30px;right: 10px;top: 10px;z-index: 101;}
    nav#menu .close:after{content: '';background-color: #3d4d65;position: absolute;right: 0px;bottom: 1px;width: 25px;height: 2px;-webkit-transform: rotate(45deg) translate(-7px,-7px);transform: rotate(45deg) translate(-7px,-7px);}
    nav#menu .close:before{content: '';-webkit-transform: rotate(-45deg) translate(-6px,6px);transform: rotate(-45deg) translate(-6px,6px);background-color: #3d4d65;position: absolute;right: 0px;top: 8px;width: 25px;height: 2px;}
    nav#menu ul::-webkit-scrollbar {
		width: 6px;
    }
    /* Track */
    nav#menu ul::-webkit-scrollbar-track {
		background: #f1f1f1;
    }

    /* Handle */
    nav#menu ul::-webkit-scrollbar-thumb {
		background: #afafaf;
    }
    /* Handle on hover */
    nav#menu ul::-webkit-scrollbar-thumb:hover {
		background: #555;
    }
    nav#menu ul{text-align: left;}
    nav#menu ul li:hover > .parent-menu{position: relative; width: 100%; top: 0px; border-radius: 0px; box-shadow: none;}
    nav#menu ul li{display: block;}
    nav#menu ul li a{padding: 11px 10px;color: #353535;border-bottom: solid 1px #ddd;}
    nav#menu .btn{margin: 10px;}
    nav#menu ul ul:before, nav ul ul:after{display: none;}
    nav#menu ul ul li{border: none;}
    nav#menu ul ul ul{position: relative;opacity: 1;left: 0px;}
    nav#menu ul li .sub_menu{display: none;}
	nav#menu ul li .sub_menu1{
		position: absolute;
		top: 20px;
		right: 4px;
		width: 20px;
		height: 20px;
		background: rgba(51,51,51,0.1);
		opacity: .6;
		cursor: pointer;
		z-index: 10101;
		border: solid 1px #000;
		color: #000;
		font-size: 18px;
		text-align: center;
		line-height: 20px;
	}
	nav#menu ul li .sub_menu1:before{content:'+'}
	nav#menu ul li .sub_menu1.active:before{content:'-'}
	/* css grid */
	.columns-sm-1{grid-column-end: span 1;}
	.columns-sm-2{grid-column-end: span 2;}
	.columns-sm-3{grid-column-end: span 3;}
	.columns-sm-4{grid-column-end: span 4;}
	.columns-sm-5{grid-column-end: span 5;}
	.columns-sm-6{grid-column-end: span 6;}
	.columns-sm-7{grid-column-end: span 7;}
	.columns-sm-8{grid-column-end: span 8;}
	.columns-sm-9{grid-column-end: span 9;}
	.columns-sm-10{grid-column-end: span 10;}
	.columns-sm-11{grid-column-end: span 11;}
	.columns-sm-12{grid-column-end: span 12;}
	/* end css grid */
	.productNb .slick-next{right: 0px;z-index: 101;background-color: #fff;}
	.productNb .slick-prev{left: 0px;z-index: 101;background-color: #fff;}
	.newDetailPage table{width: 100% !important;}
}
@media (max-width: 600px){
    .box_search{position: absolute;transform: inherit;right: 0px;bottom: 12px;background: #fff;color: #000;}
    .searchNC, .searchNC a{color: #000;}
    .searchNC .search-action{text-align: center;}
    .logo{text-align: center;}
    .divInfo .images{width: 100%;display: block;}
    .divInfo .info .name{color: #000;}
	/* css grid */
	.columns-xs-1{grid-column-end: span 1;}
	.columns-xs-2{grid-column-end: span 2;}
	.columns-xs-3{grid-column-end: span 3;}
	.columns-xs-4{grid-column-end: span 4;}
	.columns-xs-5{grid-column-end: span 5;}
	.columns-xs-6{grid-column-end: span 6;}
	.columns-xs-7{grid-column-end: span 7;}
	.columns-xs-8{grid-column-end: span 8;}
	.columns-xs-9{grid-column-end: span 9;}
	.columns-xs-10{grid-column-end: span 10;}
	.columns-xs-11{grid-column-end: span 11;}
	.columns-xs-12{grid-column-end: span 12;}
	/* end css grid */
	header .infoSite{display: none;}
}