/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on February 28, 2022 */
@font-face {
  font-family: 'sanserif';
  src: url('../font/sansserifflf-webfont.woff2') format('woff2'),
       url('../font/sansserifflf-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../font/SourceSansPro-Bold.woff2') format('woff2'),
      url('../font/SourceSansPro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Open Sans';
  src: url('../font/OpenSans-Bold.eot');
  src: url('../font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
       url('../font/OpenSans-Bold.woff2') format('woff2'),
       url('../font/OpenSans-Bold.woff') format('woff'),
       url('../font/OpenSans-Bold.ttf')  format('truetype'),
       url('../font/OpenSans-Bold.svg#Open Sans') format('svg');
}

:root { --pink:#222222; --blue:#222222; --lblue:#222222; --black:#262626; --gray:#D3D2D2; 
  --clr-neon: #222222;
  --clr-bg: hsl(323 21% 16%);
}
.tright{text-align: right;}
body, h1, h2, h3, h4, h5, h6, tr, td, th {font-family: "sanserif" !important;}
.table thead tr th, .table tfoot tr td, .modal-header h3, h2 {/* color: var(--blue)  !important; */}
a { color: var(--blue); }
a:hover { color: var(--lblue); }
.start { position: absolute; bottom: 20px; margin: 0px auto; width: 400px !important; }
.category-shadow:hover { border-color: transparent; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px -2px, rgba(0, 0, 0, 0.12) 0px 3px 6px 0px, rgba(0, 0, 0, 0.09) 0px 5px 12px 4px; }
.item-shadow { box-shadow: rgba(208, 216, 243, 0.6) 5px 8px 24px 5px; }
.fp {position: absolute;inset: 0px;background: url("../image/bg.png") center center / cover no-repeat;background-color: white;}
.white {background-color: #fff !important;background: url("../image/bgang-min.jpg") center center / cover no-repeat !important;}
.title {color: white;font-size: 100px;font-weight: 800;margin-top: -5px;}
.sub-title { color: white; font-size: 150px; font-weight: 500; }
.fp > div.preopen > div { width: 100%; text-align: center; height: 150px; clear: both; }
.fp div.preopen div img { width: 100%; height: auto; display: inline-block; margin-top: 20px; }
.fp div.preopen div h1 { line-height: 240px; height: 100%; }
.menuman-btn { line-height: 1.5715; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; box-shadow: rgba(0, 0, 0, 0.016) 0px 2px 0px; cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; user-select: none; touch-action: manipulation; height: 32px; padding: 4px 15px; font-size: 14px; border-radius: 2px; color: rgba(0, 0, 0, 0.85); background: rgb(255, 255, 255); border: 1px solid rgb(217, 217, 217); text-decoration: none; }
.menuman-round {border-radius: 32px !important; font-weight: 800;}
.menuman-btn:hover { text-decoration: none; }
.fp .preopen { max-width: 400px; margin: 30px auto; padding: 30px; }
.menuman-btn-primary:focus, .menuman-btn-primary:hover { color: rgb(255, 255, 255); background: var(--blue); }
.menuman-btn-primary { background: rgb(255, 255, 255); color: var(--blue); border-color: var(--blue); text-shadow: rgba(0, 0, 0, 0.12) 0px -1px 0px; box-shadow: rgba(0, 0, 0, 0.043) 0px 2px 0px; }
.menuman-btn-bold {background: var(--blue);color: var(--blue);border-color: var(--blue);text-shadow: rgba(0, 0, 0, 0.12) 0px -1px 0px;box-shadow: rgba(0, 0, 0, 0.043) 0px 2px 0px;color: rgb(255, 255, 255) !important;}


.fp-start { width: 90%; height: 80px; font-size: xx-large; line-height: 80px; }
.header {height: 80px;position: absolute;top: 0px;left: 0px;right: 0px;text-align: left;padding-left: 40px;background: rgba(255,215,0,.4);color: white;border-radius: 0 0 0 0px;border-left: 7px solid rgba(255,215,0,.4);}
.header img { height: 60px; }
.menu {width: 300px;position: absolute;inset: 80px 430px 0px 0px;padding-top: 30px;overflow-y: scroll;border-right: solid 1px rgba(255, 215, 0, .4);background: transparent;bottom: 20px;}
.menu  div.cat {float: left;width: 280px;min-height: 80px;border: 1px solid #FFC107;margin-left: 10px;margin-top: 30px;text-align: center;cursor: pointer;transition: box-shadow 0.3s ease 0s, border-color 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s;background-color: rgba(255, 215, 0, 0.4);color: white;}
.menu  div.cat h3{font-family:"Source Sans Pro" !important; font-size: 40px !important; font-weight: 800;}

.menu  div.cat:hover { border-color: transparent; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px -2px, rgba(0, 0, 0, 0.12) 0px 3px 6px 0px, rgba(0, 0, 0, 0.09) 0px 5px 12px 4px; }
.menu  div.cat.active {  border: 1px solid #000;  }
.menu  div.cat > img {height: 100px;object-fit: cover;width: 279px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}
.content {/* inset: 80px 430px 0px 130px; */position: absolute;overflow-y: scroll;padding-left: 30px;padding-top: 30px;padding-bottom: 50px;left: 310px;top: 100px;right: 430px;bottom: 20px;}

.content .item-product {float: left;width: 50%;max-width: 280px;height: 100px;margin-left: 1%;margin-right: 1%;max-height: 200px;text-align: center;margin-bottom: 30px;border: 1px solid black;cursor: pointer;transition: box-shadow 0.3s ease 0s, border-color 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s;}
.content .item-product.wimg{float: left;width: 41%;max-width: 238px;height: 80px;margin-left: 1%;margin-right: 1%;max-height: 200px;text-align: center;margin-bottom: 100px;border: 1px solid black;cursor: pointer;transition: box-shadow 0.3s ease 0s, border-color 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s;}
.content .item-product:hover { border-color: transparent; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px -2px, rgba(0, 0, 0, 0.12) 0px 3px 6px 0px, rgba(0, 0, 0, 0.09) 0px 5px 12px 4px; }
.content .item-product > .image{display: none;}
.content .item-product > .description{display: none;}
.content .item-product.wimg > .iname{ margin-top: 80px; border-bottom: solid 1px black; border-left: solid 1px black; border-right: solid 1px black;}
.content .item-product.wimg > .trapezoid{ margin-top: -62px;}

::-webkit-scrollbar { display: none; }
.cart-open {position: absolute;top: 0px;bottom: 80px;right: 0px;background: b29ae7;width: 420px;border-left: solid 10px b29ae7;}
.cart {width: 96%;position: absolute;top: 80px;bottom: 100px;overflow-y: scroll;padding: 2%;border-left: solid 7px rgba(255,215,0,.4);background: transparent;}
.cart .item {font-weight: 800;width: 94%;padding: 2.8% 2.8% 25px;clear: both;margin-bottom: 20px;min-height: 75px;height: max-content;border: 1px solid rgb(0 0 0);cursor: pointer;transition: box-shadow 0.3s ease 0s, border-color 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s;background: rgba(255,215,0,.4);color: white;}
.cart .item:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px -2px, rgba(0, 0, 0, 0.12) 0px 3px 6px 0px, rgba(0, 0, 0, 0.09) 0px 5px 12px 4px; }
.cart .item .item-identity {float: left;width: 100%;padding-bottom: 5px;}
.cart .item .item-identity .picture { width: 80px; height: 80px; float: left; }
.cart .item .item-identity .picture img { width: 80px; height: 80px; object-fit: cover; }
.cart .item .item-identity .name { margin-left: 20px; float: left; font-size: 16px;}
.cart .item .item-identity .name h4{ font-size: 16px;}

.cart .item .item-modifier {clear: both;font-size: 18px;margin-top: 5px;margin-bottom: 5px;font-weight: 1000;}
.cart .item .item-quantity {float: left;width: 20%;font-size: 20px;text-align: center;padding-left: 35px;}
.cart .item .item-total {float: left;width: 50%;text-align: right;font-size: 20px;}
.cart .item .item-delete {position: absolute;width: 120px;text-align: right;color: white;right: 5%;margin-top: 65px;}
.cart .btn-remove {width: 75px;height: 30px;background: var(--blue);border-radius: 100px;display: inline-block;text-align: left;padding-left: 20px;}
.cart .btn-remove i {margin-right: 8px;font-size: 15px;margin-top: 7px;}
.cart-footer {width: 100%;position: absolute;bottom: 0px;left: 0;right: 0;bottom: 0;height: 100px;background: rgba(255,215,0,.4);/* border-radius: 10px 0 0 0; */border-left: solid 7px rgba(255,215,0,.4);color: white;}
.cart-footer > div {margin: 1%;float: left;}
.cart-footer > div.btn-menuman { width: 15%; float: left; }
.cart-footer > div.total-cart {width: 100%;float: left;text-align: left;padding-left: 0px;color: var(--blue);margin: 0 !important;}
.clear { clear: both; }
.total-price-container { height: 50px; font-size: 20px; width: 90% !important; }
.fp-item {max-width: 1400px;margin: auto;}
.fp-item.tiny{max-width: 1024px !important;width: 1024px;margin-top: 10px;};
.fp-item > div {width: 100%;text-align: center;height: 0;height: max-content;margin-bottom: -20px;margin-top: -70;}
.fp-item > div#mod_container{margin-top: -90px;}
.fp-item > div.preguide{margin-top: 0px;}
.fp-item > div.latest-step{margin-top: 60px;}
.fp-item > div.preguide > div.description {/* padding-left: 10%; *//* padding-right: 10%; */width: 500px;margin: 0 auto;text-align: center;margin-bottom: 20px;border-bottom: solid 3px #222222;border-left: solid 3px #222222;border-right: solid 3px #222222;margin-top: -10px;font-size: 13px;background: #eee;}
/*.fp-item > div.preguide .button-component{    margin-bottom: -20px;}*/

.fp-item div.image img {  width: 500px;height: 500px;margin: 0 auto;}
.fp-item div.description {/* padding-left: 10%; *//* padding-right: 10%; */width: 100%;margin: 0 auto;text-align: center;margin-bottom: 20px;/* border-bottom: solid 3px #222222; *//* border-left: solid 3px #222222; *//* border-right: solid 3px #222222; *//* margin-top: -10px; */}
.fp-item div.description h5{font-size: 2em;line-height: 1.8em;}
.fp-item .add-component {text-align: center;background: red;max-width: 300px;margin-left: 150px;}
.fp-item .add-component div { float: left; }
.fp-item .add-component div.minus, .fp-item .add-component div.plus {width: 20px;height: 20px;background: var(--blue);border-radius: 100px;padding: 5px;}
.fp-item .add-component div.minus a, .fp-item .add-component div.plus a {color: rgb(255, 255, 255);line-height: 30px;font-size: 20px;}
.fp-item .add-component div.minus a i, .fp-item .add-component div.plus a i {/* padding: 20px; */}
.fp-item .add-component div.qty {width: 20%;height: 30px;font-size: 20px;line-height: 20px;}
.fp-item #frontpage_qty {height: 20px;line-height: 20px;font-size: 20px;width: 70%;padding: 0px;margin: 0px;text-align: center;}
.fp-item .button-component {clear: both;position: absolute;bottom: 40px;left: 20%;right: 20%;}

.fp-item .button-component div {float: left;width: 39%;margin-left: 35px;max-width: 352px;margin-top: 100px;}
.fp-item .button-component div:nth-child(2) {float: right;margin-right: 50px;}

.menuman-blue { background: var(--blue); color: rgb(255, 255, 255); text-decoration: none; }
.menuman-blue a { color: rgb(255, 255, 255); text-decoration: none; }

.menuman-white a { text-decoration: none; }
.menuman-white { background: rgb(255, 255, 255); border: solid 1px var(--lblue); }
.menuman-big { line-height: 50px; font-size: 20px; text-align: center; }
.resume {position: fixed;bottom: 0px;right: 0px;width: 420px;height: auto;padding-bottom: 15px;text-align: center;/* border-left: solid 6px #dfdfdf; */background: #f4433600;}
.resume > div { float: left; width: 40%; margin-left: 4%; margin-right: 4%; }
.resume .cart-btn{display: none;} 
.t-left { text-align: left !important; }
.t-center { text-align: center !important; }
#register-chooser, #login-chooser, #pickup-delivery { max-width: 400px; margin: 10px auto; padding: 10px; }
#register-chooser > div, #login-chooser > div{ width: 100%; text-align: left; clear: both; display: block; color: var(--blue); }
#register-chooser > div > input, #login-chooser > div > input, #pickup-delivery > div > input, #register-chooser > div > select, #login-chooser > div > select, #pickup-delivery > div > select { width: 100%; text-align: left; height: 50px; font-size: 35px; line-height: 40px; margin-bottom: 20px; border: solid 1px var(--blue); color: var(--blue); max-width: 100%; }
#register-chooser > div > textarea, #login-chooser > div > textarea, #pickup-delivery > div > textarea { width: 100%; text-align: left; height: 300px; font-size: 35px; line-height: 40px; margin-bottom: 20px; border: solid 1px var(--blue); color: var(--blue); }
.half-container { width: 100%; }
.half { width: 48%; margin-left: 1%; margin-right: 1%; float: right; }
.half .fp-start { width: 80%; }
#pickup-location { width: 100%; margin: 10px auto; padding: 10px; }
.pickup-location-list { width: 96%; position: absolute; top: 80px; bottom: 100px; overflow-y: scroll; padding: 2%; }
.pickup-location-list .item { width: 96%; padding: 1%; clear: both; margin-bottom: 40px; height: 120px; display: block; border: 1px solid rgb(238, 238, 238); cursor: pointer; transition: box-shadow 0.3s ease 0s, border-color 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s; }
.pickup-location-list .item:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px -2px, rgba(0, 0, 0, 0.12) 0px 3px 6px 0px, rgba(0, 0, 0, 0.09) 0px 5px 12px 4px; }
.pickup-location-list .item .item-identity { float: left; width: 85%; padding-right: 3%; }
.pickup-location-list .item .item-identity .picture { width: 80px; height: 80px; float: left; }
.pickup-location-list .item .item-identity .picture img { width: 80px; height: 80px; object-fit: cover; }
.pickup-location-list .item .item-identity .name { margin-left: 20px; float: left; }
.pickup-location-list .item .item-quantity { float: left; width: 10%; text-align: left; }
.pickup-location-list .item .item-total { float: left; width: 30%; text-align: right; }
.pickup-location-list .item .item-delete { float: left; width: 10%; text-align: right; color: white; }
.pickup-location-list .btn-remove { width: 70px; height: 70px; background: var(--blue); border-radius: 100px; display: inline-block; }
.pickup-location-list .btn-remove i { padding: 25px; font-size: 30px; }
.pickup-location-footer { width: 100%; position: absolute; bottom: 0px; height: 100px; background: rgb(240, 240, 240); }
.pickup-location-footer > div { margin: 1%; float: left; }
.pickup-location-footer > div.btn-menuman { width: 15%; float: left; }
.pickup-location-footer > div.total-cart { width: 40%; float: left; text-align: right; }
#warning.screen_model .modal-header h3 {text-align: center;font-family: "sanserif" !important;}
.modal-header a.close > i { color: var(--blue); }
textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(254, 105, 7, 0.8); }
.trapezoid {height: 0px;width: 70px;margin: auto;border-bottom: 20px solid var(--blue);border-left: 10px solid transparent;border-right: 10px solid transparent;color: white;margin-top: -20px;}

.iname {height: 100px;font-weight: 1000;margin-left: -1px;margin-right: -1px;/* margin-top: 10px; */font-size: 25;line-height: 25px;font-family: "Source Sans Pro" !important;background: #b5b5b5;border-top: solid 1px  black;}
.nav-up {font-size: 20px;color: #ffffff;text-align: center;position: fixed;width: 300px;top: 80px;background: rgba(255,215,0,.4);}
.nav-down {font-size: 20px;color: #ffffff;text-align: center;position: fixed;bottom: 0px;width: 300px;background: rgba(255,215,0,.4););}
#frontpage_note {width: 100%;min-height: 450px;max-width: 100%;min-width: 100%;max-height: 200px;font-size: 20px;padding: 30px;margin-bottom: 2%;background: #1c1c1c !important;border-top: solid 1px white !important;border-bottom: solid 1px white !important;color: white;}
.hide { display: none; }
.clear { clear: both; margin-top: 5%; text-align:center; }
.iinfo { display:none; position: absolute; margin-left: 173px; margin-top: 2px; font-size: 25px; color: var(--blue); opacity: 0.5; }
.search-box { position: absolute; top: 15px; right: 430px; }
.search-box-show{display: block !important;}
#search-input {height: 50px;width: 300px;font-size: 20px;}
#search-btn {width: 50px;padding-top: 18px !important;height: 28px !important;}
.btn-warning { background-color: var(--blue); }
.back-button{display: none;}
.back-button-show{display: none !important;}
.cart-list-open{display: block;}
#back-cart i{line-height: 50px;}
#pickup-delivery > div > textarea{ height: 200px;}
#pickup-delivery {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: white;
  bottom: 0;
  overflow-y: auto;
  z-index: 10000;
  margin: 0;
  padding: 0px;
  color: var(--blue);
}

.n-title{margin-bottom: 20px;width: 15%; float:left;color: var(--blue);margin-left: 5%;padding-left: 1%;padding-right: 0%;margin-right: 0%;/* border-left: solid 2px var(--blue); *//* border-top: solid 2px var(--blue); *//* border-bottom: solid 2px var(--blue); */}
.n-input{max-width: 100% !important;float: left;width: 65%;margin-right: 2%;color: var(--blue);}
.clear-both{clear: both; }
#smis-map-chooser{z-index: 2000000000;}
#pay-mobile{display: none;}



#back-to-menu{display: none;}

#tracking-debug{
  position: absolute;
  top: 20;
  right: 30;
  width: 350px;
  height: 200px;
  z-index: 1000000000000000;
  color: white;
  background-color: #121212a9;
  padding: 10px;
}

#frontpage{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/** masking for idle time **/
#fp-masker{
  text-align: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  padding-top: 30%;
}

#fp-masker img{
  max-width: 200px;
  height: auto;
}

.kiosk-top-left{
  width: 350px;
  position: fixed;
  margin-left: 35px;
  top: 450px;
  z-index: 100000000;
}

#select-item-for-description{
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
  clear: both;
  background-color: rgba(255, 215, 0, .4);
  padding: .5em;
  color: white;
}

#selector-category, .no-item-selected{
  background-color: rgba(255, 215, 0, .4);
  padding: .5em;
  color: white;
}



.service .menuman-blue.active, .service .menuman-blue:hover{
  background: white;
  color: var(--lblue) !important;
}


.order-options{
  background: #d1d1d1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fixbottom{
  position: absolute;
  bottom: 20;
  left: 0;
  right: 0;
}

.time-schedule ul.hour{
  margin-top: 2em;
  float:
  left;
  width: max-content;
  margin-left: 5%;
  font-size: 2em;
  line-height: 3.8em;
  max-height: 100%;
  overflow-y: scroll;
  padding-right: 2%;
}

.time-schedule ul.minute {
  max-height: 100%;
  overflow-y: scroll;
  margin-top: 2em;
  float:
  left;
  width: max-content;
  font-size: 2em;
  line-height: 5em;
}

.time-schedule ul.hour li, .time-schedule ul.minute li{
  margin-top: 1em;
  cursor: pointer;
  padding: 5px;
  color: white;
}

.time-schedule ul.hour li:hover, .time-schedule ul.hour li.active, .time-schedule ul.minute li:hover, .time-schedule ul.minute li.active{
  color: #ffffff;
  background: #222222;
}

.scheduled-container{
  position: absolute;
  top: 200px;
  bottom: 200px;
  left: 0;
  right: 0;
}


.out_of_stock{
  position: relative;
  height: 100;
  margin-top: -100px;
  background: #fbcbafe6;
  width: 100%;
  text-align: center;
  line-height: 82px;
  font-weight: 1000;
  font-size: 2em;
  color: black;
}

.wimg .out_of_stock{
  margin-top: -82.5px !important;
}


.quarter{
  max-width: 25%;
  float: left !important;
}



.neon-text {
  cursor: pointer;
  text-decoration: none;
  color: var(--clr-neon);
  text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.45em currentColor;
}

.fp-item div.description h5 span{
  background: #eee;
  border-radius: 0 !important;
  padding: 5px 5px 5px 5px;
  color: black;
  border: solid 1px #000000;
  display: inline-block;
  margin-top: 10px;
  font-weight: 1000;
  font-family: 'sanserif';
}

.fp-item .preguide div.description h5 span{
  border:none !important;
}

#warning .modal-header{
  background: #fed732;
  border-radius: 10px 10px 0 0;
}

