/* Default CSS */

	
/* Prevent Horizontal Scrolling on a Very Big Images */
/* Default FIXED CSS Style */
* { margin: 0px; padding: 0px; clear: both; vertical-align:top; }

option { padding: 5px; }
img { display: block; }


/* Used for INLINE-BLOCK Elements and its Parent */
.DATA { font-size: 0px; }
.e_iblock { vertical-align: top; display: inline-block; }

/* Default CHANGEABLE GLOBALLY CSS Style */
label { font-family: 'Tahoma'; font-size: 12px; text-align: justify; }
p  { line-height: 150%; }
div { line-height: 150%; }
h1 { font-family: 'Georgia'; font-size: 36px; font-weight: normal; }
h2 { font-family: 'Century Gothic'; font-size: 18px; font-weight: normal; }
a { font-family: inherit; color: inherit; font-size: inherit; }
a>img { border:0px; }
.button { text-decoration: underline; font-family: 'Verdana'; color: #000000; font-size: 12px; }
.LINK>span { display: block; }
.LINK>span.last_invoice_id { display:inline-block; }
.LINK>span.last_cart_total { display:inline-block; }
.box { width:25px; vertical-align:middle; display:inline-block; }
.label { display: block; }
.description { display: block; }
input {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box; border: none; background-color: transparent; }
textarea {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box; border: none; resize: none;  }
.hide_text { text-indent: -9999px; }
.hidden { display:none !important; } 

.popup_window_source { overflow: hidden; }
.popup_window { display:none; }
.popup_warper { display: inline-block;  position: relative; margin-top: 50px; } 
.popup_warper_centered { display: inline-block;  position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.overlay { left: 0px; top: 0px; display:none;  overflow-y:auto; width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.75); text-align:center;  }
input[type='submit'] { cursor: pointer; }

ul { margin-left: 50px;} 
ol { margin-left: 50px; } 

.vis_hidden { display:none !important; }
.notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; }



/* Generated CSS */

