@charset "UTF-8";
/* CSS Document */
.carousel-control-prev-icon { 
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239a9da0'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") 
}
.carousel-control-next-icon {
     background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239a9da0'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
/*bun snack box*/ 
.snackbox {background:#fff; padding: 0;}
.snackbox .title-main {text-align: center;}
.snackbox .title-main h3 {padding: 30px 0 10px 0; margin: 0; color: #50322e; font-size: 42pt; font-family: 'db_heaventroundedbold','Kiwi Maru';  letter-spacing: 0.03em;} 
.snackbox .title-main h3 img{width:auto; height: 35px; padding: 0 15px 0 0; margin: -12px 0 0 0;} 
.snackbox .title-main h1 {padding: 30px 0 50px 0; margin: 0; color: #50322e; font-size: 42pt; font-family: 'db_heaventroundedbold','Kiwi Maru';  letter-spacing: 0.03em;} 
.snackbox .title-main h1 img{width:auto; height: 35px; padding: 0 15px 0 0; margin: -12px 0 0 0;} 
 
.snackbox-h-reg-fs-form{padding-bottom: 50px; } 
.snackbox-h-reg-fs-form h2{color:#55322b; font-size: 22pt;  line-height: 24pt; font-weight: bold; padding: 30px 0 20px 0; display: block; width: 100%; text-align: center;} 
.snackbox-h-reg-fs-form h3{font-size: 17pt;line-height: 21pt; padding:0 0 20px 0; display: block; width: 100%; text-align: center; color: #55322b;} 
.snackbox-h-reg-fs-form ul{text-align: center; list-style: none; display: block; padding: 0;}
.snackbox-h-reg-fs-form ul li{width: 100%; text-align: center; line-height: 12pt;}
.snackbox-h-reg-fs-form ul li p {color:#ff5f07; font-size: 20pt; line-height: 23pt;  font-weight: bold; padding: 50px 30px 0 30px; display: inline-block; width: 100%; 
text-align: center;letter-spacing: 0.01em;} 
.snackbox-h-reg-fs-form ul li span {color:#55322b; font-size: 18pt; letter-spacing: 0.01em;} 
.snackbox-h-reg-fs-form ul li img {width: 150px; height: auto; padding-top: 10pt;} 
.snackbox-h-reg-fs-form ul li img.btn-order-lineman {width: 420px; height: auto; padding-top: 0;}
	
.snackbox-h-reg-fs-form  strong{padding: 0 10px;}
 
.snackbox-order-01{text-align: center; padding-bottom: 20px;}
.snackbox-order-01 .number img{width:50px; height: auto;} 
.snackbox-order-01 .order-img{padding: 30px 30px 20px 30px;} 
.snackbox-order-01-det p{font-size: 18pt; font-family: 'db_heaventroundedmed','Kiwi Maru';  padding: 0 0 10px 0; margin: 0;}
.snackbox-order-01-det span{font-size: 24pt;  color: #ff5f07; font-family: 'db_heaventroundedmed','Kiwi Maru';  padding: 10px 0 0 0; margin: 0;}

.snackbox-order-02{text-align: center; padding: 0 30px; padding-bottom: 20px;}
.snackbox-order-02 .number img{width:50px; height: auto;} 
.snackbox-order-02-det {text-align: left;}
.snackbox-order-02-det p{font-size: 15pt; font-family: 'db_heaventroundedmed','Kiwi Maru';  padding: 0; margin: 0;}
.snackbox-order-02-det span{font-size: 26pt;  color: #07a729; font-family: 'db_heaventroundedmed' ,'Kiwi Maru';  padding: 10px 0 0 0; margin: 0;} 
.snackbox-order-02 .order-img{padding: 40px 10px 20px 10px;} 

.snackbox-order-02 .snackbox-qr-det i{display: block;font-size: 19pt; letter-spacing: 0.02em;  font-style: normal; font-weight: bold; color:#ff5f07; 
padding: 0; margin: 0;}
.snackbox-order-02 .snackbox-qr-det em{display: block; font-size: 14pt;  font-style: normal; padding: 0; margin: 0;} 
 
.snackbox-order-03{text-align: center; padding-bottom: 20px;} 
.snackbox-order-03 .number img{width:50px; height: auto;}  
.snackbox-order-03-det p{font-size: 20pt; font-family: 'db_heaventroundedmed','Kiwi Maru';  padding: 15px 0 5px 0; margin: 0;  color: #ff5f07;}
.snackbox-order-03-det span{font-size: 14pt;  padding: 10px 0 0 0; margin: 0;}
.snb-frm-wrapper {padding: 0 30px; text-align: left;}    
.link-register{color: #55322b!important; font-size: 14pt; padding: 8px 50px; border: 2px solid #55322b; border-radius: 45px;  background: #ffffff; margin: 30px 0 0 0;}
.link-register:hover{background: #ffc947; border: 2px solid #55322b; }

.dl-brochure{text-align: center; padding:50px 0 100px 0;} 
.dl-brochure a{color: #55322b!important; font-size: 18pt; padding: 10px 50px; border-radius: 45px;  background: #fbca72; font-weight: bold;}
.dl-brochure a:hover{ font-weight: bold; color: #000!important;  }

.dl-brochure img{width: 30px; height: auto; margin-right: 10px;} 

.bun-snackbox-hilight-vdo {padding: 0; margin: 0;}
.bun-snackbox-hilight-vdo .videoWrapper {
	position: relative; padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px; height: 0;
}
.bun-snackbox-hilight-vdo .videoWrapper iframe {
	position: absolute; top: 0;left: 0; width: 100%;height: 100%;
} 
/*menu recommended*/
.h-bun-menu-recommended{text-align: center;}
.h-bun-menu-recommended img{width: 328px; height: auto;}

.product-recommended {padding: 0;} 
.product-box{padding-bottom: 40px; background: #fff; padding: 10px; border: 1px #eee solid; margin: 0 20px;}
.product-box-img {padding: 0; position: relative;}
.product-box-img img{ width: 100%; height: 100%;}
 


/*icon contact*/
.snackbox-ico-contact {position: fixed; bottom: 80px; right: 20px; z-index: 99999;}
.snackbox-ico-contact ul {list-style: none; text-align: right;}
.snackbox-ico-contact ul li{padding: 0; margin: 0 0 10px 0; display: block;}
.snackbox-ico-contact ul li img{max-width: 55px; height: auto;} 
.snackbox-ico-contact ul li img.click-promotion-snackbox {max-width: 85px; height: auto;}

/*order web*/
.snb-web-order-wp{background: url("../images/bg-snb.jpg") repeat-x bottom center #fff; padding: 50px 0 0 0; margin: 0; background-size: cover;} 

.snackbox-order-04{text-align:center;}
.snackbox-order-04 .icon-web {text-align: left; padding-top: 60px;}
.snackbox-order-04 .icon-web img{width: 90px; height: auto;}

.snackbox-order-04 .number img{width:50px; height: auto; padding-bottom: 10px;} 
.snackbox-order-04 .order-img{padding: 40px 30px 10px 30px;}  
.snackbox-order-04-det p{display: block; font-size: 18pt; line-height: 20pt;  font-family: 'db_heaventroundedmed','Kiwi Maru';  padding: 0; margin: 0;}
.snackbox-order-04-det span{display: block; font-size: 22pt; line-height: 27pt; color: #ff5f07; font-family: 'db_heaventroundedmed','Kiwi Maru'; 
padding: 5px 0 10px 0; margin: 0; }
.snackbox-order-04-det i{display: block; font-style: normal; font-family: 'db_heaventroundedmed','Kiwi Maru';  padding: 10px 0 5px 0; margin: 0; color: #111;} 
.snackbox-order-04-det img{width: 130px; height: auto;}

.snackbox-order-04-det .order {padding-top: 30px; padding-bottom: 50px;}
.snackbox-order-04-det .order a{color: #ffc947!important; font-size: 18pt; padding: 8px 50px; border-radius: 45px;  background: #55322b; 
font-weight: bold; margin-top: 50px;}
.snackbox-order-04-det .order a:hover{ font-weight: bold; color: #ffffff!important;  }

.snackbox-order-04 .img-snb-web{text-align: right; padding: 0; margin: 0;}
.snackbox-order-04 .img-snb-web img{padding: 0;  bottom: 0; left: 0; position: relative; }

.section02{background: #f7f7f7; padding: 120px 0 0 0; text-align: center;}
.section02 ul{display: block; list-style: none; margin: 0; padding: 0;}
.section02 ul li{display: block; padding: 0 0 5px 0;}
.section02 ul li i{font-size: 24pt; display: inline-block; font-style: normal; font-family: 'db_heaventroundedmed','Kiwi Maru'; }
.section02 ul li img{width: auto; height: 70px; display: inline-block; padding-right: 5px; margin-bottom: 10px; margin-top: -25px;}
.section02 ul li strong{ font-size: 26pt;line-height: 25pt; letter-spacing: 0.03em; padding: 0 0 10px 0;  border-bottom: 1px solid #55322b; }
.section02 ul li em{ font-style: normal; font-size: 16pt;  padding: 25px 0 10px 0; margin: 0; display: block; }
.section02 ul li span{color: #f58220; font-size: 18pt; ; font-weight: bold; letter-spacing: 0.03em; padding: 0;}
.section02 .img-illus{padding: 30px 0;}

.section03{background: url("../images/frame-cuve-04.jpg") repeat-x top #fff; background-size: contain; padding: 180px 0 80px 0; text-align: center;} 
.section03 .title-sub {text-align: center;} 
.section03 .title-sub h4 {padding: 0; margin: 0; color: #50322e; font-size: 18pt; letter-spacing: 0.03em; font-family: 'db_heaventroundedbold','Kiwi Maru'; } 
.section03 .title-sub h3 {padding: 0 0 20px 0; margin: 0; color: #f38120; font-size: 35pt; font-family: 'db_heaventroundedbold','Kiwi Maru';  letter-spacing: 0.03em;} 
.section03 .title-sub h3 img{width:auto; height: 30px; padding: 0 15px 0 0; margin: -12px 0 0 0;} 

.snb-title{color: #ff5f07;font-size: 20pt; line-height: 22pt; font-family: 'db_heaventroundedmed','Kiwi Maru';}
.snb-det{padding: 20px 0 40px 0; font-size: 14pt; line-height: 16pt; }

.snb-det-main {padding: 10px 0 0 0;}
.snb-det-main p{color: #ff5f07; font-size: 17pt; font-family: 'db_heaventroundedmed','Kiwi Maru'; }

 
 
/*order step main*/
.order-title{padding: 80px 0 50px 0; text-align: center;}
.order-title ul{display: block; list-style: none; margin: 0; padding: 0;}
.order-title ul li{display: block; padding: 0 0 5px 0;}
.order-title ul li i{font-size: 24pt; display: inline-block; font-style: normal; font-family: 'db_heaventroundedmed','Kiwi Maru';}
.order-title ul li img{width: auto; height: 70px; display: inline-block; padding-right: 5px; margin-bottom: 10px; margin-top: -25px;}
.order-title ul li strong{ font-size: 30pt;line-height: 32pt; letter-spacing: 0.03em; padding: 0 0 10px 0; color:#f38120; 
border-bottom: 1px solid #55322b; font-family: 'db_heaventroundedbold','Kiwi Maru';}

.order-title ul li em{ font-style: normal; font-size: 18pt; padding: 10px 0 0 0; margin: 0; display: block; color: #55322b;} 
.order-title ul li .line-section{width: 130px; height: auto; margin: 10px 0;}
.order-title ul li h4{ font-size: 22pt;line-height: 25pt; padding: 40px 0 0 0; font-family: 'db_heaventroundedmed','Kiwi Maru';
display: block; color: #555;}
.order-title ul li h5{ font-size: 19pt;line-height: 21pt; padding: 0; color:#f38120; font-family: 'db_heaventroundedbold','Kiwi Maru';
display: block;}
	
	
.status-order{padding:20px 0 15px 0;  text-align: center; background: #eeeaea; border-bottom: 5px solid #e5e1e1; 
border-left: 1px solid #fff; border-right: 1px solid #fff;}
.status-order img{display: none;}
.status-order p{padding: 0px 20px; margin: 0; position: relative; font-family: 'db_heaventroundedbold','Kiwi Maru';   font-size: 19pt;
line-height: 21pt;} 

.status-order-active{padding:0 0 10px 0;  text-align: center; background: #eeeaea; border-bottom: 5px solid #ffc947; 
border-left: 1px solid #fff; border-right: 1px solid #fff; display: block;}
.status-order-active img{width: auto; height: 25px; margin-top: -25px; position: relative;}
.status-order-active p{padding: 0px 20px; margin: 0; position: relative; font-family: 'db_heaventroundedbold','Kiwi Maru';   font-size: 19pt;
line-height: 21pt;} 
 
/*end order step main*/
 
.status-order-title{padding:60px 0 60px 0; text-align: center;}
.status-order-title p{ font-family: 'db_heaventroundedbold','Kiwi Maru';  font-size: 26pt; line-height: 29pt; color: #ff5f07; padding: 0 30px 5px 30px; margin: 0;} 


.next-step {padding: 10px 20px 10px 0; border-radius:30px; background: #ffc947; color:#55322b; 
font-style: normal; font-family: 'db_heaventroundedmed','Kiwi Maru'; font-size: 16pt; border:0; vertical-align: middle; margin: 0 20px 30px 20px; 
min-width: 240px; text-align: right;}  
.next-step p{width: 80%; padding: 0; margin: 0; display: inline-block; text-align: center;} 
.next-step i{width: 20%; font-family: "Font Awesome 5 Free"; padding: 0; margin: 0; font-style: normal; font-size: 18pt; line-height: 22pt;} 

.prev-step {padding: 10px 0 10px 20px; border-radius:30px; background: #ffc947; color:#55322b; 
font-style: normal; font-family: 'db_heaventroundedmed','Kiwi Maru'; font-size: 16pt; border:0; vertical-align: middle; margin: 0 20px 30px 20px; 
min-width: 240px; text-align: left;}  
.prev-step p{width: 80%; padding: 0; margin: 0; display: inline-block; text-align: center;} 
.prev-step i{width: 20%; font-family: "Font Awesome 5 Free"; padding: 0; margin: 0; font-style: normal; font-size: 18pt; line-height: 22pt;} 

.edit-list-step {padding: 10px 20px; border-radius:30px; background: #e97d24; color:#fff; border: 1px solid #e97d24;
font-style: normal; font-family: 'db_heaventroundedmed','Kiwi Maru'; font-size: 16pt; vertical-align: middle; margin: 0 20px 30px 20px; 
min-width: 240px;text-align: center;}  
.edit-list-step:hover{border: 1px solid #cb5c01;}
.edit-list-step p{padding: 0; margin: 0; display: inline-block; text-align: center;} 
.edit-list-step i{font-family: "Font Awesome 5 Free"; padding:0 20px 0 0; margin: 0;  font-style: normal; font-size: 16pt; line-height: 22pt;}

.confirm-step {padding: 10px 20px;  border-radius:30px; background: #05a505; color:#fff; border: 1px solid #05a505;
font-style: normal;font-family: 'db_heaventroundedmed','Kiwi Maru'; font-size: 16pt; vertical-align: middle; margin: 0 20px 30px 20px; min-width: 240px;} 
.confirm-step:hover {border: 1px solid #60cf3f;}
.confirm-step img{height: 14px; width: auto; display: inline-block; padding-right: 5px;} 
.confirm-step p{padding: 0; margin: 0; display: inline-block;} 
.confirm-step i{font-family: "Font Awesome 5 Free"; padding:0 20px 0 0; font-style: normal; font-size: 16pt; line-height: 22pt;}


.order-step-01 {padding:0 30px 100px 30px;} 
/*.order-step-01 .order-image {background: url("../images/snack-box-order-bg") no-repeat center top; background-size: contain; position: relative; padding: 0 30px;}*/
.order-step-01 .order-image {background-size: contain; position: relative; padding: 0 30px;}
.order-step-01 .order-image .order-prod-image{width: 80%; margin: 2% 10%;}
.order-step-01 .prod-sticker-set{width: 18%; height: auto; position: absolute; padding: 0; top: 0px; right: 50px;}
	
.snackbox-set-box-name{text-align: center; padding: 20px;}
.snackbox-set-box-name p{font-family: 'db_heaventroundedmed','Kiwi Maru'; font-size: 18pt;  line-height: 20pt; color: #000000; display: block; margin: o; padding: 0;}
.snackbox-set-box-name i{font-style: normal; display: block; color: #ff5f07;}

.snackbox-set-box {background: #fff; border: 1px solid #e1e1e1; border-radius: 15px; padding: 15px 40px; margin-bottom: 30px;}
.snackbox-set-box-cat{border-bottom: 1px solid #55322b; padding: 10px 0;}	
.snackbox-set-box-cat .set-name{text-align: left; color: #ff5f07; font-family: 'db_heaventroundedbold','Kiwi Maru'; font-size: 18pt; padding: 0;}
.snackbox-set-box-cat .set-price{text-align: center;  border-left: 1px solid #55322b; border-right: 1px solid #55322b; color: #55322b;}
.snackbox-set-box-cat .set-products{text-align: right; color: #f38120; font-family: 'db_heaventroundedmed','Kiwi Maru'; font-size: 16pt; padding: 0;}
.snackbox-set-box-cat .set-products button{text-decoration: underline; color: #f38120; background: none; border: 0!important;font-size: 16pt; padding: 0; }
.snackbox-set-box-cat .set-products button:hover{text-decoration: underline; color: #ff5f07; background: none; border: 0!important;font-size: 16pt; padding: 0; }

/*modal display*/
.modal-products-display{border-radius: 30px;}
.modal-products-display .modal-body{padding: 30px 0 0 0;}
.modal-products-display .modal-body .product-set-title{background: #f7f7f7; padding: 10px 30px 0 30px; text-align: center;}
.modal-products-display .modal-body .product-set-title img{width: 75px; height: auto; }
.modal-products-display .modal-body .product-set-title span{padding: 10px 0; display: block; font-size: 18pt; font-family: 'db_heaventroundedmed','Kiwi Maru';}
.modal-products-display .modal-body .product-set-title p{padding: 10px 0 10px 0; }
.modal-products-display .modal-body .product-set-title p i{font-family: 'db_heaventroundedbold','Kiwi Maru'; font-size: 28pt; font-style: normal; 
border-bottom: 1px solid #55322b; color: #f38120;}
.modal-products-display .modal-body .product-set-title em{padding:0 30px; display: block; font-style: normal;}

.modal-products-display .modal-body .product-set-wp{background: url("../images/frame-cuve-03.gif") repeat-x top center #fff; background-size: contain;
padding: 50px 30px  20px 30px; display: block;}
.product-box{padding: 10px 20px 20px 20px; margin: 0; text-align: center;}
.product-box img{width: 100; height: auto; padding: 0; margin: 0;}
.product-box p{text-align: center; font-size: 16pt; line-height: 18pt; padding-top: 20px; font-family: 'db_heaventroundedmed','Kiwi Maru'; color: #50322e;}
 
.modal-products-display .modal-body .product-set-wp .img-illus{text-align: right; position: relative;padding: 0; margin: 0;}
.modal-products-display .modal-body .product-set-wp .img-illus img{height: 200px; width: auto; margin-top:-150px; right: 50px; position: relative;}

.product-set-note{padding: 0 0 30px 0;}
.product-set-note textarea { padding: 10px;  line-height: 1.5; border-radius: 5px;  border: 1px solid #ccc;  width: 100%;}
.snackbox-set-box-note {padding: 0; margin: 0;}
.snackbox-set-box-note p{display: inline-block; padding: 10px 10px 10px 0; color: #ff0000; font-size: 18pt;}
.snackbox-set-box-note span{display: inline-block; padding: 10px 0 10px 0; color: #333;}

.modal-products-display .modal-footer {justify-content: center;}

.modal-products-display .product-set-ft{background: url("../images/frame-cuve-04.gif") repeat-x bottom center #fff; background-size: contain;
padding: 30px 30px 80px 30px; text-align: center;} 

.close-modal {padding: 10px 20px 10px 0; border-radius:30px; background: #ffc947; color:#55322b;  
font-style: normal; font-family: 'db_heaventroundedmed'; font-size: 16pt; border:0; vertical-align: middle; margin: 0 20px 30px 20px; 
min-width: 240px; text-align: right;}  
.close-modal p{width: 80%; padding: 0; margin: 0; display: inline-block; text-align: center;} 
.close-modal i{width: 20%; font-family: "Font Awesome 5 Free"; padding: 0; margin: 0; font-style: normal; font-size: 18pt; line-height: 22pt;} 
/*modal display*/

/*modal display order*/
.modal-products-order{border-radius: 30px;}
.modal-products-order .modal-header {background: #ffffff;}
.modal-products-order .modal-body{padding: 0; background: #fef4e3;}
.modal-products-order .modal-body .product-set-title{background: #fff; padding: 10px 30px 0 30px; text-align: center;}
.modal-products-order .modal-body .product-set-title img{width: 75px; height: auto; }
.modal-products-order .modal-body .product-set-title span{padding: 10px 0; display: block; font-size: 18pt; font-family: 'db_heaventroundedmed','Kiwi Maru'; }
.modal-products-order .modal-body .product-set-title p{padding: 10px 0 10px 0; }
.modal-products-order .modal-body .product-set-title p i{font-family: 'db_heaventroundedbold','Kiwi Maru';  font-size: 28pt; font-style: normal; 
border-bottom: 1px solid #55322b; color: #f38120;}
.modal-products-order .modal-body .product-set-title em{padding:0 30px; display: block; font-style: normal;}

.modal-products-order .modal-body .product-set-wp{background: url("../images/frame-cuve-05.gif") repeat-x top center #fef4e3; background-size: contain;
padding: 50px 30px 50px 30px; display: block;}
.product-box{padding: 10px 20px 20px 20px; margin: 0; text-align: center;}
.product-box img{width: 100; height: auto; padding: 0; margin: 0;}
.product-box p{text-align: center; font-size: 16pt; line-height: 18pt; padding-top: 20px; font-family: 'db_heaventroundedmed','Kiwi Maru';  color: #50322e;}
 
.modal-products-order .modal-body .product-set-wp .img-illus{text-align: right; position: relative;padding: 0; margin: 0;}
.modal-products-order .modal-body .product-set-wp .img-illus img{height: 200px; width: auto; margin-top:-150px; right: 50px; position: relative;}
 
.product-box input[type="text"]{width: 80%; height: 33px; color: #ffb400; padding: 0 10%; font-size: 18pt; 
 font-family: 'db_heaventroundedmed'; border: 0;  text-align: center; background: url("../images/order-input-bg.png") no-repeat center;
 background-size: contain;}
.product-box input[type="text"]:hover { border: 0;} 
.product-box ::-webkit-input-placeholder {color: #ffb400; font-size: 14pt;}
.product-box :-ms-input-placeholder {color: #ffb400; font-size: 14pt;}
.product-box ::placeholder {color: #ffb400; font-size: 14pt;}

.modal-products-order .modal-footer {justify-content: center;} 
.modal-products-order .product-set-ft{background: url("../images/frame-cuve-07.gif") repeat-x bottom center #fef4e3; background-size: contain;
padding: 10px 30px 80px 30px; text-align: center;} 

.product-detail-text{background: #ffc947; border-radius: 30px; text-align: center; padding: 10px 50px; color: #000;}
.amount-order {color: #ff0000;font-family: 'db_heaventroundedbold','Kiwi Maru'; font-size: 20pt; padding: 0 10px;}
.summary-amount-order {color: #000;font-family: 'db_heaventroundedbold','Kiwi Maru'; font-size: 20pt; padding: 0 10px;}

.warning-text{color: #ff0000; font-size: 16pt; line-height: 18pt; font-family: 'db_heaventroundedmed','Kiwi Maru'; padding: 10px 50px; text-align: center;}
.submit-order {padding: 10px 20px 10px 0; border-radius:30px; background: #ff5f07; color:#fff;  
font-style: normal; font-family: 'db_heaventroundedmed','Kiwi Maru'; font-size: 16pt; border:0; vertical-align: middle; margin: 0 20px 30px 20px; 
min-width: 240px; text-align: center;}  
.submit-order p{wpadding: 0; margin: 0; display: inline-block; text-align: center;} 
.submit-order i{font-family: "Font Awesome 5 Free"; padding: 0 10px 0 0; margin: 0; font-style: normal; font-size: 18pt; line-height: 22pt;} 
/*modal display order*/



.snackbox-set-box-detail{padding: 10px 0;}	 
.set-detail-number{text-align: left; padding: 0;}
.set-detail-number input[type="text"]{ border-radius: 30px; background: #f6f4f4; color: #ffb400; padding: 0px 10px; text-align: center; font-size: 22pt;
margin: 0 3%; font-family: 'db_heaventroundedmed','Kiwi Maru'; border: 1px solid #f6f4f4;}
.set-detail-number input[type="text"]:hover {border: 1px solid #ffb400;}
.set-detail-total {text-align: right; padding: 0;}
.set-detail-total strong{display: inline-block; font-family: 'db_heaventroundedmed','Kiwi Maru'; color: #ff5f07; font-size: 22pt; padding-right: 10px; letter-spacing: 0.01em;} 


.snackbox-set-box.active{background: #f6f4f4; border: 1px solid #f6f4f4; border-radius: 15px; padding: 15px 40px; margin-bottom: 30px;} 
.snackbox-set-box.active .set-detail-number input[type="text"]{ border-radius: 30px; background: #fff; color: #ffb400; padding: 0px 10px; text-align: center; 
font-size: 22pt;margin: 0 3%; font-family: 'db_heaventroundedmed','Kiwi Maru'; border: 1px solid #fff;}
.snackbox-set-box.active .set-detail-number input[type="text"]:hover {border: 1px solid #ffb400;}
.set-detail-total {text-align: right; padding: 0;}


.btn-edit-bun {padding: 5px 10px 2px 10px; border-radius:30px; background: #ffc947; color:#55322b;
font-family: 'db_heaventroundedmed','Kiwi Maru'; font-size: 18pt; border:0; vertical-align: middle; margin: 0; min-width: 160px; position: relative; top:30px;}  
.btn-edit-bun p{padding: 0 30px; margin: 0; display: block; } 

.btn-select-bun {padding: 5px 10px 2px 10px; border-radius:30px; background: #55322b; color:#ffc947; font-family: 'db_heaventroundedmed','Kiwi Maru'; font-size: 17pt; border:0; vertical-align: middle; margin: 0 30px; min-width: 160px; position: relative; top:30px;}  
.btn-select-bun p{padding: 0 50px; margin: 0; display: block;} 

/* pretty radio */
.order-step-01 label > input[type="checkbox"] {
  display: none;
}
.order-step-01 label > input[type="checkbox"] + *::before {
  content: "";
  display: inline-block;
  vertical-align: bottom; 
  margin-right: 0.3rem; 
  border-style: solid;
  border-width: 0.1rem;
  border-color: #55322b;
  flex-shrink: 0; width: 24px; height: 24px;  border-radius: 50%;
}
.order-step-01 label > input[type="checkbox"]:checked + * {
  color: #55322b;
}
.order-step-01 label > input[type="checkbox"]:checked + *::before {
 font-family: "Font Awesome 5 Free"; 
 content: "\f00c";  color: #ffb400;  text-align: center;  background: #55322b;  border-color: #55322b; width: 24px; height: 24px; font-size: 10pt; border-radius: 50%;
}
 

.order-summary-frm-title{padding: 0; text-align: center;}
.order-summary-frm-title img{width: 90%; margin: 0 auto;}
.order-summary-frm-title p{font-size: 30pt; line-height: 32pt; font-family: 'db_heaventroundedbold','Kiwi Maru'; padding: 0 0 10px 0; margin: 0; color: #55322b;}
.order-summary-frm-title span{ padding-top: 20px; font-size: 19pt; line-height: 21pt;}

.snackbox-set-box-cat .set-price-2{text-align: right; color: #55322b; padding: 0;}
.amount-box {color: #ff0000; font-family: 'db_heaventroundedbold','Kiwi Maru'; font-size: 24pt; padding-left: 20px; padding-right: 20px; letter-spacing: 0.01em;}

.set-detail-total-2{text-align: right; padding: 0;}
.set-detail-total-2 strong{display: inline-block; font-family: 'db_heaventroundedmed','Kiwi Maru'; color: #ff5f07; font-size: 22pt; padding-right: 10px; letter-spacing: 0.01em; font-weight: normal; font-style: normal;} 


.order-summary-title{padding: 70px 30px 40px 30px; text-align: center;}
.order-summary-title p{font-size: 38pt; font-family: 'db_heaventroundedbold','Kiwi Maru'; padding: 0; margin: 0; color: #231f20;}
.order-summary-title img{height: 100px; width: auto;}
	
.prod-list-report{background: #fff; border-radius: 5px; margin-top: 5px; padding: 10px 20px;} 
.prod-list-report span{color: #55322b; font-size: 13pt; line-height: 15pt;}

.prod-list-amount {text-align: right;}
.prod-list-amount label{text-align: right; color: #f58220; font-size: 20pt; padding: 0 30px;}

.table-summary{border-radius: 15px; background: #f0efef; padding: 20px 0 20px 0; text-align: center; margin-bottom: 50px; position: relative;} 
.table-summary img{width: 120px; height: auto; }
.table-summary h5{font-family: 'db_heaventroundedmed','Kiwi Maru'; font-size: 18pt; text-align: left; padding: 0; margin: 0;}
.table-summary h4{font-family: 'db_heaventroundedbold','Kiwi Maru';font-size: 19pt; text-align: left; padding: 0; margin: 0;}
.table-summary h3{font-family: 'db_heaventroundedmed','Kiwi Maru'; font-size: 24pt; text-align: right; color: #ff5f07; padding: 0; margin: 0;}
.table-summary h2{font-family: 'db_heaventroundedbold','Kiwi Maru'; font-size: 26pt; line-height: 26pt; text-align: right; color: #ff0000; padding: 0; margin: 0;}
.table-summary span{text-align: left; display: block; padding: 0; margin: 0;}
.table-summary i{text-align: right; font-style: normal; display: block; padding: 0; margin: 0;}
.table-summary-snackbox {border-right: 1px solid #fff; padding: 0 20px; margin: 0;} 
.table-summary-delivery {border-right: 1px solid #fff; padding: 0 20px; margin: 0;} 
.table-summary-total {border: 0; padding: 0 20px; margin: 0;}
/*end order step */


/*thank you*/
.section-sent-order{padding-top: 100px 0 0 0; background: url("../images/ty-bg.jpg") repeat-x bottom center; background-size: contain;}
.section-sent-order .row {--bs-gutter-x: 0;}
.sent-order-title{padding:60px 0 50px 0; text-align: center;}
.sent-order-title p{ font-family: 'db_heaventroundedbold','Kiwi Maru';  font-size: 26pt; color: #f38120; padding: 0 0 5px 0; margin: 0;}
.sent-order-title img{width: 130px; height: auto;}

.sent-order-content{padding:0 30px 70px 0 30px; text-align: center;}
.sent-order-content span{font-family: 'db_heaventroundedmed','Kiwi Maru';  font-size: 18pt; padding: 0 0 5px 0; margin: 0;display: block;} 
.sent-order-content p{ font-family: 'db_heaventroundedbold','Kiwi Maru';  font-size: 22pt; line-height: 24pt; color: #ff5f07; padding: 40px 0 0 0; margin: 0;}
 
.sent-order-img{text-align: center; padding-top: 60px;}
.sent-order-img img{height: 230px; width: auto;}
/*end thank you*/


/*menu recommended*/

.snb-menu-recommended{background: url("../images/bg-snackbox.jpg") repeat-x bottom center #fef4e3; padding: 70px 0 40px 0; margin: 0; background-size: cover;} 

@media (max-width: 1200px) { 
.modal-products-display .modal-body .product-set-wp .img-illus{text-align: center; position: relative;}
.modal-products-display .modal-body .product-set-wp .img-illus img{height: 150px; width: auto; margin-top:-20px; right: 0; position: relative;}
}

@media (max-width: 992px) { 
.dl-brochure { padding: 50px 0 0 0;}
.status-order-title p{font-size: 22pt; line-height: 25pt; color: #ff5f07; padding: 0 30px 5px 30px; margin: 0;}  
	
.snackbox-order-02{text-align: center; padding: 0 50px;}  
.snackbox-order-02-det p{font-size: 17pt; padding: 0; margin: 0;}
.snackbox-order-02-det span{font-size: 28pt; color: #07a729; padding: 10px 0 0 0; margin: 0;}   
	 
.snb-det-main {padding: 30px 0;}
.snb-det-main img{width: 200px; height: auto;}	

/*order step 1*/ 
.order-image {order: 1;}
.order-products {order: 2;}
/*order step 2*/ 

.order-summary-frm-title img{width: 50%; margin: 0 auto;}
	
.table-summary-snackbox {border-bottom: 1px solid #fff; padding: 0 20px 20px 20px; margin: 0;} 
.table-summary-delivery {border-bottom: 1px solid #fff; padding: 0 20px 20px 20px; margin: 0;} 
.table-summary-total {border: 0; padding: 20px 20px 0 20px; margin: 0;} 
	
.snb-web-order-wp{background: url("../images/bg-snb.jpg") repeat-x bottom center #fff; padding: 80px 0 0 0; margin: 0; background-size: cover;} 
.snackbox-order-04 .number img{width:50px; height: auto;  padding-bottom: 10px;} 
.snackbox-order-04 .img-snb-web {text-align: center;}
.snackbox-order-04 .img-snb-web img { height: 250px; width: auto; }
.snackbox-order-04-det span { padding-top: 20px; padding-left: 30px; padding-right: 30px;}
.snackbox-order-04-det p {padding-left: 30px; padding-right: 30px;}
.modal-products-order .modal-body .product-set-wp .img-illus img { display: none;}
	
}

@media (max-width: 768px) {   
.snackbox-order-01{text-align: center; padding-bottom: 20px;}
.snackbox-order-01 .number img{width:50px; height: auto;} 
.snackbox-order-01 .order-img{padding: 30px 0 10px 0;} 
.snackbox-order-01-det p{font-size: 18pt; font-family: 'db_heaventroundedmed','Kiwi Maru'; padding: 0; margin: 0;}
.snackbox-order-01-det span{font-size: 24pt;  color: #ff5f07; font-family: 'db_heaventroundedmed','Kiwi Maru'; padding: 10px 0 0 0; margin: 0;}
.snackbox-h-reg-fs-form ul li p { font-size: 18pt; line-height: 21pt;} 	
.snb-det-main p {padding-top: 30px;}	
	
.snackbox-order-02{text-align: center; padding: 0 20px;}  
.snackbox-order-02-det p{display: block; font-size: 15pt; padding: 10px 0 0 0; margin: 0; text-align: center;}
.snackbox-order-02-det span{display: block;font-size: 26pt;  color: #07a729; padding: 0; margin: 0; text-align: center;} 
.snackbox-order-02 .order-img { padding:10px 0 10px 0; margin: 0;} 

.snb-title {padding-top: 30px;}
.snackbox-h-reg-fs-form h2 { font-size: 18pt; line-height: 21pt;}

	
	
/*order step main*/   
.order-title ul li strong {font-size: 23pt; line-height: 25pt;}
	
.status-order p{padding: 0px 20px; margin: 0; font-size: 15pt; line-height: 17pt;}  
.status-order-active p{padding: 0px 20px; margin: 0; font-size: 15pt;line-height: 17pt;} 
/*end order step main*/
 	
.set-detail-number{text-align: center; padding: 20px 0 0 0;;} 
.set-detail-total {text-align: center; padding: 20px 0 0 0;}
.set-detail-total-2 {text-align: center; padding: 20px 0 0 0;}

.table-summary-snackbox {border-bottom: 1px solid #fff; border-right: 0; padding: 0 20px 20px 20px; margin: 0;} 
.table-summary-delivery {border-bottom: 1px solid #fff; border-right: 0; padding: 20px 20px 20px 20px; margin: 0;} 
.table-summary-total {border: 0; padding: 20px 20px 0 20px; margin: 0;} 
}


@media (max-width: 576px) { 
.snb-frm-wrapper {padding: 0 30px;}    
.snackbox-order-04-det p{font-size: 16pt;}
.snackbox-order-04-det span{font-size: 20pt; line-height: 22pt;}

.snackbox-order-04-det .order {padding-top: 30px; padding-bottom: 50px;}
.snackbox-order-04-det .order a{color: #ffc947!important; font-size: 18pt; padding: 8px 30px; border-radius: 45px;  background: #55322b; 
font-weight: bold; margin-top: 50px;}
.snackbox-order-04-det .order a:hover{ font-weight: bold; color: #ffffff!important;  }

.snackbox-order-04 .img-snb-web{text-align: right; padding: 0; margin: 0;}
.snackbox-order-04 .img-snb-web img{padding: 0; margin: 0; bottom: 0;}

.section02 ul li strong{ font-size: 22pt;line-height: 24pt;} 
.snb-det { padding: 20px 30px 40px 30px;}
.snb-det-main {padding: 30px;}	

	
/*order step 1*/
.order-title ul li strong{ font-size: 22pt;line-height: 24pt;} 

.status-order p{padding: 0px 20px; margin: 0; font-size: 13pt; line-height: 15pt;}  
.status-order-active p{padding: 0px 20px; margin: 0; font-size: 13pt; line-height: 15pt;}
 
.order-summary-frm-title img{width: 70%;}
.order-summary-frm-title p{font-size: 24pt; line-height: 26pt; }
.order-summary-frm-title span{ padding-top: 20px; font-size: 14pt; line-height: 16pt;} 

.order-summary-title{padding: 70px 30px 50px 30px; text-align: center;}
.order-summary-title p{font-size: 30pt;}
.order-summary-title img{height: 70px; width: auto;}
} 

@media (max-width: 435px) { 
.status-order p{ font-size: 12pt; line-height: 14pt;}  
.status-order-active p{font-size: 12pt; line-height: 14pt;}

.order-summary-title p{font-size: 22pt;}
.order-summary-title img{height: 70px; width: auto;}
}