.screen_model .modal-footer{
  background-color: #b5b5b5 !important;
}

#loading, #warning{
  background: #d3d3d3;
}

#loading .modal-footer, #warning .modal-footer{
  border-radius:  0 0 10px 10px;
  background: #b5b5b5;
}

#loading .modal-body, #warning .modal-body{
  border-radius:  0 0 10px 10px;
  background: #00000000;
}

#loading, #warning{
  border-radius: 10px 10px 10px 10px !important;
}

.latest-step .price h4{
  font-size: 25px;
  text-align: center;
}

.latest-step .title-qty h4{
  text-align: center;
}

div.service > div > div > a{
  width: 27%;
  margin-left: 1%;
  float: left;
  margin-right: 1%;
  height: 50px;
  line-height: 50px;
}

#warning.screen_model .modal-header{
  border-radius: 0 !important;
  border-bottom:  none !important;
}

#warning.screen_model{
  border-radius:0 !important;
}

.modal-body{
  border: none !important;
}

.modal-footer{
  border-top:none !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
}

.modal-header a.close > i{
  color: #000000 !important;
}

#header-left{
  border-left:none !important;
}


.purpose-checkbox-wrapper{
  min-height:330px !important;
}

.variant.one-step h3{
  margin-top: -5px !important;
}