.body { overflow-x: hidden;   min-width: 100%; }
.design_2494b_73 { min-height: 100vh;   position:relative; width: 100%;  text-align: center;  margin-left:auto; margin-right:auto;  }
.fu { text-decoration: underline; }
.fcffffff { color: #ffffff; }
.facenter {  display:block; text-align: center; }
.style_2494_57 {  display: block;  padding-top: 1px;  background-image:var(--background-image-gradient-body); padding-top: 0!important;  }
.style_2494_51 {  text-decoration: none;  font-weight: normal;  font-style: normal;  text-align: left;  font-size: 10pt;  font-family: 'Verdana';  letter-spacing: 0px;  color: #000000;  -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s;   }
.style_2494_51:hover {  text-decoration: none;  font-weight: normal;  font-style: normal;  text-align: left;  font-size: 10pt;  font-family: 'Verdana';  letter-spacing: 0px;  color: #000000;  }
.style_2494_51.active {  text-decoration: none;  font-weight: normal;  font-style: normal;  text-align: left;  font-size: 10pt;  font-family: 'Verdana';  letter-spacing: 0px;  color: #000000;  }
input:checked + .style_2494_51 {  text-decoration: none;  font-weight: normal;  font-style: normal;  text-align: left;  font-size: 10pt;  font-family: 'Verdana';  letter-spacing: 0px;  color: #000000;  }
.style_2494_109 {  display : inline-block;  aspect-ratio: 304/109;   }
.style_598_1 {  margin-left:10px; margin-right:10px; padding-left:10px; padding-top:5px; padding-right:10px; padding-bottom:5px; text-decoration: none;  font-weight: bold;  font-style: normal;  text-align: center;  font-size: 11pt;  font-family: 'Verdana';  letter-spacing: 0px;  color: #000000;  -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s;  font-size: var(--text-size-menu) !important; font-family:var(--font-menu) !important; color: var(--color-black) !important; font-weight:500 !important;  }
.style_598_1:hover {  text-decoration: none;  font-weight: bold;  font-style: normal;  text-align: center;  font-size: 11pt;  font-family: 'Verdana';  letter-spacing: 0px;  color: #21cdc0;  }
.style_598_1.active {  text-decoration: none;  font-weight: bold;  font-style: normal;  text-align: center;  font-size: 11pt;  font-family: 'Verdana';  letter-spacing: 0px;  color: #21cdc0;  }
input:checked + .style_598_1 {  text-decoration: none;  font-weight: bold;  font-style: normal;  text-align: center;  font-size: 11pt;  font-family: 'Verdana';  letter-spacing: 0px;  color: #21cdc0;  }
.style_598_10 {  color:var(--form-text-color);  }
									.style_598_10>.innerform>label {  display:inline-block;  text-decoration: none;  font-weight: normal;  font-style: normal;  text-align: left;  font-size: 11pt;  font-family: 'Verdana';  letter-spacing: 0px;  color: #000000;  width:0px;  }
									.style_598_10>.innerform>label>.description {  text-decoration: none;  font-weight: normal;  font-style: normal;  text-align: left;  font-size: 11pt;  font-family: 'Verdana';  letter-spacing: 0px;  color: #000000;  }
									.style_598_10>.innerform>label.box {  display:inline-block;  }
									.style_598_10>.innerform>.single {  display:inline-block;  height:30px;  padding-left:10px;  }
									.style_598_10>.innerform>.multi {  display:inline-block;  padding-left:10px;  }
									.style_598_10>.innerform>.input {  text-decoration: none;  font-weight: normal;  font-style: normal;  text-align: left;  font-size: 9pt;  font-family: 'Arial';  letter-spacing: 0px;  color: #474747;  width:100%;  background-color:var(--form-background-color);  border-left:1px solid var(--form-border-color);  border-right:1px solid var(--form-border-color);  border-top:1px solid var(--form-border-color);  border-bottom:1px solid var(--form-border-color);  }
.style_2494b_84 {  background-color:var(--color-tertiery);; border-top:1px solid #034997; border-bottom:1px solid #0e1f33; padding-left:20px; padding-top:18px; padding-right:20px; padding-bottom:18px; text-decoration: none;  font-weight: normal;  font-style: normal;  text-align: left;  font-size: 11pt;  font-family: 'Verdana';  letter-spacing: 0px;  color: #ffffff;  -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s;  font-family:var(--font-menu) !important; font-weight:var(--medium) !important; font-size:var(--text-size-normal) !Important;  }
.style_2494b_84:hover {  background-color:var(--color-primary);; text-decoration: none;  font-weight: normal;  font-style: normal;  text-align: left;  font-size: 11pt;  font-family: 'Verdana';  letter-spacing: 0px;  color: #ffffff;  }
.style_2494b_84.active {  background-color:var(--color-primary);; text-decoration: none;  font-weight: normal;  font-style: normal;  text-align: left;  font-size: 11pt;  font-family: 'Verdana';  letter-spacing: 0px;  color: #ffffff;  }
input:checked + .style_2494b_84 {  background-color:var(--color-primary);; text-decoration: none;  font-weight: normal;  font-style: normal;  text-align: left;  font-size: 11pt;  font-family: 'Verdana';  letter-spacing: 0px;  color: #ffffff;  }
.style_3818_92 {  padding-left:30px; padding-top:10px; padding-right:30px; padding-bottom:10px; text-decoration: none;  font-weight: normal;  font-style: normal;  text-align: center;  font-size: 9pt;  font-family: 'Arial';  letter-spacing: 0px;  color: #ffffff;  -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s;  z-index: 1; overflow: hidden;  }
.style_3818_92:hover {  text-decoration: none;  font-weight: normal;  font-style: normal;  text-align: center;  font-size: 9pt;  font-family: 'Arial';  letter-spacing: 0px;  color: #ffffff;  }
.style_3818_92.active {  background-color:var(--color-secondary);; }
input:checked + .style_3818_92 {  background-color:var(--color-secondary);; }
.style_3818_93 {  background-color:var(--color-primary);; padding-left:20px; padding-top:10px; padding-right:20px; padding-bottom:10px; background-image: url('https://www.additon.id/~img/material_symbols_arrow_forward_ios-279a1-3818_195-twebp80.webp') ;  background-position: center center ;  background-repeat: no-repeat ;  text-decoration: none;  font-weight: normal;  font-style: normal;  text-align: center;  font-size: 9pt;  font-family: 'Arial';  letter-spacing: 0px;  color: #ffffff;  -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s;  z-index: 1; overflow: hidden;  }
.style_3818_93:hover {  background-color:var(--color-secondary);; text-decoration: none;  font-weight: normal;  font-style: normal;  text-align: center;  font-size: 9pt;  font-family: 'Arial';  letter-spacing: 0px;  color: #ffffff;  }
.style_2494b_78 {  display : inline-block;  border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; aspect-ratio: 698/385;   }
.style_3818_91 {  display : inline-block;  border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; aspect-ratio: 708/264;   }
.style_598_13 {  display : inline-block;  width:100%; aspect-ratio: 1440/550;   }
.style_598_4 {  border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; padding-left:30px; padding-top:10px; padding-right:30px; padding-bottom:10px; text-decoration: none;  font-weight: normal;  font-style: normal;  text-align: center;  font-size: 9pt;  font-family: 'Arial';  letter-spacing: 0px;  color: #ffffff;  -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s;  z-index: 1; overflow: hidden;  }
.style_598_4:hover {  text-decoration: none;  font-weight: normal;  font-style: normal;  text-align: center;  font-size: 9pt;  font-family: 'Arial';  letter-spacing: 0px;  color: #ffffff;  }
.style_2494_63 {  display : inline-block;  opacity:1; width:100%; aspect-ratio: 293/206;  -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s;   }
.style_2494_63:hover {  opacity:0.7; }
.style_2494_102 {  width:40px; height:30px; margin-left:5%; margin-right:5%; border-top-left-radius:30px; border-top-right-radius:30px; border-bottom-right-radius:30px; border-bottom-left-radius:30px; padding-top:5px; padding-bottom:5px; font-family: 'Economica', 'Verdana';  font-weight: 400;  font-style: normal;  text-decoration: none;  text-align: center;  font-size: 72pt;  letter-spacing: 0px;  color: #ffffff;  -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s;   }
.style_2494_102:hover {  font-family: 'Economica', 'Verdana';  font-weight: 400;  font-style: normal;  text-decoration: none;  text-align: center;  font-size: 72pt;  letter-spacing: 0px;  color: #e22231;  }
.style_3686_85 {  display : inline-block;  aspect-ratio: 80/80;   }
.style_2494b_81 {  display : inline-block;  border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; width:100%; aspect-ratio: 500/260;   }
.style_2494_97 {  display : inline-block;  border-top-left-radius:10px; border-top-right-radius:10px; width:100%; aspect-ratio: 250/187;   }
.style_2494_53 {  box-shadow:0px 0px 19px rgba(0,0,74,0.15); -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s;   }
.style_2494_53:hover {  transform:  translateY(-8px) ;  -moz-transform:  translateY(-8px) ;  -webkit-transform:  translateY(-8px) ;  -ms-transform:  translateY(-8px) ;   }
.style_598_14 {  display : inline-block;  vertical-align:middle;  }
.lay_2494_298 {  text-align:left; display:block; position:relative; padding-top:1px;  }
.lay_598_1 {  text-align:left; display:block; position:relative; padding-top:1px;  }
.lay_2494_295 {  display:block; position:relative; background-color:var(--color-primary) !Important;; padding-top:10px; padding-bottom:10px; display:var(--display-kalau-mobile-hilang) !important;  }
.lay_2494_110 {  display:block; position:relative; padding-top:1px;  }
.lay_3370_370 {  text-align:right; display:block; position:relative; background-color:var(--color-white);  }
.lay_3329_322 {  display:block; position:relative; padding-top:1px;  }
.lay_2494b_296 {  text-align:left; display:block; position:relative; padding-top:1px;  }
.lay_598_6 {  display:block; position:relative; padding-top:1px; justify-content: right; flex-basis:0%;  }
.lay_598_66 {  text-align:center; display:block; position:relative; padding-top:1px; padding-top: 0px;  }
.lay_2545_266 {  display:block; position:relative; background-color:var(--color-tertiery);; padding-top:1px; box-shadow:1px 0px 3px rgba(74,74,74,0.2); padding-top: 0px;  }
.lay_2494b_295 {  text-align:left; display:block; position:relative; padding-top:1px;  }
.lay_2494_300 {  text-align:center; display:block; position:relative; background-color:var(--color-white); padding-top:15px; padding-bottom:15px; z-index:15;  }
.lay_2494_301 {  min-height:45px; display:block; position:relative; padding-top:1px;  }
.lay_598_5 {  text-align:center; display:block; position:relative; padding-top:0px !Important; z-index:20; top:0px; left:0px;  }
.lay_2494b_338 {  text-align:center; display:block; position:relative; margin-bottom:30px; padding-top:1px; text-align:var(--text-align-left-to-center);  }
.lay_2494b_337 {  display:block; position:relative; padding-top:1px;  }
.lay_2494b_336 {  display:block; position:relative; padding-top:1px;  }
.lay_2494_112 {  text-align:center; display:block; position:relative; padding-top:50px !Important;; padding-bottom:50px !Important;;  }
.lay_3818_364 {  display:block; position:relative; padding-top:1px;  }
.lay_3818_362 {  display:block; position:relative; margin-bottom:30px; padding-top:50px !important; padding-bottom:50px !important;  }
.lay_3818_361 {  min-height:300px; display:block; position:relative; padding-top:1px;  }
.lay_3818_355 {  width:100%; display:block; position:relative;  }
.lay_3818_354 {  text-align:center; width:100vw; display:block; position:relative; padding-top:10px; padding-bottom:10px;  }
.lay_3726_347 {  display:block; position:relative; margin-bottom:30px; padding-top:1px;  }
.lay_2494_281 {  text-align:center; display:block; position:relative;  }
.lay_2494b_358 {  text-align:left; display:block; position:relative; padding-top:50px !important;; padding-bottom:50px !important;;  }
.lay_3726_349 {  text-align:center; min-height:160px; display:block; position:relative; padding-top:50px !Important;; padding-bottom:50px !Important;; display: flex !important; justify-content: center !important; align-items: center !important;  }
.lay_3726_348 {  display:block; position:relative; margin-bottom:40px; padding-top:1px;  }
.lay_3686_324 {  display:block; position:relative;  }
.lay_3686_326 {  display:block; position:relative; background-color:var(--color-tertiery); padding-top:50px; padding-bottom:50px;  }
.lay_3686_325 {  display:block; position:relative; margin-bottom:20px; padding-top:1px;  }
.lay_2494b_349 {  text-align:center; min-height:160px; display:block; position:relative; padding-top:1px; display: flex !important; justify-content: center !important; align-items: center !important;  }
.lay_3818_357 {  text-align:center; min-height:160px; display:block; position:relative; border-bottom:1px solid #353535; padding-top:1px; display: flex !important; justify-content: center !important; align-items: center !important;  }
.lay_3818_358 {  display:block; position:relative; padding-top:1px;  }
.lay_3686_328 {  display:block; position:relative; padding-top:1px;  }
.lay_2494b_347 {  text-align:left; display:block; position:relative;  }
.lay_598_12 {  text-align:left; display:block; position:relative;  }
.lay_2494b_350 {  display:block; position:relative; padding-top:20px; padding-bottom:20px; justify-content: top !important; align-items: top !important;  }
.lay_2494_202 {  text-align:center; display:block; position:relative; padding-top:17px; padding-bottom:17px; top:0px;  }
.lay_598_13 {  text-align:center; width:100%; display:block; position:relative; background-color:#060628; padding-top:20px;  }
.lay_598_16 {  text-align:center; display:block; position:relative; padding-top:1px; display: flex !important; justify-content: center !important; align-items: center !important;  }
.lay_598_14 {  width:100%; display:block; position:relative; padding-top:1px;  }
.lay_2494b_353 {  display:inline-block; position:relative; background-color:rgba(0,0,0,0.5); padding-top:1px;  }
.lay_598_15 {  text-align:center; width:100%; display:block; position:relative; padding-top: 0px;  }
.lay_2494_111 {  text-align:center; display:inline-block; position:relative; margin-bottom:30px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; padding-left:25px !important; padding-top:25px !important; padding-right:25px !important; padding-bottom:25px !important;  }
.lay_3818_356 {  min-height:100px; display:block; position:relative; margin-top:20px; margin-bottom:20px; padding-top:1px;  }
.lay_2494_308 {  display:block; position:relative; padding-top:1px;  }
.lay_2494b_318 {  text-align:center; display:block; position:relative; background-color:var(--color-white) !Important;; margin-bottom:35px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; padding-top:1px; padding-top:0px; margin-top:0px;  }
.lay_2494b_355 {  text-align:left; display:block; position:relative; padding-left:0px !Important; padding-top:1px; padding-right:0px !Important; padding-bottom:10px;  }
.lay_2494b_354 {  text-align:left; display:block; position:relative; padding-top:1px; padding-right:20px;  }
.lay_598_11 {  text-align:center; width:31px; height:31px; display:inline-block; position:relative; padding-left:5px; padding-top:1px; padding-right:5px; padding-bottom:1px;  }
.lay_2346_45 {  display:block; position:relative; background-color:#020202; margin-left:f; border-left:1px dashed #555555; border-top:1px dashed #555555; border-right:1px dashed #555555; border-bottom:1px dashed #555555; border-top-left-radius:15px; border-top-right-radius:0px; border-bottom-right-radius:15px; border-bottom-left-radius:0px; padding-left:25px; padding-top:10px; padding-right:25px; padding-bottom:10px;  }
#ins_2494b_293 {  display:block; position:relative;  }
#ins_2494b_294 {  display:block; position:relative;  }
#ins_2494b_295 {  display:block; position:relative; margin-top:95px;  }
#ins_2494b_296 {  display:block; position:relative; margin-top:30px;  }
#ins_3818_204 {  display:block; position:relative;  }
#ins_3818_185 {  display:block; position:relative; margin-top:50px;  }
#ins_3818_184 {  display:block; position:relative; margin-top:100px;  }
#ins_2494b_297 {  display:block; position:relative; margin-top:50px;  }
#ins_3726_187 {  display:block; position:relative; margin-top:30px; z-index:99;  }
#ins_3686_179 {  display:block; position:relative; margin-top:100px;  }
#ins_2494b_303 {  display:block; position:relative;  }
.data_2494b_1061 {  display:block; position:relative;  }
.data_3818_967 {  display:block; position:relative;  }
.data_3726_940 {  width:20px; display:inline-block; position:relative; margin-right:10px; vertical-align:middle;  }
.data_2494_1162 {  display:inline-block; position:relative; margin-right:7px; vertical-align:middle;  }
.data_2494_1163 {  display:inline-block; position:relative; vertical-align:middle;  }
.data_2494_1078 {  display:block; position:relative; vertical-align:middle; top:0px;  }
.data_598_1 {  display:inline-block; position:relative; margin-right:30px; padding-left:25px; background-image: url('https://www.additon.id/~img/mail-cc75b-2494_142-twebp80.webp') ;  background-position: left center ;  background-repeat: no-repeat ;  display:inline-flex; justify-content:center; align-items:center;  }
.data_598_2 {  display:inline-block; position:relative; margin-right:30px; padding-left:25px; background-image: url('https://www.additon.id/~img/phone_call-52043-2494_143-twebp80.webp') ;  background-position: left center ;  background-repeat: no-repeat ;  display: inline-flex !IMPORTANT; justify-content: center; align-items: center;  }
.data_2494_1092 {  display:block; position:relative;  }
.data_2494_1088 {  display:block; position:relative; z-index:50; vertical-align:middle;  }
.data_2494_340 {  display:inline-block; position:relative; vertical-align:middle; top:0px;  }
.data_2494_1090 {  display:block; position:relative; margin-top:12px;  }
.data_598_13 {  display:inline-block; position:relative; vertical-align:middle;  }
.data_598_14 {  display:inline-block; position:relative; vertical-align:middle;  }
.data_598_19 {  display:inline-block; position:relative; vertical-align:middle;  }
.data_598_16 {  display:inline-block; position:relative; vertical-align:middle;  }
.data_3726_945 {  display:inline-block; position:relative; vertical-align:middle;  }
.data_3818_966 {  display:inline-block; position:relative; vertical-align:middle;  }
.data_3818_971 {  display:inline-block; position:relative; vertical-align:middle;  }
.data_3818_987 {  display:inline-block; position:relative;  }
.data_3818_972 {  display:inline-block; position:relative; vertical-align:middle;  }
.data_3726_946 {  display:inline-block; position:relative; margin-left:5px; padding-top:12px; vertical-align:middle; top:-5px;  }
.data_2494b_856 {  width:20px; display:inline-block; position:relative;  }
.data_2494b_857 {  display:none; position:absolute;  }
.data_2494b_858 {  display:inline-block; position:relative; vertical-align:middle;  }
.data_2494b_859 {  display:block; position:relative;  }
.data_2494b_860 {  display:inline-block; position:relative; border-top-left-radius:10px; border-bottom-left-radius:10px; padding-top:9px; padding-bottom:10px; top:0px; left:0px; text-align: center !important;  }
.data_2494b_861 {  display:block; position:relative;  }
.data_2494b_862 {  display:inline-block; position:relative; vertical-align:middle;  }
.data_2494b_863 {  display:block; position:relative;  }
.data_3686_922 {  display:block; position:absolute; background-color:#ffffff; z-index:100; top:20px; right:15px;  }
.data_2494b_853 {  width:23px; height:20px; display:block; position:relative;  }
.data_2494b_854 {  display:block; position:absolute;  }
.data_2494_903 {  display:block; position:relative; background-color:rgba(0, 54, 114, 1); padding-left:20px; padding-top:15px; padding-bottom:15px;  }
.data_2494_520 {  display:block; position:relative; border-top:1px solid #4a4a4a; border-bottom:1px solid #034997;  }
.data_598_147 {  display:block; position:relative;  }
.data_598_148 {  display:block; position:relative;  }
.data_598_149 {  display:block; position:relative;  }
.data_598_152 {  display:block; position:relative;  }
.data_3726_996 {  display:block; position:relative;  }
.data_3726_999 {  display:block; position:relative;  }
.data_3818_1006 {  display:block; position:relative; text-transform:uppercase!important;  }
.data_3818_1007 {  display:block; position:relative; text-transform:uppercase!important;  }
.data_3818_1008 {  display:block; position:relative;  }
.data_3818_1010 {  display:block; position:relative;  }
.data_2494b_855 {  display:block; position:relative;  }
.data_2494b_1111 {  display:block; position:relative; display:var(--display-kalau-mobile-muncul) !important;  }
.data_2494_1052 {  display:block;  }
.data_2494b_1070 {  display:block; position:relative;  }
.data_2494b_1066 {  display:block; position:relative; margin-bottom:0px; padding-left:25px; background-image: url('https://www.additon.id/~img/icon_red-6ffdc-3818_177-twebp80.webp') ;  background-position: left center ;  background-repeat: no-repeat ;  text-transform:uppercase! important; letter-spacing: 0.1;  }
.data_2494b_1067 {  display:block; position:relative; margin-top:5px; margin-bottom:5px;  }
.data_2494b_1068 {  display:block; position:relative;  }
.data_2494b_1098 {  display:inline-block; position:relative; margin-top:20px;  }
.data_3818_999 {  display:inline-block; position:relative;  }
.data_3818_1001 {  display:inline-block; position:relative;  }
.data_2494b_1069 {  display:block; position:relative; margin-bottom:20px;  }
.data_2494b_1060 {  width:100%; display:block; position:relative;  }
.data_3818_992 {  display:block; position:absolute; left:0px;  }
.data_3818_993 {  display:block; position:absolute; top:-50%; right:0px;  }
.data_3818_1000 {  display:block; position:absolute; right:0px;  }
.data_3818_998 {  display:block; position:absolute; z-index:9; top:-10%; left:50%;  }
.data_3818_991 {  width:100%; display:block; position:relative; right:0px;  }
.data_3818_990 {  display:block; position:relative; left:15%;  }
.data_3818_994 {  display:block; position:relative; margin-bottom:0px; padding-left:25px; background-image: url('https://www.additon.id/~img/icon_red-6ffdc-3818_177-twebp80.webp') ;  background-position: left center ;  background-repeat: no-repeat ;  text-transform:uppercase! important; letter-spacing: 0.1;  }
.data_3818_995 {  display:block; position:relative; margin-top:5px; margin-bottom:5px;  }
.data_3818_997 {  display:inline-block; position:relative; margin-top:20px;  }
.data_3818_970 {  display:block; position:relative; margin-top:20px; margin-bottom:20px;  }
.data_3818_969 {  display:block; position:relative; margin-top:10px; margin-bottom:10px;  }
.data_2494b_1108 {  display:block; position:relative;  }
.data_3726_957 {  display:inline-block; position:relative; margin-top:15px; margin-bottom:15px;  }
.data_2494b_1109 {  display:block; position:relative; margin-bottom:15px;  }
.data_3726_972 {  height:40px; display:block; position:relative;  }
.data_3726_967 {  display:block; position:relative;  }
.data_3726_968 {  display:block; position:absolute;  }
.data_3726_970 {  display:block; position:relative; margin-left:120px; padding-top:15px;  }
.data_3818_968 {  display:block; position:relative; margin-left:120px;  }
.data_3726_973 {  display:block; position:relative;  }
.data_3686_917 {  display:block; position:relative;  }
.data_3726_956 {  display:inline-block; position:relative; padding-top:10px; text-transform:uppercase;  }
.data_3686_914 {  display:block; position:relative; margin-bottom:15px;  }
.data_3686_915 {  display:block; position:relative;  }
.data_3686_916 {  display:none; position:relative; margin-top:15px; padding-left:10px; padding-right:10px;  }
.data_3818_979 {  display:block; position:relative;  }
.data_3818_974 {  display:inline-block; position:relative; vertical-align:middle; top:0px;  }
.data_3686_940 {  display:inline-block; position:relative; vertical-align:middle; top:0px;  }
.data_3818_975 {  display:block; position:relative; margin-bottom:15px;  }
.data_3818_978 {  display:block; position:relative; margin-bottom:20px;  }
.data_3686_939 {  display:block; position:relative; padding-top:30px;  }
.data_3686_924 {  display:block; position:relative; margin-bottom:25px; vertical-align:top;  }
.data_3726_964 {  display:block; position:relative;  }
.data_3818_989 {  display:block; position:relative; margin-bottom:5px;  }
.data_3686_921 {  display:block; position:relative; padding-left:30px!important; background-image: url('https://www.additon.id/~img/vector-e4aa7-2494b_176-twebp80.webp') ;  background-position: left 5px ;  background-repeat: no-repeat ;   }
.data_3818_982 {  display:block; position:relative; top:-35px;  }
.data_3818_980 {  margin-bottom:5px;  }
.data_3818_981 {  display:block; position:relative; padding-left:30px!important; background-image: url('https://www.additon.id/~img/vector-e4aa7-2494b_176-twebp80.webp') ;  background-position: left 5px ;  background-repeat: no-repeat ;   }
.data_3726_962 {  display:block; position:relative; padding-left:30px !important; background-image: url('https://www.additon.id/~img/clarity_email_solid-d9797-3686_158-twebp80.webp') ;  background-position: left center ;  background-repeat: no-repeat ;   }
.data_3726_997 {  display:block; position:relative; padding-left:30px !important; background-image: url('https://www.additon.id/~img/carbon_phone_voice_filled-a3ef1-2494b_175-twebp80.webp') ;  background-position: left center ;  background-repeat: no-repeat ;   }
.data_3686_925 {  display:block; position:relative; margin-bottom:25px; vertical-align:top;  }
.data_3726_963 {  display:block; position:relative; vertical-align:top;  }
.data_2494_403 {  display:block; position:relative; background-color:var(--color-primary) !Important;;  }
.data_2494_657 {  display:inline-block; position:relative; margin-right:5px; vertical-align:middle;  }
.data_2494_658 {  display:inline-block; position:relative; vertical-align:middle;  }
.data_3686_957 {  display:block; position:fixed; bottom:20px; right:15px;  }
.data_3686_953 {  display:block; position:relative;  }
.data_598_28 {  width:100%; display:block; position:relative;  }
.data_3726_975 {  width:100%; height:100%; display:block; position:absolute;  }
.data_3726_974 {  width:100%; height:100%; display:none; position:absolute; top:0px; left:0px;  }
.data_598_32 {  display:block; position:relative;  }
.data_598_33 {  width:70%; display:inline-block; position:relative;  }
.data_2494b_1099 {  display:block; position:relative;  }
.data_2494_1086 {  display:inline-block; position:relative;  }
.data_2494_338 {  min-height:45px; display:block; position:relative; margin-top:20px;  }
.data_3818_1004 {  display:block; position:absolute; z-index:9; bottom:0px; left:8px;  }
.data_3818_1002 {  display:inline-block; position:relative;  }
.data_3818_1003 {  display:inline-block; position:relative;  }
.data_3818_973 {  width:100%;  }
.data_2494b_931 {  display:block; position:relative;  }
.data_2494_1108 {  width:100%; display:block; position:relative; padding-top:15px;  }
.data_2494b_932 {  display:block; position:relative; background-color:var(--color-primary) !Important;; margin-top:5px; border-bottom-right-radius:7px; border-bottom-left-radius:7px; padding-left:15px; padding-top:10px; padding-right:15px; padding-bottom:10px; -webkit-transition: all 0.15s ease-in 0s; -moz-transition: all 0.15s ease-in 0s; -ms-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s;  white-space:pre-wrap;  }
.data_2494b_932:hover {  background-color:var(--color-tertiery) !Important;; }
.data_2494b_1101 {  display:block; position:relative;  }
.data_2494b_1100 {  display:block; position:relative;  }
.data_598_27 {  display:block; position:relative;  }
.data_2346_126 {  display:block; position:relative;  }

/* Default CSS Variable */
:root{	--color-primary: #E22231;	--color-secondary: #1002F5;	--color-tertiery: #04026B;	--color-quartenary: #171554;	--color-five:#ffd0d0;	--color-black: #383838;	--color-white: #fff;	--color-hover-side-left: #134B89;		--background-image-gradient-body: linear-gradient(#fff, #fff);	--background-image-gradient-primary: linear-gradient(83.26deg, #23292F 0%, rgba(35, 41, 47, 0.19) 57.32%);	--background-image-gradient-secondary: linear-gradient(#EE7D1C, #EE7D1C);	--background-image-gradient-tertiery: linear-gradient(#8A8DAB, #8A8DAB);	--background-image-gradient-quartenary: linear-gradient(#FF9941, #FF9941);	--font-header: 'Inter', sans-serif;	--font-subheader: 'Cabin', sans-serif;	--font-normal: 'Roboto', sans-serif;	--font-button: 'Roboto', sans-serif;	--font-menu:'Inter', sans-serif;	--light:300;	--normal:400;	--medium:500;	--semibold:600;	--bold:700;	--text-color-dark: #515151;	--text-color-darker: #2F2F2F;	--text-color-light: #7a7a7a;	--text-color-lighter: #F8F8F8;	/* calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); */	--title-h1: calc(14pt + (18 - 14) * ((100vw - 320px) / (1440 - 320)));	--title-large: calc(16pt + (20 - 16 ) * ((100vw - 320px) / (1440 - 320)));	--title-medium:calc(11pt + (16 - 11) * ((100vw - 320px) / (1440 - 320)));	--title-subtitle:calc(10pt + (12 - 10) * ((100vw - 320px) / (1440 - 320)));		--text-size-normal: 10.5pt;	--text-size-small: calc(10.5pt + (10 - 10) * ((100vw - 320px) / (1440 - 320)));	--text-size-smaller: 10pt;	--text-size-menu:calc(10pt + (11 - 10) * ((100vw - 320px) / (1440 - 320)));				--text-size-link-news:calc(10pt + (15 - 11) * ((100vw - 320px) / (1600 - 320)));	--text-size-button: calc(10pt + (11 - 10) * ((100vw - 320px) / (1440 - 320)));				--form-background-color:#Ffffff;	--form-border-color:#F5F2E9 ;	--form-text-color: #343434;	--form-label-color: #959595;		--text-center:center;	--text-left:left;	--text-right:right;		/* TRANSITION */	--text-align-left-to-center:center;	--text-align-right-to-center: center ;	--display-kalau-mobile-hilang: none;	--display-kalau-mobile-hilangflex:none;	--display-kalau-mobile-muncul: block;	--display-kalau-mobile-none: block;	--display-inline-flex-hilang: none;	--display-menu-mobile-muncul: inline-block;	--display-kalau-mobile-flex: none;	}			@media only screen and (min-width: 64em) {		:root{			--display-inline-flex-hilang: inline-flex;			--display-kalau-mobile-hilang: block;			--display-kalau-mobile-hilangflex:flex;			--display-kalau-mobile-flex: flex;			--display-kalau-mobile-none: none;			--display-kalau-mobile-muncul: none;			--text-align-left-to-center: left;			--text-align-right-to-center: right ;			--display-menu-mobile-muncul:none;		}					.shipping-cart-info:nth-child(4n-1), .shipping-cart-info:nth-child(4n-2)  {			background-color:var(--form-background-color) !important;				}			}	@media only screen and (max-width: 64em) {		.header-mobile {		width:100% !important;		position:fixed !important;		top:0px;		left:0px;		padding-top:10px !important;		padding-bottom:10px !important;		box-shadow: 0px 1px 10px rgb(74,74,74,0.5);		border-top:2px solid var(--color-primary) !important;		background-color:var(--color-white) !important;		z-index: 100;		border-radius: unset !important;		}		.logo > img {			width: 60px !important;		}		.logofooter > img {			width: 120px;		}		img.tag {			width: 30px !important;		}		.shipping-cart-info>div:nth-child(even) {			background-color:var(--form-background-color) !important;				}		.videoHome > div > video {			height:300px;		}				.overflow-slide {			overflow-x:auto;			-ms-flex-wrap: nowrap !important;			flex-wrap: nowrap !important;			white-space: nowrap;		}		.banner  {			min-height: 160px !important;		}		img.data_598_28 {			opacity: 1;		}		.thumb {				width: 100%;				min-height: 159px;		}				.data_3818_982{			top: -2px!important;		}	}		.product:hover > .thumb > .bgproduct {		opacity:1 !important;	}	.product:hover > .thumb {		border: 1px solid rgba(255,255,255,0) !important;		transition-delay: all 500ms ease;	}	.product:hover > .lay_2494_308>.popup_target {		opacity: 1 !important;		visibility: visible;	}	.link-to-image > img {			width:100%;	}	.flex {		display:flex !important;		align-items: center !important;		justify-content: center !important;	}	.mobile-ghosting {		display: var(--display-kalau-mobile-hilang)!important;	}	.mobile-ketemu {		display:var(--display-kalau-mobile-muncul)!important;	}		.mobile-ghosting-row {		display: var(--display-kalau-mobile-hilangflex)!important;	}	.fitcontent {		height: fit-content !important;		height: -moz-fit-content !important;		height: -o-fit-content !important;	}    .mobilemargin {		margin-left:0px !important;		margin-right:0px !important;	}	.position-row {		margin-left:0px !important;		margin-right:0px !important;	}		.position-col {		padding-left:0px !important;		padding-right:0px !important;	}	.container {		margin-left: auto !important;		margin-right: auto !important;	}		.center {		text-align:center !important;	}		.left {		text-align:left !important;	}		.left-center {		text-align:var(--text-align-left-to-center) !important;	}	.right-center {		text-align:var(--text-align-right-to-center) !important;	}	.justify {		text-align:justify !important;	}		.right {		text-align:right !important;	}		.light {		font-weight:300 !important;	}		.normal {		font-weight:400 !important;	}		.medium {		font-weight:500 !Important;	}		.semibold {		font-weight:600 !Important;	}			.bold {		font-weight:700 !Important;	}	    /* color guide */		.black {		color:var(--color-black) !important;	}	.white {		color:var(--color-white) !important;	}    .dark {        color:var(--text-color-dark) !important;    }		.darker {        color:var(--text-color-darker) !important;	}		.grey {        color:var(--text-color-light) !important;    }		.grey-light {        color:var(--text-color-lighter) !important;    }		.primary {		color:var(--color-primary) !Important;	}		.secondary {		color:var(--color-secondary) !Important;	}		.tertiery {		color:var(--color-tertiery) !Important;	}		.quartenary {		color:var(--color-quartenary) !Important;	}        /* text style*/	.ftype1 {		font-family: var(--font-header) !important;	}	.ftype2 {		font-family: var(--font-subheader) !important;	}	.ftype3 {		font-family: var(--font-normal) !important;	}	.title-h1 {		font-size:var(--title-h1) !important;        line-height: 120%;			} 		.title-large {		font-size:var(--title-large) !important;        line-height: 150%;	}    .title-medium {        font-size:var(--title-medium) !important;        line-height: 150%;    }	.subtitle {		font-size:var(--title-subtitle) !important;	}		.text-normal {		font-size:var(--text-size-normal) !important;		font-family:var(--font-normal) !important;		font-weight:400 ;        letter-spacing: 0.1px !important;        line-height: 200%;	}		.text-small {		font-size:var(--text-size-small) !important;		font-family:var(--font-normal) !important;		font-weight:400;		letter-spacing: 0.1px !important;			}		.text-smaller {		font-size:var(--text-size-smaller) !important;		font-family:var(--font-normal) !important;		font-weight:400;		letter-spacing: 0.1px !important;			}				.link-product {		font-size:var(--text-size-link-news) !important;		font-family:var(--font-normal) !Important;		color:var(--color-white) !Important;		line-height:165% !important;		text-decoration: none !important;		font-weight: var(--medium) !important;	}		.link-product:hover {		font-size:var(--text-size-link-news) !important;		font-family:var(--font-normal) !Important;		color:var(--color-five) !Important;	}			.link-product2 {		font-size:var(--text-size-link-news) !important;		font-family:var(--font-normal) !Important;		color:var(--color-tertiery) !Important;		line-height:165% !important;		text-decoration: none !important;		font-weight: var(--medium) !important;	}		.link-product2:hover {		font-size:var(--text-size-link-news) !important;		font-family:var(--font-normal) !Important;		color:var(--color-five) !Important;	}		.link-news {		font-size:var(--text-size-link-news) !important;		font-family:var(--font-normal) !Important;		line-height:140% !important;		color: var(--color-tertiery);		letter-spacing: 0.005em;	}		.link-news:hover {		font-size:var(--text-size-link-news) !important;		font-family:var(--font-normal) !Important;		color:var(--color-primary) !Important;		line-height:140% !important;		letter-spacing: 0.005em;	}			.link-readmore {		font-size:var(--text-size-normal) !important;		font-family:var(--font-normal) !Important;        color:var(--color-secondary);		text-decoration: none;		font-weight: 500 !important;	}			.link-readmore:hover {		font-size:var(--text-size-normal) !important;		font-family:var(--font-normal) !Important;		color:var(--color-primary) !Important;		text-decoration: none;		font-weight: 500 !important;	}		.link-ling {		font-size:var(--text-size-smaller) !important;		font-family:var(--font-normal) !Important;		color: var(--color-white)!Important;        text-decoration: none !important;	}	        .link-ling:hover {		font-size:var(--text-size-smaller) !important;		font-family:var(--font-normal) !important;		color: var(--color-tertiery) !important;        text-decoration: none !important;	}			.link-footer {		font-size:var(--text-size-normal) !important;		font-family:var(--font-normal) !Important;		color: var(--color-white)!Important;        text-decoration: none !important;		margin-bottom: 5px !important;	}		.link-footer:hover {		font-size:var(--text-size-normal) !important;		font-family:var(--font-normal) !Important;		color:var(--color-primary) !Important;	}	.footer-title {		font-size:var(--text-size-normal) !important;		color:var(--color-primary) !important;		margin-bottom: 10px;		font-family:var(--font-header)!important;	}		.button-standard {		padding: 10px 25px 10px 25px;		font-size: var(--text-size-button) !important;		font-family: var(--font-button) !important;		font-weight:var(--normal) !Important;		text-decoration:none;		color: var(--color-white) !important;		background-color:var(--color-primary);	}		.button-standard:hover {	  font-family: var(--font-button) !important;	  font-weight:var(--normal) !Important;	  color: var(--color-white) !important;	  background-color:var(--color-tertiery);	  transition: transform 300ms ease-in;	}    		.button-standard2 {		padding: 10px 25px 10px 25px;		font-size: var(--text-size-button) !important;		font-family: var(--font-button) !important;		font-weight:var(--normal) !Important;		text-decoration:none;		background-color:var(--color-secondary);		color: var(--color-white) !important;		letter-spacing: 1.3px !important;	}		.button-standard2:hover {	  font-family: var(--font-button) !important;	  font-weight:var(--normal) !Important;	  color: var(--color-white) !important;	  background-color:var(--color-primary);	  transition: transform 300ms ease-in;	}	.button-standard-white {		margin: 10px 3px;		padding: 10px 25px 10px 25px;		font-size: var(--text-size-button) !important;		font-family: var(--font-button) !important;		font-weight:var(--normal) !Important;		text-decoration:none;		color: var(--color-primary) !important;		letter-spacing: 1.9px !important;		background-color:var(--color-white);		border:1px solid var(--color-primary);	}		.button-standard-white:hover {	  font-family: var(--font-button) !important;	  font-weight:var(--normal) !Important;	  color: var(--color-white) !important;	  background-color:var(--color-secondary);	  transition: transform 300ms ease-in;	  border:1px solid var(--color-secondary);	}	.button-ghost {		padding: 10px 25px 10px 25px;		font-size: var(--text-size-button) !important;		font-family: var(--font-button) !important;		font-weight:var(--normal) !Important;		text-decoration:none;		background-color:var(--color-secondary);		color: var(--color-white) !important;	}			.button-ghost:hover {	  font-family: var(--font-button) !important;	  font-weight:var(--normal) !Important;	  color: var(--color-white) !important;	  background-color:var(--color-primary);	  transition: transform 300ms ease-in;	}		.button-white {		padding: 10px 25px 10px 25px;		font-size: var(--text-size-button) !important;		font-family: var(--font-button) !important;		font-weight:var(--medium) !Important;		text-decoration:none;		color: var(--color-secondary) !important;		letter-spacing: 0.3px !important;		background:var(--color-white);	}		.button-white:hover {	  border-radius: 5px;	  font-family: var(--font-button) !important;	  font-weight:var(--medium) !Important;	  color: var(--color-white) !important;	  background:var(--color-primary) ;	  transition: transform 300ms ease-in;	}			.after {	transform: scale(0, 1);	transform-origin: left;	}	.hover-left:hover:after {	transform: scale(1);	}						.data_3726_955:hover {	filter: saturate(100%) !important;	}			.footer-copyright {		font-size: var(--text-size-smaller) !important;		font-family:var(--font-normal) !important;		color: var(--color-white) !important;	}			/* cart form detail */		.style_598_38>.innerform>label {		color:var(--form-text-color) !important;		font-size:var(--text-size-small) !important;		font-family:var(--font-subheader) !important;	}			.style_598_38>.innerform>.input {		color:var(--form-text-color) !important;		font-size:var(--text-size-smaller) !important;		font-family:var(--font-normal) !important;	}		/* cart form level 1 */			.style_2494_64>.innerform>label {		color:var(--form-text-color) !important;		font-size:var(--text-size-small) !important;		font-family:var(--font-subheader) !important;			}		.style_2494_64>.innerform>.input {		color:var(--form-text-color) !important;		font-size:var(--text-size-small) !important;		font-family:var(--font-normal) !important;			}		/* cart form confirm payment */		.style_598_40>.innerform>label {		color:var(--form-text-color) !important;		font-size:var(--text-size-small) !important;		font-family:var(--font-subheader) !important;			text-align:left !important;	}		.style_598_40>.innerform>.input {		color:var(--form-text-color) !important;		font-size:var(--text-size-small) !important;		font-family:var(--font-normal) !important;	}				/* cart form registrasi */			.style_2494_91>.innerform>label {		color:var(--form-text-color) !important;		font-size:var(--text-size-small) !important;		font-family:var(--font-subheader) !important;			text-align:left !important;	}		.style_2494_91>.innerform>.input {		color:var(--form-text-color) !important;		font-size:var(--text-size-small) !important;		font-family:var(--font-normal) !important;	}    .style_598_1:hover {        color:var(--color-primary) !important;        }                .style_598_1.active {        color:var(--color-primary) !important;        }	.style_2494b_85:hover {		color:var(--color-white) !important;		}					.style_2494b_85.active {		color:var(--color-white) !important;		}	.lay_598_15>div + .data {		display: block !important;		position: absolute !important;		top: 50% !important;		margin-top: -50px !important;		}

