:root {
	--primary-color:#f37720;
	--primary-color-darken:#da5f0b;
	--height-100:calc(var(--vh, 1vh) * 100);
	--box-shadow-sm:1px 2px 5px -2px #333;
	--border-radius-sm:0.8rem;
	--step:#f37720;
}
body { font-family: 'Prompt', sans-serif;font-weight: 300;background:#f0f0f0; }

a, a:hover {text-decoration: none;} a.light{color:rgba(255,255,255,0.8) !important;} a.light:hover{color:#fff !important;}a.dark{color:rgba(0,0,0,0.8) !important;} a.dark:hover{color:#000 !important;}
a.disabled {color: gray;pointer-events: none;}

.form-control:placeholder,.form-control:-ms-input-placeholder, .form-control:-moz-placeholder, .form-control:-webkit-input-placeholder {color: #6c757d;opacity:0.9;font-size:10px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 400;}
.lnh-1{line-height: 1;}

label.required:after{ content:'*';color:#e83e8c;margin-left:3px;}
.err_report{color:#e83e8c;}
.img_h250_box{ width:100%;height:250px;border:1px solid rgba(0, 0, 0, 0.1); display: flex;justify-content: center;align-items: center; border:0px solid rgba(0, 0, 0, 0.1);}
.img_h250_box img{max-width:calc(100% - 2px - 2px) !important;height:calc(250px - 2px - 2px) !important;object-fit: cover;}
.img_thum_box{ width:80px;height:80px; display: flex;justify-content: center;align-items: center; border:1px solid rgba(0, 0, 0, 0.1);border-radius:4px; }
.img_thum_box img{max-width:calc(80px - 2px - 2px);height:calc(80px - 2px - 2px);object-fit:contain;}
   
.img_fit {
    max-width: 100%;
    max-height: 100%;
    object-fit:cover;
}
/* ced4da e6e9ec */

.brr{ border:1px solid red;} .brg{ border:1px solid green;} .brb{ border:1px solid blue;}
.bg-light-pink{background-color:#fde4d2;}
.btn-outline-light {color: #c2c7cc;border-color: #ced4da;}
.btn-outline-light:hover {color: #212529;background-color: #f8f9fa;border-color: #ced4da;}
.btn-outline-white{border: 1px solid #ced4da;}
.btn-outline-white:hover{border: 1px solid var(--primary-color);}

.text-facebook{color:#3e5c9a;}
.text-twitter{color:#52a7e7;}
.text-instagram{color:#bd008b;}
.text-google-plus{color:#d44e43;}
.text-hilight{color:#e83e8c;}

.btn-white{background:#fff;color:var(--primary-color);border: 1px solid #dee2e6;}
.btn-white:hover{color:var(--primary-color-darken);border: 1px solid var(--primary-color);}
.btn-white.active{color:#fff;background:var(--primary-color);border: 1px solid var(--primary-color);}

.fz-18{font-size:18px;}
.fz-30{font-size:30px;}
.fz-2x{font-size:2rem;}
.fz-3x{font-size:3rem;}
.fzr-1x{font-size:20px;}
.fzr-2x{font-size:24px;}
.fzr-3x{font-size:42px;}

.nor_box{padding:15px;box-shadow:var(--box-shadow-sm);}
.nor_shadow{box-shadow:var(--box-shadow-sm);}
.nor_box_sd{padding:15px;box-shadow:0px 0px 5px -4px #333;border:1px solid #dae0e6;border-radius:0.2rem;}

.nor_box_link{padding:15px;box-shadow:0px 0px 5px -4px #333;border-radius:0.2rem;cursor:pointer; border:1px solid #dae0e6;}
.nor_box_link:hover{border:1px solid var(--primary-color);}


/* layout */
.header_row{height:90px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;transition: height .25s;}
.scrollbar_wrapper{ height:calc(var(--height-100) - 90px);}
.header_row_parent{background:var(--primary-color);position:relative;z-index:1;}
.header_row_parent.scrolled{box-shadow:1px 2px 3px -2px #808080;}
.header_row_parent.scrolled .header_row{height:70px;}
.scrollbar_wrappe.scrolledr{ height:calc(var(--height-100) - 70px);}

/* header_row */
.header_row i{color:#fff;font-size:16px;}
.header_row .icon-logo-short, .header_row .brand_full{font-size:22px;}
.profile{display:flex;align-items:center;justify-content:center;color:#fff;opacity:0.8;width:40px;height:40px;background:#743c18;border-radius:50%;box-shadow:var(--box-shadow-sm);cursor:pointer;}
.profile:hover, .profile:hover i{color:#fff;opacity:1;}
.header_row .icon_tools .badge{width:15px;height:15px;border-radius:50%;background:#743c18;padding:2px 0px 0px 0px;font-size:10px;font-weight:300;color:#fff;vertical-align: top;margin-top:-9px;margin-left:-5px;}
.profile a{font-size:18px;font-weight:400;padding:7px 8px;}
.profile a.txt_sm{font-size:9px;padding:8px 5px;}

/* search_input */
.search_input{ position:relative;}
.search_input .form-control{border:none !important;}
.search_input .input-group{ border-radius: 6px;border: 1px solid transparent;  }
.search_input .form-control{background:#fff;font-size:14px;height:calc(14px + 20px + 0px);padding:10px 15px;border-radius: 6px;}
.search_input button{background:#fff;border-radius: 6px;padding-left:8px;padding-right:8px;padding-bottom:0px;padding-top:3px;}
.search_input button i{font-size:18px;border-radius: 6px;}
.search_input .form-control:focus, .search_input button:focus {box-shadow: none !important;}
.search_input button:hover i{opacity:1;}
.search_result_list{position:absolute;left:0px;top:40px;background:#fff;padding:15px;border-radius: 6px;width:100%;display:none;box-shadow: var(--box-shadow-sm);}

/* navbar toggle */
#navbar_toggle{z-index:300;position:absolute;left:0;top:70px;background:#fff;width:100%;box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.4);}
#navbar_toggle li{position:relative;padding:8px 15px;background:#fefefe;}
#navbar_toggle li:after{content:'';background:rgba(0,0,0,0.1);position:absolute;left:0;top:0px;height:calc(100% - 1px);width:4px;}
#navbar_toggle li.active:after{background:var(--primary-color);}
#navbar_toggle li:first-child{ border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);}
#navbar_toggle li:not(:first-child){ border-bottom:1px solid rgba(0,0,0,0.1);border-top:1px solid rgba(255,255,255,0.7); }
#navbar_toggle li:hover{background:#ffffff;}

/* carousel */
.carousel_main_row{ width:100%;position:relative;background:linear-gradient(180deg, rgba(243,119,32,1) 0%, rgba(255,183,0,1) 80%, rgba(255,255,255,1) 80%); }
#carousel_main .slide_item{height:140px;background-position:center;background-repeat:no-repeat;background-size:cover;}
#carousel_main{box-shadow:0px 0px 5px -3px #333;border-bottom:1px solid #fff;border-top:1px solid rgba(255,255,255,0.6);border-left:1px solid rgba(255,255,255,0.6);border-right:1px solid rgba(255,255,255,0.6);}

/* profile   */
.profile_body{ width:100%;height:120px;position:relative;background:linear-gradient(180deg, rgba(243,119,32,1) 0%, rgba(255,183,0,1) 80%, rgba(255,255,255,1) 80%);
position:absolute;top:0px;left:0px;z-index:-1; }

.profile_top_row{height:70px;background-image: url("../img/profile_top_row.png");background-position:120px 0px;background-repeat:no-repeat;background-size:auto;
border-radius:0 0.2rem 0 0;display:flex;}
.profile_top_row > div:nth-child(1){flex: 0 0 36%; position:relative;}
.profile_top_row > div:nth-child(2){flex: 0 0 4%;}
.profile_top_row > div:nth-child(3){flex: 0 0 20%;}
.profile_top_row > div:nth-child(5){flex: 0 0 20%;}
.profile_top_row > div:nth-child(5){flex: 0 0 20%;}
.profile_top_row_img_box{ position:absolute; top:0px; left: 50%; transform: translateX(-50%); border:1px solid #eee; width:70%; margin:0 auto; max-height:100px;}
.profile_person{max-width:100%;max-height:100px;object-fit: cover; display: block;margin:0 auto;}

.profile_box_left{ margin-top:-1px;padding:15px;background:#fff;border-radius:0 0 0.2rem 0.2rem;box-shadow:1px 4px 5px -4px #333; }
.profile_menu a{ padding-left:0px;border-top:1px solid #eee;color:rgba(0,0,0,0.7); }
.profile_menu a:hover{color:var(--primary-color);}
.profile_menu a.active{color:var(--primary-color);}

/* merchant products transparent */
.merchant_top_row_logo_box{
	position:absolute; top:40px; left: 50%; transform: translateX(-50%); border:2px solid #eee; width:100px;height:50px; margin:0 auto;background:#F37720;
	display:flex;justify-content: center;
	box-shadow:1px 4px 5px -4px #333;border-radius:0 0 0.3rem 0.3rem;
}
.merchant_top_row_logo_box:after{
	content:'';width: 0;height: 0;
	position:absolute;left: 50%; transform: translateX(-50%);top:-77px;
	border-top: 48px solid transparent;
	border-left: 48px solid transparent;
	border-right: 48px solid transparent;
	border-bottom: 29px solid #F37720;
}
.merchant_top_row_logo_box:before{
	content:'';width: 0;height: 0;
	position:absolute;left: 50%; transform: translateX(-50%);top:-30px;
	border-left: 60px solid transparent;
	border-right: 60px solid transparent;
	border-bottom: 28px solid #fff;
}
.merchant_top_row_logo_box .icon{margin-top:1px;}

/*footer*/
.footernew{
	width:100%;padding:15px 0px;border-top:1px solid #eee;background:#F9F9FA;
	position:relative;display:flex;align-items:center;
}
.footer_menu {padding:8px 0;}
.footer_menu i{display:none;}

.copyrightnew i{font-style: normal;font-size:16px;line-height:1;font-family: Verdana,sans-serif;}
.copyrightnew span{font-size:12px;line-height:1;}

/* search */
.search_row{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;}
.search_box_icon{width:72px;height:64px;margin:10px 10px;cursor:pointer;box-shadow: var(--box-shadow-sm);border-radius:var(--border-radius-sm);
display: flex;justify-content: center;align-items:center;}
.search_box_icon{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.search_box_icon:hover{-webkit-transform: scale(1.2);transform: scale(1.2);}
.search_box_icon img{width:90%; height:90%; object-fit:contain;}

/* promotion */
.title_bar_red{
	width:100%;height:52px;background-image: url("../img/title_bar_red.png");background-position:left top;background-repeat:no-repeat;background-size:contain;background-color:#fff;
	display:flex;align-items:center;
}
/* promotion carousel  */
#carousel_promotion{padding:30px 16px;}
/* promotion product */
.promotion_row{display: flex;display: -ms-flexbox;justify-content:space-around;width:100%;height:285px;font-size:12px;}
.promotion_box{width:250px;height:280px;background:#fff;border-radius:var(--border-radius-sm);box-shadow: var(--box-shadow-sm);position: relative;margin:15px 15px;}
.promotion_img{width:250px;height:200px;margin-top:8px;display: flex;justify-content:center;cursor:pointer;}
.promotion_img img{max-width:92%;max-height:180px;object-fit: cover;}

.promotion_icon{position: absolute;left:15px;top:15px;}
.promotion_icon i{color:#EA1414;font-size:20px;display:none;}
.promotion_box:hover .promotion_icon i{display:block;}
.promotion_discount{position: absolute;width: 78.57px;height: 77.38px;right:0px;top: 0px;background-image: url("../img/discount.png");cursor:pointer;}
.promotion_discount span{color:#fff;display:block;transform: rotate(45deg);position: absolute;top:14px;right:18px;}
.promotion_txt{font-size:14px;padding:0px 15px;width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}

.promotion_price{padding:0px 15px;min-height:40px;display: flex;align-items:center;justify-content:space-between;}
.promotion_price_sale{color:var(--primary-color);font-weight:bold;font-size:20px;}
.promotion_price_full{margin-right:auto;margin-left:10px;margin-top:3px;text-decoration:line-through;color:red;}
.promotion_price_cart{width:32px;height:32px;background:var(--primary-color);border-radius:50%;display: flex;align-items:center;justify-content:center;opacity:0.9;cursor:pointer;}
.promotion_price_cart:hover{opacity:1;}
.promotion_price_cart i{color:#fff;font-size:16px;}
/*
.promotion_fav {display: inline-block;width: 15px;height: 15px;background-image: url("../img/star.png");margin-left:15px;}
.promotion_fav-2 {width: 30px;}
.promotion_fav-3 {width: 45px;}
.promotion_fav-4 {width: 60px;}
.promotion_fav-5 {width: 75px;}
*/

/*recomment*/
.recommend_row{display: flex;display: -ms-flexbox;justify-content:space-around;width:100%;height:265px;font-size:12px;}
.recommend_box{width:200px;height:260px;background:#fff;border-radius:var(--border-radius-sm);box-shadow: var(--box-shadow-sm);position: relative;}
.recommend_box{margin-left:15px;}
.recommend_img{width:200px;height:200px;margin-top:8px;display: flex;justify-content:center;cursor:pointer;}
.recommend_img img{max-width:92%;max-height:180px;object-fit: cover;}

.recommend_icon{position: absolute;left:15px;top:15px;}
.recommend_icon i{color:#EA1414;font-size:20px;display:none;}
.recommend_box:hover .recommend_icon i{display:block;}
.recommend_discount{position: absolute;width: 78.57px;height: 77.38px;right:0px;top: 0px;background-image: url("../img/discount.png");cursor:pointer;}
.recommend_discount span{color:#fff;display:block;transform: rotate(45deg);position: absolute;top:14px;right:18px;}
.recommend_txt{font-size:14px;padding:0px 15px;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}

.recommend_fav {display: inline-block;width: 10px;height: 10px;background-image: url("../img/star2.png");margin-left:15px;}
.recommend_fav-2 {width: 20px;}
.recommend_fav-3 {width: 35px;}
.recommend_fav-4 {width: 40px;}
.recommend_fav-5 {width: 50px;}

/* product not(:first-child) */
.product_container{ display: flex;flex-direction: row;flex-wrap: wrap;margin-right:-15px;margin-left:-30px;font-size:12px;padding:0 15px; }
.product_item{width:110px;height:240px;background:#fff;border-radius:var(--border-radius-sm);box-shadow: var(--box-shadow-sm);position: relative;margin-bottom:15px;}
.product_item{margin-left:15px;}
.product_img{width:110px;height:130px;display: flex;justify-content:center;}
.product_img img{width:90px; height:110px;margin-top:15px;cursor:pointer;}
.product_txt{padding:0px 15px;min-height:40px;}
.product_txt{line-height:20px;height:40px;width: 100%;overflow: hidden;white-space: normal; text-overflow: ellipsis;cursor:pointer;}
.product_price{padding:0px 15px;min-height:40px;display: flex;align-items:center;justify-content:space-between;}
.product_icon{position: absolute;left:5px;top:5px;}
.product_icon i{color:#EA1414;font-size:12px;display:none;}
.product_item:hover .product_icon i{display:block;}
.product_discount{position: absolute;width: 78.57px;height: 77.38px;right:0px;top: 0px;background-image: url("../img/discount.png");cursor:pointer;}
.product_discount span{color:#fff;display:block;transform: rotate(45deg);position: absolute;top:14px;right:18px;}
.product_price_sale{color:var(--primary-color);}
.product_price_full{margin-right:auto;margin-left:10px;margin-top:3px;}
.product_price_cart{width:24px;height:24px;background:var(--primary-color);border-radius:50%;display: flex;align-items:center;justify-content:center;opacity:0.9;cursor:pointer;}
.product_price_cart:hover{opacity:1;}
.product_price_cart i{color:#fff;font-size:12px;}
.product_fav {display: inline-block;width: 10px;height: 10px;background-image: url("../img/star2.png");margin-left:15px;}
.product_fav-2 {width: 20px;}
.product_fav-3 {width: 35px;}
.product_fav-4 {width: 40px;}
.product_fav-5 {width: 50px;}

/* categories */
.categories_header{height:60px;}
.categories_row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content: center;margin-top:-55px;margin-left:-20px;font-size:12px; }
.categories_box_icon{
	width:72px;height:64px;margin-top:20px;margin-left:20px;background:#fff;box-shadow:var(--box-shadow-sm);border-radius:var(--border-radius-sm);
	text-align:center;cursor:pointer;
	-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;
	padding-top:10px;
}
.categories_box_icon i{color:var(--primary-color);font-size:24px;}
.categories_box_icon:hover {-webkit-transform: scale(1.2);transform: scale(1.2);}

/* product detail */
.product_detail_container{ display: flex;flex-direction: row;flex-wrap: wrap;background:#fff;box-shadow:var(--box-shadow-sm); }
.product_detail_top{flex: 0 0 100%;border:1px solid plink;text-align:right;padding:15px 15px 0px 0px;}
.product_detail_left{flex: 0 0 100%;}
.product_detail_right{flex: 0 0 100%;position:relative;padding-bottom:calc(84px + 15px);}
.product_detail_top i{color:#EA1414;font-size:18px;}
.product_detail_fav {display: inline-block;width: 15px;height: 15px;background-image: url("../img/star.png");margin-left:15px;}
.product_detail_fav-2 {width: 30px;}
.product_detail_fav-3 {width: 45px;}
.product_detail_fav-4 {width: 60px;}
.product_detail_fav-5 {width: 75px;}
.product_detail_add_cart_row{
width:100%;height:84px;position:absolute;right:0px;bottom:0px;
display: flex;align-items:center;justify-content:space-between;border-radius: 15px 15px 0 0;
background-color:#fff;border:1px solid #ccc;
background-image: url("../img/add_cart_bg.png");background-position:right top;background-repeat:no-repeat;background-size:auto;}
.product_detail_add_cart_lef{flex: 0 0 50%;font-size:20px;text-align:center;}
.product_detail_add_cart_right{flex: 0 0 50%;text-align:center;font-size:20px;}
.product_inpt_qty{width:80px;display:inline-block;}


#product_detail_carousel {padding-bottom:84px;}
#product_detail_carousel .carousel-item {text-align:center;}
#product_detail_carousel .carousel-item img{height:auto;max-width:80%;}
#product_detail_carousel .carousel-indicators {height:84px;padding:0px;margin:0px;align-items:center;}
#product_detail_carousel .carousel-indicators li {text-indent:initial;opacity:1;width:auto;height:50px;background-color:none;border:1px solid #eee;}
#product_detail_carousel .carousel-indicators li img{width:auto;height:50px;}
#product_detail_carousel .carousel-indicators li.active{ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}


/* cart detail */
.cart_right{padding-bottom:calc(50px + 15px);}
.cart_row{
width:100%;height:50px;position:absolute;left:0px;bottom:0px;
display: flex;align-items:center;justify-content:space-between;
background-color:#fff;
background-image: url("../img/add_cart_bg.png");background-position:130% top;background-repeat:no-repeat;background-size:auto;}
.cart_img_box{ border:1px solid #eee; width:100%;max-height:200px;cursor:pointer;}
.cart_img{max-width:95%;max-height:194px;object-fit: cover;}
.cart_review_qty{width:100%;position:absolute;left:0px;bottom:60px;}

.cartcheck.custom-control-label::before {
  top: 0.20rem;
  left: -1.5rem;
}
.cartcheck.custom-control-label::after {
  top: 0.20rem;
  left: -1.5rem;
}

.discount_row{
width:100%;height:50px;
display: flex;align-items:center;justify-content:space-between;
background-color:#fff;border-top-right-radius:0.2rem;
background-image: url("../img/add_cart_bg.png");background-position:260% top;background-repeat:no-repeat;background-size:auto;}

/* invate modal */
#invateModal .modal_header{
	width:100%;height:200px;display: flex;flex-direction: column;justify-content: center;align-items:center;color:#fff;
	background:linear-gradient(180deg, #F37720 0%, #FFB800 100%);
	border-radius:0.3rem;
}
#refcodeModal .modal_header{
	width:100%;height:200px;display: flex;flex-direction: column;justify-content: center;align-items:center;color:#fff;
	background:linear-gradient(180deg, #F37720 0%, #FFB800 100%);
	border-radius:0.3rem;
}
#locationModal .modal_header, #changeLocationModal .modal_header{
	width:100%;height:200px;display: flex;flex-direction: column;justify-content: center;align-items:center;color:#fff;
	background:linear-gradient(180deg, #F37720 0%, #FFB800 100%);
	border-radius:0.3rem;
}

#successModal .modal_header,
#confirmModal .modal_header,
#alertModal .modal_header
{
	width:100%;height:150px;display: flex;flex-direction: column;justify-content: center;align-items:center;color:#fff;
	background:linear-gradient(180deg, #F37720 0%, #FFB800 100%);
	border-radius: 1.5rem 1.5rem 0.9rem 0.9rem; 
}
#successModal .modal-content,
#confirmModal .modal-content,
#alertModal .modal-content
{ border-radius: 1.5rem; }

.text-alert{color:var(--primary-color);font-weight:500;text-decoration: underline;}


/* payment step 1 */
.locate:after{content: "\2609";position:absolute;top:5px;left:5px;font-size:18px;color:var(--primary-color);}

/* login 348x84*/
.login_wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:nowrap;min-height:var(--height-100);background:linear-gradient(180deg, rgba(243,110,0,1) 0%, rgba(255,183,0,1) 100%);}
.login_left{background-image: url("../img/login_bg.png");background-position:center;background-repeat:no-repeat;background-size:cover;display: flex;flex-direction: column;justify-content: center;align-items:center;}
.login_right{background:#fff;}

/* register */
.register_left{background:#fff;}
.register_right{background-image: url("../img/login_bg.png");background-position:center;background-repeat:no-repeat;background-size:cover;display: flex;flex-direction: column;justify-content: center;align-items:center;}

/* coming_soon */
.coming_soon_wrapper{
	width:100%;
	background-image: url("../img/login_bg.png");background-position:center;background-repeat:no-repeat;background-size:cover;
	display: flex;flex-direction: column;justify-content: center;align-items:center;
}
#cs_d, #cs_h, #cs_m, #cs_s{width:130px;font-size:90px;}
.cs_sep{font-size:90px;}
@media (max-width: 575px) {
	#cs_d, #cs_h, #cs_m, #cs_s{width:60px;font-size:40px;}
	.cs_sep{font-size:40px;}
}

/* merchant_step  */
.merchant_step{display:flex;}
/*.merchant_step_item{flex: 0 0 25%;position:relative;border-top:8px solid #F0F0F0;}*/
.merchant_step_item{flex: 0 0 33.333333%;position:relative;border-top:8px solid #F0F0F0;}
.merchant_step_item.active{border-top:8px solid #F37720;}
.merchant_step_item:before{content:'';position:absolute;border-style:solid;border-width:4px;border-color:#F0F0F0 transparent transparent #F0F0F0;top:-8px;left:0px;z-index:2;}
.merchant_step_item:after{content:'';position:absolute;border-style:solid;border-width:4px;border-color:transparent #F0F0F0 #F0F0F0 transparent;top:-8px;right:0px;z-index:3;}
.merchant_step_item:first-child:before{border-color:transparent;}
.merchant_step_item:last-child:after{border-color:transparent;}

.merchant_button_section{height:77px;background:linear-gradient(180deg, #fff 0%, #fff 50%, #F0F0F0 50%);}
.merchant_step_item_3step{flex: 0 0 33.333333%;}


/* breadcrumb */
.product_detail.breadcrumb {background-color:#f0f0f0!important;padding: 1.5rem 1rem 1.5rem 0rem;margin-bottom:0px;}
.breadcrumb-item + .breadcrumb-item::before {content: "»";}
.product_detail.breadcrumb-item:first-child{padding-left: 0rem;}

/* loading */
.loading{ z-index:10000;position:fixed;width:100vw;height:var(--height-100);left:0;top:0;background:rgba(0,0,0,0.1);display:flex;flex-direction: column;justify-content: center;align-items: center;}
.lds-dual-ring { display:inline-block;width:52px;height:52px;}
.lds-dual-ring:after{content: " ";display:block;width:46px;height:46px;margin:1px;border-radius:50%;border:5px solid #000;
border-color: #000 transparent #000 transparent;animation: lds-dual-ring 1.2s linear infinite;}
@keyframes lds-dual-ring { 0% { transform: rotate(0deg);} 100% {transform: rotate(360deg);} }

.close{ font-size:18px;font-weight: 400;line-height: 1;color: #000;opacity: 0.3;padding:15px!important; }
.close-white{ font-size: 2.25rem;font-weight: 400;line-height: 1;color: #fff;opacity: 0.75; vertical-align: .2em;}
.close-white:hover{opacity:1}

/* transfer */
.product_detail_cart_fake{position:absolute;z-index:20000;font-size:20px;top:0;left:0;}
.promotion_price_cart_fake{position:absolute;z-index:2;width:32px;height:32px;background:var(--primary-color);border-radius:50%;display: flex;align-items:center;justify-content:center;opacity:0.9;}
.promotion_price_cart_fake:hover{opacity:1;}
.promotion_price_cart_fake i{color:#fff;font-size:16px;}

/* drop zone */
.dropzone{border:2px dashed #bbb;border-radius:5px;padding:30px 15px;text-align:center;color:#bbb;background:#fcfcfc;}

/* autocomplete */
.autocomplete-suggestions{border: 1px solid #8ccbfb; background: #FFF; overflow: auto;box-shadow: 0 0 0 0.2rem rgba(17, 148, 246, 0.25);overflow-x: auto;}
.autocomplete-suggestion{ cursor: pointer;padding: 7px 14px; white-space: nowrap;  }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* addr_list */
#addr_list{
	position: absolute;left:5px;width:320px;z-index:2;
	background:#f0f0f0;border-top:1px solid #ced4da;border-left:1px solid #ced4da;border-right:1px solid #ced4da;
	box-shadow:0px 0px 5px -4px #333;
}
#addr_list .sel_addr{display:flex;border-bottom:1px solid #ced4da;padding:8px;cursor: pointer;}
#addr_list .sel_addr:hover{background:#f5f5f5;}

#addr_list2{
	position: absolute;left:5px;width:320px;z-index:2;
	background:#f0f0f0;border-top:1px solid #ced4da;border-left:1px solid #ced4da;border-right:1px solid #ced4da;
	box-shadow:0px 0px 5px -4px #333;
}
#addr_list2 .sel_addr{display:flex;border-bottom:1px solid #ced4da;padding:8px;cursor: pointer;}
#addr_list2 .sel_addr:hover{background:#f5f5f5;}

/* map height:calc(var(--height-100) - 0px)*/
#map{border:1px solid #ced4da;height:calc(100% - 75px);}

/* stepprogress */
.step_wrapper{
	font-size: 14px;
}
.stepprogress {
  position: relative;
  padding-left: 45px;
  list-style: none;
}
.stepprogress:before {
  display: inline-block;
  content: '';
  position: absolute;
  top: 0;
  left: 15px;
  width: 10px;
  height: 100%;
  border-left: 2px solid #CCC;
}
.stepprogress-item {
  position: relative;
  counter-increment: list;
}
.stepprogress-item:not(:last-child) {
  padding-bottom: 20px;
}
.stepprogress-item:before {
  display: inline-block;
  content: '';
  position: absolute;
  left: -30px;
  height: 100%;
  width: 14px;/*width: 10px;*/
}
.stepprogress-item:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0px;
  left: -39px;
  width: 20px;
  height: 20px;
  border: 2px solid #CCC;
  border-radius: 50%;
  background-color: #FFF;
}
.stepprogress-item:last-child:after {
	top: 1px;
}
.stepprogress-item.is-done:before {
  border-left: 2px solid var(--step);
}
.stepprogress-item.is-done:after {
  content: "✔";
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #FFF;
  text-align: center;
  border: 2px solid var(--step);
  background-color: var(--step);
}
.stepprogress-item.current:before {
  border-left: 2px solid var(--step);
}
.stepprogress-item.current:after {
  content: counter(list);
  padding-top: 1px;
  width: 19px;
  height: 18px;
  top: -4px;
  left: -40px;
  font-size: 14px;
  text-align: center;
  color: var(--step);
  border: 2px solid var(--step);
  background-color: white;
}
.stepprogress strong {
  display: block;
}

/* Coupon */
.stamp {width:100%;min-height: 60px;padding: 0 10px;position: relative;overflow: hidden;border-radius:4px;box-sizing: border-box;}
.stamp i{position: absolute;left: 20%;top: 45px;width:100%;height:100%;background-color: rgba(255,255,255,.15);transform: rotate(-30deg);}
.stamp .used{position: absolute;left:-10px;top: 1px;width:80px;height:20px;background-color: rgba(0,0,0,.15);transform: rotate(-30deg);font-size:10px;color:rgba(255,255,255,.8);z-index:2;
text-align:center;padding-top:3px;}

.stamp01{background: #e1341e;}

.stamp .par{float: left;padding: 16px 15px;width:65%;border-right:2px dashed rgba(255,255,255,.3);}
.stamp .par p{color:#fff;margin-bottom:1px;}
.stamp .par p.amt{font-size: 30px;}
.stamp .par span{font-size:10px;color:rgba(255,255,255,.8);}
.stamp .par sub  {font-size:10px;color:rgba(255,255,255,.8);position: relative;top:-5px;}

.stamp .copy{display: inline-block;width:110px;padding-left:15px;}
.stamp .copy p{color:#fff;margin-bottom:1px;font-size:16px;line-height:1;}
.stamp .copy p.code{font-size:12px;}
.stamp .copy span{font-size:10px;line-height:1;color:rgba(255,255,255,.8);}

.stamp .custom-control-label{font-size:10px;color:rgba(255,255,255,.8);}
.stamp .custom-control-label::before {
	top:0px;
	border-color: rgba(255,255,255,.15);
	background-color: rgba(255,255,255,.8);
}
.stamp .custom-control-label::after {
	top:0px;
}
.stamp .custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: rgba(255,255,255,.5);
	background-color: rgba(255,255,255,.5);
}
.stamp .custom-control-input[disabled] ~ .custom-control-label, .stamp .custom-control-input:disabled ~ .custom-control-label {
    color:rgba(255,255,255,.8);
}

/* modal slide 
@media (max-width: 576px){.modal-dialog.modal-dialog-slideout {width: 80%}}*/
.modal-dialog-slideout {min-height: 100%; margin: 0 auto 0 0 ;background: #fff;}
/*.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(-100%,0);transform: translate(-100%,0);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);flex-flow: column;}*/
.modal-dialog-slideout .modal-content{border: 0;}

.modal.fade.show .modal-dialog.modal-dialog-slideout {transform-origin: 100% 50%;animation: slide_right .5s;}
@keyframes slide_right { 
	0% { transform: scaleX(0); }
	100% { transform: scaleX(1); }
}


/* --------------------------------------------------------------------------
xs				sm				md			lg				xl
<576px		>=576px 		>=768px 		>=992px 		>=1200px
auto			540px 		720px 		960px 		1140px 
    -------------------------------------------------------------------------- */
.header_row .berger_menu,
.header_row .brand_short,
.header_row .brand_full,
.header_row .search_input,
.header_row .icon_tools,
.header_row .user_profile{
	display:none;
}
.header_row .brand_short, .header_row .brand_full{margin-right:auto;margin-left:15px;}
.header_row .search_input{margin:auto;}
.header_row .icon_tools{margin-left:auto;margin-right:15px;}
.header_row .user_profile{margin-left:auto;}

#carousel_promotion .promotion_box{display:none;}   
#product_1 .product_item{display:none;}   

@media (max-width: 360px) {
	.product_item{margin-left:5px;}
}
/* <= 576px */   
@media (max-width: 575px) {
	.fzr-1x{font-size:16px;font-weight: 400;}
	.fzr-2x{font-size:18px;}
	.fzr-3x{font-size:30px;}
	.login_left{display:none;}
	.login_right{width:100%;}
	.login_right .login_right_body{width:100%;padding:0 15px;}
	
	.register_left{width:100%;}
	.register_left .register_left_body{width:100%;padding:0 15px;}
	.register_right{display:none;}
	
	.header_row .berger_menu,
	.header_row .brand_short,
	.header_row .search_input{
		display:flex;
	}
	
	#carousel_main{border-left:none;border-right:none;}
	#carousel_promotion .promotion_box:nth-child(-n+2){display:block;}
	#product_1 .product_item:nth-child(-n+4){display:block;}
	.product_detail_add_cart_row{background-position:200% top;}
	#map{border:1px solid #ced4da;height:300px;}
	
	.carousel_main_row .container{padding:0px;}
	
}
/* <= 767px */   
@media (max-width: 767px) {
	.footer_menu {border-bottom:1px solid #e6e9ec;}
	.footer_menu a{display:flex;justify-content:space-between;align-items:center;}
	.footer_menu i{display:inline;opacity:0.3;}
}

/* >= 576px */    
@media (min-width: 576px) {
	.container{ border:0px solid orange; }
	.login_left{flex: 0 0 50%;}
	.login_right{flex: 0 0 50%;}
	.login_right .login_right_body{width:260px;margin:auto;}
	
	.register_left{flex: 0 0 50%;}
	.register_right{flex: 0 0 50%;}
	.register_left .register_left_body{width:260px;margin:auto;}
	
	.header_row .berger_menu,
	.header_row .brand_short,
	.header_row .search_input,
	.header_row .user_profile{
		display:flex;
	}
	.footer_row_right a{font-size:15px;padding:10px 0px 10px 35px;}
	
	#carousel_promotion .promotion_box:nth-child(-n+2){display:block;}
	#product_1 .product_item:nth-child(-n+6){display:block;}
}
/* >= 768px */   
@media (min-width: 768px) {
	.container{ border:0px solid pink; }
	.login_left{flex: 0 0 60%;}
	.login_right{flex: 0 0 40%;}
	.login_right .login_right_body{width:260px;margin:auto;}
	
	.register_left{flex: 0 0 40%;}
	.register_right{flex: 0 0 60%;}
	.register_left .register_left_body{width:260px;margin:auto;}
	
	.header_row .brand_short{display:none;}
	.header_row .berger_menu,
	.header_row .brand_full,
	.header_row .search_input,
	.header_row .user_profile{
		display:flex;
	}
	.footer_row_right a{font-size:17px;padding:10px 0px 10px 65px;}
	
	.profile_body{ height:220px; }

	#carousel_main .slide_item{height:220px;}
	#carousel_promotion .promotion_box:nth-child(-n+2){display:block;}
}
/* >= 992px */   
@media (min-width: 992px) {
	.container{ border:0px solid cyan; }
	.login_left{flex: 0 0 60%;}
	.login_right{flex: 0 0 40%;}
	.login_right .login_right_body{width:300px;margin:auto;}
	
	.register_left{flex: 0 0 40%;}
	.register_right{flex: 0 0 60%;}
	.register_left .register_left_body{width:300px;margin:auto;}
	
	.header_row .berger_menu{display:none;}
	.header_row .brand_short{display:none;}
	.header_row .brand_full{margin-right:auto;margin-left:0px;}
	.header_row .brand_full,
	.header_row .search_input,
	.header_row .icon_tools,
	.header_row .user_profile{
		display:flex;
	}
	.header_row .search_input{flex: 0 0 350px;}
	.icon_tools .icon_tools_item{margin-right:30px;}
	
	.profile_body{ height:305px; }
	
	#carousel_main .slide_item{height:305px;}
	
	#carousel_promotion .promotion_box:nth-child(-n+3){display:block;}
	#product_1 .product_item:nth-child(-n+8){display:block;}
	
	.product_detail_left{flex: 0 0 50%;}
	.product_detail_right{flex: 0 0 50%;}
	
	.pddtp.card-columns {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	    -webkit-column-gap: 1.25rem;
	    -moz-column-gap: 1.25rem;
	    column-gap: 1.25rem;
	    orphans: 1;
	    widows: 1;
	}
  
}
/* >= 1200px */   
@media (min-width: 1200px) {
	.container{ border:0px solid blue; }
	
	.header_row .search_input{flex: 0 0 490px;}
	
	.profile_body{ height:375; }
	
	#carousel_main .slide_item{height:375px;}
	
	#carousel_promotion .promotion_box{display:block;}
	#product_1 .product_item{display:block;}
}