.proceed-btn{
  font-size: 30px !important;
  font-weight: 800;
  border: solid 1px white;
}

.circle-big-number{
  font-size: 90px;
  line-height: 150px;
  color: white;
  width: 150px;
  height: 150px;
  border-radius: 1000px;
  clear: both;
  background: #443266;
  margin:0 auto;
  text-align: center;
  padding-left: 5px;
}

.variant .minified .checkbox-square .label-desc{
  bottom: 18px !important;
}

#variant-back{
  margin-top: 170px;
}

.fp-item .latest-step .button-component div, .fp-item .preguide .button-component div{
  margin-top:0px !important;
}

.preguide .image div#nameitem{
  position: absolute;
  top: 40px;
  text-align: center;
  width: 430px;
  margin-left: 300px;
  color: white;
  height: 430px;
}

.preguide .image div#nameitem div#wrapping{
  vertical-align: middle;
  display: table-cell;
  font-size: 40px;
  line-height: 50px;
  width: 450px;
  height: 430px;
  font-weight: 800;
  font-family: "sanserif" !important;
  background: radial-gradient(circle, rgba(0,0,0,0.6755077030812324) 30%, rgba(0,0,0,0) 66%, rgba(255,0,5,0) 100%);
}

#end-last-button, .fixbottom{
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
}

.purpose-checkbox-wrapper.maximize{
  min-width: 1260px !important;
  margin-left: -185px !important;
}

.screen_model .modal-body{
  min-height: 90% !important;
}

.purpose-checkbox-wrapper.twiny{
  width : 560px !important;
  margin: 0 auto;
}

.purpose-checkbox-wrapper.singleton{
  width : 265px !important;
  margin: 0 auto;
}

.btn-giant {
  font-size: 35px !important;
  line-height: 100px !important;
}

.third-container > div:nth-child(1){
  width: 70%;
  float: left;
}

.third-container > div:nth-child(2){
  width: 30%;
  float: left;
}

.variant-description{
  clear: both;
  border-bottom: solid 1px #000000;
  border-top: solid 1px #000000;
  height: 40px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.modifier-description{
  clear: both;
  max-height: 43%;
  overflow-y: auto;
}

.modifier-description::-webkit-scrollbar{
  display: block;
  background-color: #cacaca !important;
  width: 5px;
}
.modifier-description::-webkit-scrollbar-thumb {
  background: #cacaca  !important;
}

.scrollied::-webkit-scrollbar:vertical{ background-color: #FFF !important;    }
.scrollied::-webkit-scrollbar:horizontal{ background-color: #FFF !important;   }

.ls-modifier-title{
  clear: both;
  font-size: 30px;
  line-height: 35px;
  font-weight: 800;
}

.modifier-description > div{
  clear: both;
  border-bottom: solid 1px #c3c3e3;
}

.modifier-description .ls-modifier-name{
  font-size: 20px;
  line-height:25px;
  padding-left: 20px;
}
.modifier-description .ls-modifier-price{
  font-size: 20px;
  line-height:30px;
  text-align: right;
  padding-right: 10px;
  font-weight: 800;
}

#ls-variant-name{
  font-size: 30px;
  line-height:35px;
  font-weight: 800;
}
#ls-variant-price{
  font-size: 20px;
  line-height:30px;
  text-align: right;
}

.total-description {
  border-top: solid 1px #c3c3e3;
}
.total-description > div:nth-child(1){
  font-size: 30px;
  line-height: 35px;
  font-weight: 800;
  width: 40%;
}
.total-description > div:nth-child(2){
  font-size: 35px;
  line-height: 35px;
  font-weight: 800;
  width: 60%;
  text-align: right;
}


.latest-step .half{
  width: 45% !important;
  padding: 1%;
  background: rgba(255,215,0,1);
  border-radius: 10px;
  min-height: 600px;
  max-height: 600px;
  color: #000000;
}

.ls-item-name{
  font-size: 30px;
  clear: both;
  font-weight: 800;
  margin-top: 60px;
  text-align: center;
  line-height: 30px;
}

.faded-name{
  position: absolute;
  width: 70px;
  height: 40px;
  text-align: center;
  margin-top: 20px;
  margin-left: 5px;
  color: #ffffff94;
  font-size: 10px;
}

.padding10{
  padding: 10px;
}

.padding10:hover{
  color: gray;
}

.check-container .quantor{
  display: none;
}
.check-container.checked .quantor{
  display: block !important;
}