/* 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! */ ## 1 /* PROCESSED! */ .body { overflow-x: hidden; min-width: 100%; } .design_345d_4 { min-height: 100vh; position:relative; width: 100%; text-align: center; margin-left:auto; margin-right:auto; } .fu { text-decoration: underline; } .design_345d_8 { min-height: 100vh; position:relative; width: 100%; text-align: center; margin-left:auto; margin-right:auto; } .design_345d_7 { min-height: 100vh; position:relative; width: 100%; text-align: center; margin-left:auto; margin-right:auto; } .design_345d_6 { min-height: 100vh; position:relative; width: 100%; text-align: center; margin-left:auto; margin-right:auto; } .design_345d_2 { min-height: 100vh; position:relative; width: 100%; text-align: center; margin-left:auto; margin-right:auto; } .design_345d_5 { min-height: 100vh; position:relative; width: 100%; text-align: center; margin-left:auto; margin-right:auto; } .design_345d_11 { min-height: 100vh; position:relative; width: 100%; text-align: center; margin-left:auto; margin-right:auto; } .design_345d_9 { min-height: 100vh; position:relative; width: 100%; text-align: center; margin-left:auto; margin-right:auto; } .design_345d_10 { min-height: 100vh; position:relative; width: 100%; text-align: center; margin-left:auto; margin-right:auto; } .design_345d_3 { min-height: 100vh; position:relative; width: 100%; text-align: center; margin-left:auto; margin-right:auto; } .design_345d_1 { min-height: 100vh; position:relative; width: 100%; text-align: center; margin-left:auto; margin-right:auto; } .style_345d_1 { text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 11pt; font-family: 'Arial'; letter-spacing: 0px; color: #000000; } .style_345d_17 { font-family: 'Nunito Sans', 'Verdana'; font-weight: 400; font-style: normal; text-decoration: none; text-align: left; font-size: 11pt; 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_345d_17:hover { font-family: 'Nunito Sans', 'Verdana'; font-weight: 400; font-style: normal; text-decoration: none; text-align: left; font-size: 11pt; letter-spacing: 0px; color: #000000; } .style_345d_3 { display : inline-block; aspect-ratio: 480/458; } .style_345d_18 { border-left:2px solid var(--softgreen); border-top:2px solid var(--softgreen); border-right:2px solid var(--softgreen); border-bottom:2px solid var(--softgreen); border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; padding-left:10px; padding-top:8px; padding-right:10px; padding-bottom:8px; font-family: 'Nunito Sans', 'Verdana'; font-weight: 400; font-style: normal; text-decoration: none; text-align: left; font-size: 13pt; 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_345d_18:hover { background-color:var(--yellow); border-left:2px solid var(--yellow); border-top:2px solid var(--yellow); border-right:2px solid var(--yellow); border-bottom:2px solid var(--yellow); font-family: 'Nunito Sans', 'Verdana'; font-weight: 400; font-style: normal; text-decoration: none; text-align: left; font-size: 13pt; letter-spacing: 0px; color: #00221b; } .style_345d_18.active { background-color:var(--yellow); border-left:2px solid var(--yellow); border-top:2px solid var(--yellow); border-right:2px solid var(--yellow); border-bottom:2px solid var(--yellow); font-family: 'Nunito Sans', 'Verdana'; font-weight: 400; font-style: normal; text-decoration: none; text-align: left; font-size: 13pt; letter-spacing: 0px; color: #00221b; } input:checked + .style_345d_18 { background-color:var(--yellow); border-left:2px solid var(--yellow); border-top:2px solid var(--yellow); border-right:2px solid var(--yellow); border-bottom:2px solid var(--yellow); font-family: 'Nunito Sans', 'Verdana'; font-weight: 400; font-style: normal; text-decoration: none; text-align: left; font-size: 13pt; letter-spacing: 0px; color: #00221b; } .style_345d_16 { display : inline-block; aspect-ratio: 1440/600; } .style_345c_10>.innerform { padding-bottom:5px; } .style_345c_10>.innerform>label { display:inline-block; text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 12pt; font-family: 'Verdana'; letter-spacing: 0px; color: #bbbbbb; width:100%; } .style_345c_10>.innerform>label>.description { font-family: 'Inter', 'Verdana'; font-weight: 400; font-style: normal; text-decoration: none; text-align: left; font-size: 11pt; letter-spacing: 0px; color: #535977; } .style_345c_10>.innerform>label.box { display:inline-block; } .style_345c_10>.innerform>.single { display:inline-block; height:50px; margin-bottom:15px; padding-left:20px; padding-right:5px; padding-top:5px; padding-bottom:5px; } .style_345c_10>.innerform>.multi { display:inline-block; margin-bottom:15px; padding-left:20px; padding-right:5px; padding-top:5px; padding-bottom:5px; } .style_345c_10>.innerform>.input { text-decoration: none; font-weight: normal; font-style: normal; text-align: left; font-size: 11pt; font-family: 'Verdana'; letter-spacing: 0px; color: #ffffff; width:100%; } .style_345d_13 { display : inline-block; width:100%; aspect-ratio: 1440/455; } .style_999_35 { display : inline-block; width:180px; aspect-ratio: 242/155; } .style_999_30 { display : inline-block; aspect-ratio: 532/235; } .style_999_31 { display : inline-block; aspect-ratio: 540/226; } .style_999_33 { padding-top:10px; padding-bottom:10px; } .style_999_26>.innerform { padding-bottom:15px; } .style_999_26>.innerform>label { display:inline-block; font-family: 'Inter', 'Verdana'; font-weight: 400; font-style: normal; text-decoration: none; text-align: left; font-size: 12pt; letter-spacing: 0px; color: #c11742; width:100%; } .style_999_26>.innerform>label>.description { font-family: 'Inter', 'Verdana'; font-weight: 400; font-style: normal; text-decoration: none; text-align: left; font-size: 11pt; letter-spacing: 0px; color: #000000; } .style_999_26>.innerform>label.box { display:inline-block; } .style_999_26>.innerform>.single { display:inline-block; height:50px; margin-bottom:15px; padding-left:30px; padding-right:5px; padding-top:5px; padding-bottom:5px; } .style_999_26>.innerform>.multi { display:inline-block; margin-bottom:15px; padding-left:30px; padding-right:5px; padding-top:5px; padding-bottom:5px; } .style_999_26>.innerform>.input { font-family: 'Inter', 'Verdana'; font-weight: 400; font-style: normal; text-decoration: none; text-align: left; font-size: 11pt; letter-spacing: 0px; color: #000000; width:100%; background-color:#f5f5f5; background-repeat:no-repeat; } .style_345d_15 { display : inline-block; border-top-left-radius:15px; border-top-right-radius:15px; border-bottom-right-radius:15px; border-bottom-left-radius:15px; aspect-ratio: 320/320; } .style_345d_14 { display : inline-block; width:100%; aspect-ratio: 462/568; } .lay_345d_86 { display:block; position:relative; padding-top:1px; } .lay_345d_79 { display:block; position:relative; padding-top:1px; } .lay_345d_80 { display:block; position:relative; padding-top:1px; } .lay_345d_78 { display:block; position:relative; background-color:var(--darkgreen); padding-left:10% !Important; padding-top:10%; padding-right:10% !Important; padding-bottom:10%; } .lay_345d_81 { display:block; position:relative; padding-top:1px; z-index:99999; top:0px; } .lay_345d_141 { min-height:48px; display:block; position:relative; padding-top:1px; display:var(--display-kalau-mobile-muncul) !important; } .lay_345d_139 { display:block; position:relative; margin-top:20px; margin-bottom:50px; } .lay_345d_68 { display:block; position:relative; } .lay_345d_134 { text-align:center; display:block; position:relative; margin-top:50px; margin-bottom:30px; line-height:50px; } .lay_345d_67 { display:block; position:relative; padding-top:10%; padding-bottom:10%; height:unset; } .lay_345d_144 { display:block; position:relative; margin-bottom:20px; padding-top:1px; } .lay_345d_140 { display:inline-block; position:relative; margin-right:10px; padding-top:1px; } .lay_345d_34 { display:block; position:relative; padding-top:1px; } .lay_345d_84 { display:block; position:relative; margin-bottom:10px; padding-top:1px; } .lay_345d_85 { display:block; position:relative; } .lay_345d_52 { height:100vh; display:block; position:relative; background-color:#ffffff; padding-top:1px; display: flex !important;align-items: flex-end;justify-content: center !important; align-content: flex-end; } .lay_345d_51 { width:100vw; display:block; position:relative; padding-top:1px; } .lay_345d_55 { display:block; position:relative; padding-top:1px; } .lay_345d_88 { display:block; position:relative; padding-top:1px; } .lay_345d_54 { display:block; position:relative; padding-top:1px; } .lay_345d_53 { width:100vw; display:block; position:relative; background-color:transparent; padding-top:10%; padding-bottom:10%; } .lay_345d_59 { display:block; position:relative; padding-top:1px; } .lay_345d_57 { display:block; position:relative; padding-top:1px; display:flex !important;width:100vw;height:50vh;justify-content:center;align-items:center; } .lay_345d_127 { display:block; position:relative; padding-top:1px; } .lay_345d_56 { display:block; position:relative; padding-top:1px; } .lay_345d_61 { display:block; position:relative; } .lay_345d_129 { display:block; position:relative; padding-top:1px; } .lay_345d_63 { display:block; position:relative; padding-top:1px; } .lay_345d_62 { display:block; position:relative; padding-top:1px; } .lay_345d_155 { width:100vw; height:100vh; display:block; position:relative; padding-top:1px; overflow:hidden; } .lay_345d_39 { display:block; position:relative; margin-bottom:2%; padding-top:1px; justify-content:center; } .lay_345d_38 { text-align:center; display:block; position:relative; } .lay_345d_37 { display:block; position:relative; padding-top:1px; } .lay_345d_128 { display:block; position:relative; padding-top:1px; } .lay_345d_89 { height:100vh; display:block; position:relative; background-color:var(--yellow); padding-top:1px; } .lay_345d_93 { display:block; position:relative; padding-top:1px; } .lay_345d_94 { height:50vh; display:block; position:relative; padding-top:1px; align-items: center; } .lay_345d_92 { display:block; position:relative; background-color:var(--green); padding-top:2%; padding-bottom:2%; } .lay_345d_97 { display:block; position:relative; } .lay_345d_98 { display:block; position:relative; padding-top:10%; padding-bottom:10%; } .lay_999_113 { text-align:center; display:block; position:relative; padding-top:1px; align-self: center; } .lay_345d_96 { display:block; position:relative; background-color:#052721; margin-bottom:20px; border-left:1px solid #415B57; border-top:1px solid #415B57; border-right:1px solid #415B57; border-bottom:1px solid #415B57; border-top-left-radius:35px; border-top-right-radius:35px; border-bottom-right-radius:35px; border-bottom-left-radius:35px; padding-top:50px; padding-bottom:50px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.10); } .lay_345d_102 { display:block; position:relative; padding-top:1px; padding-bottom:10%; } .lay_345d_100 { display:block; position:relative; } .lay_345d_101 { display:block; position:relative; padding-top:1px; } .lay_345d_112 { display:block; position:relative; padding-top:1px; } .lay_345d_105 { display:block; position:relative; padding-top:1px; padding-bottom:80px; } .lay_345d_106 { display:block; position:relative; } .lay_345d_104 { display:block; position:relative; background-color:var(--white); padding-top:5%; padding-bottom:5%; } .lay_345d_114 { display:block; position:relative; background-color:var(--black); border-top-left-radius:20px; border-top-right-radius:20px; border-bottom-right-radius:20px; border-bottom-left-radius:20px; padding-top:50px; padding-bottom:50px; } .lay_345d_115 { display:block; position:relative; padding-top:2%; padding-bottom:2%; } .lay_999_111 { display:block; position:relative; margin-bottom:20px; padding-top:1px; } .lay_999_108 { height:fit-content; display:block; position:relative; } .lay_345d_107 { display:block; position:relative; border-left:1px solid #E5E5E5; border-top:1px solid #E5E5E5; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; padding-top:1px; padding-bottom:60px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.05); } .lay_345d_90 { display:block; position:relative; padding-top:1px; } .lay_345d_99 { display:block; position:relative; margin-bottom:20px; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-right-radius:8px; padding-top:10px; padding-bottom:10px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.10); } .lay_345b_155>.popup_target { z-index: 100; margin-left: 0px; margin-top: 0px; visibility: hidden; opacity: 0; -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; } .lay_345b_154 { text-align:left; width:90%; display:block; position:relative; background-color:#fff; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; padding-left:5%; padding-top:5%; padding-right:5%; padding-bottom:5%; } .lay_345b_155 { display:block; position:relative; } .lay_345d_103 { display:block; position:relative; margin-left:8px; margin-right:8px; margin-bottom:20px; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px; padding-top:10px; padding-bottom:10px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.10); } .lay_999_107 { display:block; position:relative; padding-top:1px; } .lay_345d_5 { display:block; position:relative; padding-top:1px; } .lay_345d_151 { display:block; position:relative; padding-top:1px; } .lay_345d_7 { display:block; position:relative; background-color:var(--green); padding-top:1px; z-index:3; top:0px; } .lay_345d_76 { display:block; position:relative; padding-top:1px; } .lay_345d_13 { display:block; position:relative; padding-top:1px; } .lay_345d_11 { display:block; position:relative; margin-top:6vw; padding-top:1px; padding-bottom:5%; } .lay_345d_25 { display:block; position:relative; } .lay_345d_23 { display:block; position:relative; padding-top:10%; padding-bottom:10%; height:unset !Important; } .lay_345d_24 { display:block; position:relative; margin-bottom:36px; border-left:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; border-top-left-radius:500px; border-top-right-radius:500px; border-bottom-right-radius:500px; border-bottom-left-radius:500px; padding-top:8%; padding-bottom:8%; align-items:center;opacity:0.5; } .lay_345d_21 { display:block; position:relative; } .lay_345d_18 { display:block; position:relative; padding-top:1px; } .lay_345d_20 { display:block; position:relative; border-bottom:1px solid #153530; padding-top:20px; padding-bottom:20px; } .lay_345d_19 { display:block; position:relative; border-bottom:1px solid #153530; padding-top:20px; padding-bottom:20px; } .lay_345d_121 { display:block; position:relative; padding-top:1px; } .lay_345d_122 { display:block; position:relative; padding-top:1px; } .lay_345d_152 { display:block; position:relative; padding-top:1px; } .lay_345d_153 { display:block; position:relative; padding-top:1px; } .lay_345d_32 { display:block; position:relative; padding-top:1px; } .lay_345d_83 { display:block; position:relative; padding-top:1px; } .lay_345d_158 { display:block; position:relative; } .lay_345d_82 { display:block; position:relative; padding-top:1px; } .lay_345d_160 { display:block; position:relative; } .lay_345d_159 { display:block; position:relative; padding-top:1px; } .lay_345d_157 { display:block; position:relative; padding-top:1px; } .lay_345d_161 { display:block; position:relative; padding-top:1px; } .lay_345d_148 { display:block; position:relative; } .lay_345d_48 { display:block; position:relative; padding-top:1px; } .lay_345d_137 { text-align:center; width:100vw; display:block; position:relative; background-color:var(--black); margin-bottom:30px; padding-top:5px; padding-bottom:5px; } .lay_345d_138 { display:block; position:relative; padding-top:1px; } .lay_345d_130 { width:100vw; height:100vh; display:block; position:relative; padding-top:1px; display:flex !important;align-content:center;justify-content:center; } .lay_345d_142 { display:block; position:relative; background-color:var(--black); margin-bottom:30px; padding-top:5px; padding-bottom:5px; display:var(--display-kalau-mobile-muncul) !Important; } .lay_345b_229>.popup_target { z-index: 100; margin-left: 0px; margin-top: 40px; visibility: hidden; opacity: 0; -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; } .lay_345b_229:hover>.popup_target { margin-left: 0px; margin-top: 40px; visibility: visible; opacity: 1; } .lay_345b_229 { display:block; position:relative; } .lay_345d_136 { display:block; position:relative; background-color:var(--black); margin-bottom:30px; padding-top:5px; padding-bottom:5px; display:var(--display-kalau-mobile-hilang) !Important; } .lay_345d_131 { display:block; position:relative; padding-top:1px; } .lay_345d_143 { display:block; position:relative; margin-left:5%; margin-right:5%; padding-top:1px; display:var(--display-kalau-mobile-muncul) !Important;text-align:left; } .lay_345d_60 { display:block; position:relative; margin-bottom:60px; padding-top:13px; padding-bottom:13px; } .lay_345d_6 { display:block; position:relative; padding-top:1px; display:flex !important; justify-content: center; } .lay_345d_47 { display:block; position:relative; padding-top:1px; } .lay_345d_72 { display:block; position:relative; padding-top:1px; } .lay_345d_74 { display:block; position:relative; padding-top:1px; } .lay_345d_75 { display:block; position:relative; padding-top:1px; } .lay_345d_77 { width:100vw; display:block; position:relative; padding-top:1px; flex-direction:column; } .lay_345d_73 { display:block; position:relative; padding-top:1px; } .lay_345d_15 { display:block; position:relative; } .lay_345d_12 { display:block; position:relative; padding-top:1px; height:unset !Important; } .lay_345d_119 { display:block; position:relative; padding-top:1px; } .lay_345d_118 { display:block; position:relative; } .lay_345d_14 { display:block; position:relative; border-bottom:1px solid #153530; padding-top:4.6em; padding-bottom:4.6em; } .lay_345d_120 { display:block; position:relative; padding-top:1px; } .lay_345d_117 { display:block; position:relative; padding-top:1px; display: inline-flex !Important;flex-wrap: wrap;align-items: center; } .lay_345d_123 { display:block; position:relative; padding-top:1px; overflow:hidden; } .lay_345d_124 { display:block; position:relative; padding-top:1px; } .lay_345d_125 { display:block; position:relative; padding-top:1px; } .lay_345d_17 { display:block; position:relative; padding-top:1px; } .lay_345d_126 { display:block; position:relative; padding-top:1px; } .lay_345d_16 { display:block; position:relative; padding-top:1px; } .lay_345d_22 { display:block; position:relative; padding-top:1px; } .lay_345d_31 { display:block; position:relative; padding-top:1px; padding-bottom:10%; } .lay_345d_27 { display:block; position:relative; } .lay_345d_26 { display:block; position:relative; padding-top:1px; } .lay_345d_28 { display:block; position:relative; background-color:var(--green); border-bottom:1px solid #0E332D; padding-top:35px; padding-bottom:35px; box-shadow:0px -50px 200px rgba(0,0,0,0.25); } .lay_345d_135 { display:block; position:relative; padding-top:1px; } #ins_345d_27 { display:block; position:fixed; } #ins_345d_53 { display:block; position:relative; } #ins_345d_25 { display:block; position:relative; } #ins_345d_34 { display:block; position:fixed; } #ins_345d_35 { display:block; position:relative; } #ins_345d_36 { display:block; position:relative; } #ins_345d_32 { display:block; position:fixed; } #ins_345d_30 { display:block; position:relative; } #ins_345d_31 { display:block; position:relative; } #ins_345d_28 { display:block; position:fixed; } #ins_345d_29 { display:block; position:relative; } #ins_345d_33 { display:block; position:relative; } #ins_345d_13 { display:block; position:fixed; top:0px; } #ins_345d_14 { display:block; position:relative; } #ins_345d_57 { display:block; position:relative; } #ins_345d_15 { display:block; position:fixed; } #ins_345d_16 { display:block; position:relative; } #ins_345d_58 { display:block; position:relative; } #ins_345d_44 { display:block; position:fixed; } #ins_345d_43 { display:block; position:relative; } #ins_345d_51 { display:block; position:relative; } #ins_345d_46 { display:block; position:relative; } #ins_345d_47 { display:block; position:relative; margin-top:80px; } #ins_345d_48 { display:block; position:relative; } #ins_345d_37 { display:block; position:fixed; } #ins_345d_38 { display:block; position:relative; } #ins_345d_39 { display:block; position:fixed; } #ins_345d_54 { display:block; position:relative; } #ins_345d_55 { display:block; position:relative; } #ins_345d_52 { display:block; position:relative; } #ins_345d_40 { display:block; position:relative; } #ins_345d_56 { display:block; position:relative; margin-top:50px; } #ins_345d_41 { display:block; position:relative; margin-top:80px; } #ins_345d_42 { display:block; position:relative; } #ins_345d_18 { display:block; position:fixed; } #ins_345d_19 { display:block; position:relative; } #ins_345d_20 { display:block; position:relative; } #ins_345d_21 { display:block; position:relative; } #ins_345d_22 { display:block; position:relative; margin-top:100px; } #ins_345d_23 { display:block; position:relative; } #ins_345d_24 { display:block; position:relative; margin-top:100px; } #ins_345d_26 { display:block; position:relative; } #ins_345d_45 { display:block; position:fixed; } #ins_345d_49 { display:block; position:relative; } #ins_345d_50 { display:block; position:relative; } .data_345d_198 { display:block; position:relative; } .data_345d_201 { display:block; position:relative; z-index:1000; top:5px; left:5px; } .data_345d_234 { width:57px; height:60px; display:inline-block; position:relative; margin-top:3px; vertical-align:middle; } .data_345d_199 { display:block; position:relative; } .data_345d_417 { display:block; position:absolute; } .data_345d_196 { display:block; position:relative; margin-bottom:5vh; } .data_345d_189 { width:57px; height:60px; display:none; position:relative; vertical-align:middle; } .data_345d_226 { display:inline-block; position:relative; padding-left:0px; vertical-align:middle; letter-spacing:2px; } .data_345d_197 { display:block; position:relative; } .data_345d_190 { display:block; position:relative; } .data_345d_191 { display:block; position:relative; } .data_345d_192 { display:block; position:relative; } .data_345d_193 { display:block; position:relative; } .data_345d_194 { display:block; position:relative; } .data_345d_195 { display:none; position:relative; } .data_345d_233 { display:block; position:relative; margin-top:5vh; } .data_345d_200 { display:block; position:relative; } .data_345d_382 { display:block; position:relative; } .data_345d_132 { display:block; position:relative; } .data_345d_362 { display:block; position:relative; } .data_345d_133 { display:none; position:relative; } .data_345d_349 { display:block; position:relative; } .data_345d_51 { display:block; position:relative; } .data_345d_421 { display:block; position:relative; } .data_345d_422 { display:block; position:relative; margin-top:15px; } .data_345d_227 { display:block; position:relative; } .data_345d_228 { display:block; position:relative; margin-bottom:2%; font-size:1rem;line-height:170%; } .data_345d_229 { display:block; position:relative; background-size:17px 13px; margin-bottom:2%; padding-left:30px; font-size:0.875rem; background-image: url('https://www.ikt.co.id/~img/mail-57caf-345d_48-twebp80.webp') ; background-position: left center ; background-repeat: no-repeat ; } .data_345d_231 { display:block; position:relative; background-size:16px 16px; margin-bottom:2%; padding-left:30px; padding-top:5px; padding-bottom:5px; font-size:0.875rem; background-image: url('https://www.ikt.co.id/~img/whatsapp_icon-3bebb-345d_50-twebp80.webp') ; background-position: left center ; background-repeat: no-repeat ; } .data_345d_232 { display:none; position:relative; background-size:16px 16px; margin-bottom:3px; padding-left:30px; font-size:0.875rem; background-image: url('https://www.ikt.co.id/~img/phones-14627-345d_49-twebp80.webp') ; background-position: left center ; background-repeat: no-repeat ; } .data_345d_230 { display:none; position:relative; background-size:17px 17px; padding-left:30px; font-size:0.875rem; background-image: url('https://www.ikt.co.id/~img/telegramlogo-b2dca-345d_51-twebp80.webp') ; background-position: left center ; background-repeat: no-repeat ; } .data_345d_333 { display:block; position:relative; } .data_345d_105 { display:block; position:relative; } .data_345d_106 { display:block; position:relative; opacity:0; } .data_345d_107 { width:100%; height:auto; display:block; position:relative; margin-top:30px; } .data_345d_336 { display:block; position:relative; } .data_345d_108 { display:block; position:relative; } .data_345d_110 { display:block; position:relative; margin-bottom:50px; } .data_345d_112 { display:block; position:relative; } .data_345d_113 { display:block; position:relative; margin-top:20px; } .data_345d_111 { display:block; position:relative; margin-bottom:40px; } .data_345d_236 { width:100%; height:100%; display:block; position:relative; object-fit: cover; transform-origin: right; } .data_345d_109 { display:block; position:relative; margin-top:30vh; flex-direction: row-reverse !important;-webkit-box-direction:reverse !important;-webkit-box-orient:horizontal !important; } .data_345d_337 { display:block; position:relative; } .data_345d_114 { display:block; position:relative; } .data_345d_115 { display:block; position:relative; } .data_345d_119 { margin-bottom:10px; } .data_345d_120 { display:block; position:relative; color:#BBBBBB !important; } .data_345d_116 { display:block; position:relative; } .data_345d_332 { display:block; position:relative; } .data_345d_330 { width:100%; display:block; position:relative; } .data_345d_339 { display:block; position:relative; } .data_345d_341 { display:block; position:relative; margin-bottom:30px; } .data_345d_342 { display:block; position:relative; } .data_345d_122 { display:block; position:relative; } .data_345d_123 { display:block; position:relative; } .data_345d_124 { display:block; position:relative; } .data_345d_125 { display:block; position:relative; margin-top:10px; } .data_345d_340 { display:block; position:relative; } .data_345d_414 { width:100%; height:100%; display:block; position:absolute; } .data_345d_411 { display:block; position:absolute; width: 40%;height: 250%;transform: rotate(90deg);border-radius: 100%;border: 1px solid #0b2a0e;background: linear-gradient(177deg, #022721 2.43%, rgba(0, 0, 0, 0.00) 20.53%); top:-33%; left:6%; } .data_345d_412 { display:block; position:absolute; width: 40%;height: 250%;transform: rotate(79deg);border-radius: 100%;border: 1px solid #0b2a0e;background: linear-gradient(177deg, #022721 2.43%, rgba(0, 0, 0, 0.00) 20.53%); top:-26%; left:-15%; } .data_345d_413 { display:block; position:absolute; width: 40%;height: 250%;transform: rotate(97deg);border-radius: 100%;border: 1px solid #0b2a0e;background: linear-gradient(177deg, #022721 2.43%, rgba(0, 0, 0, 0.00) 20.53%); top:-20%; left:15%; } .data_345d_66 { display:block; position:relative; } .data_345d_64 { position:relative; } .data_345d_65 { margin-top:2%; } .data_345d_67 { display:block; position:relative; } .data_345d_58 { width:48%; display:inline-block; position:relative; margin-right:2%; } .data_345d_59 { width:49%; display:inline-block; position:relative; } .data_345d_60 { width:48%; display:inline-block; margin-right:2%; } .data_345d_61 { width:49%; display:inline-block; position:relative; } .data_345d_62 { display:block; position:relative; } .data_345d_415 { width:100%; height:100vh; display:block; position:relative; z-index:25; left:0px; } .data_345d_416 { display:block; position:absolute; top:0px; left:0px; } .data_345d_239 { display:block; position:relative; } .data_345d_240 { display:block; position:relative; margin-top:30px; } .data_345d_246 { display:block; position:relative; } .data_345d_243 { width:100%; display:block; position:relative; } .data_345d_247 { display:block; position:relative; } .data_345d_244 { display:block; position:relative; margin-bottom:30px; } .data_345d_300 { display:block; position:relative; } .data_345d_248 { display:block; position:relative; } .data_345d_259 { display:block; position:relative; } .data_345d_257 { display:block; position:relative; margin-top:40px; margin-bottom:40px; padding-bottom:50px; top:50px; } .data_345d_258 { display:block; position:relative; } .data_345d_250 { display:block; position:relative; } .data_345d_251 { display:inline-block; position:relative; } .data_345d_253 { display:block; position:relative; color:#b4fff3; } .data_345d_254 { display:block; position:relative; margin-top:10px; } .data_345d_255 { display:block; position:relative; margin-top:15px; } .data_345d_256 { box-shadow:0px 0px 5px rgba(25,25,25,0.1); display:block; position:relative; margin-top:20px; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-top-left-radius:15px; border-top-right-radius:15px; border-bottom-right-radius:15px; border-bottom-left-radius:15px; padding-left:10px; padding-top:15px; padding-right:10px; padding-bottom:15px; } .data_345d_268 { display:block; position:relative; } .data_345d_301 { display:block; position:relative; } .data_345d_266 { display:block; position:relative; } .data_345d_267 { display:block; position:relative; } .data_345d_264 { display:block; position:relative; } .data_345d_289 { display:block; position:relative; } .data_345d_287 { display:block; position:relative; } .data_345d_286 { display:block; position:relative; } .data_345d_288 { display:block; position:relative; } .data_345d_306 { display:block; position:relative; } .data_345d_309 { display:block; position:relative; } .data_345d_304 { display:block; position:relative; } .data_345d_302 { display:block; position:relative; } .data_345d_303 { display:block; position:relative; margin-top:20px; } .data_345d_305 { display:block; position:relative; padding-bottom:35px; } .data_345d_297 { display:block; position:relative; } .data_345d_290 { width:100%; height:fit-content; display:block; position:relative; } .data_345d_292 { display:block; position:relative; } .data_345d_291 { display:block; position:relative; } .data_345d_242 { position:relative; } .data_345d_241 { display:block; position:relative; } .data_345d_261 { width:100%; display:block; position:relative; } .data_345d_262 { display:block; position:relative; margin-top:15px; } .data_345d_263 { width:92%; min-height:120px; display:block; position:relative; margin-left:4%; margin-top:10px; margin-right:4%; padding-bottom:10px; } .data_345d_269 { width:100%; display:block; position:relative; } .data_345d_270 { display:block; position:relative; margin-top:15px; } .data_345d_271 { display:block; position:relative; margin-top:10px; } .data_345d_272 { width:92%; display:block; position:relative; margin-left:4%; margin-top:30px; margin-right:4%; } .data_345d_273 { display:block; position:relative; margin-top:30px; } .data_345d_274 { display:block; position:relative; } .data_345d_275 { display:block; position:relative; padding-left:10px; padding-right:10px; } .data_345d_276 { display:block; position:absolute; } .data_345d_277 { display:block; position:relative; margin-bottom:10px; } .data_345d_278 { display:block; position:absolute; opacity:0; } .data_345d_279 { display:block; position:relative; } .data_345d_280 { display:block; position:relative; } .data_345d_281 { display:block; position:relative; } .data_345d_282 { display:block; position:relative; margin-bottom:10px; } .data_345d_284 { display:block; position:absolute; background-color:#fff; padding-left:10px; padding-top:2px; padding-right:10px; padding-bottom:2px; top:-25px; right:-25px; } .data_345d_294 { display:block; position:absolute; top:30px; right:5px; } .data_345d_295 { display:block; position:relative; padding-right:20px; } .data_345d_296 { display:block; position:relative; } .data_345d_214 { display:block; position:relative; } .data_345d_185 { display:block; position:relative; } .data_345d_5 { display:block; position:relative; color:#fff; } .data_345d_6 { display:block; position:relative; color:#fff; } .data_345d_7 { display:block; position:relative; color:#fff; } .data_345d_368 { display:block; position:relative; } .data_345d_308 { display:block; position:relative; color:#003d31; } .data_345d_366 { display:block; position:relative; z-index:20; color:#003d31; } .data_345d_367 { display:block; position:relative; color:#003d31; } .data_345d_365 { display:block; position:absolute; margin-top:400px; } .data_345d_369 { display:block; position:absolute; } .data_345d_405 { display:block; position:relative; } .data_345d_370 { display:block; position:relative; } .data_345d_8 { display:block; position:relative; } .data_345d_400 { display:block; position:relative; } .data_345d_13 { display:block; position:relative; } .data_345d_14 { display:block; position:relative; margin-top:30px; } .data_345d_221 { display:block; position:relative; } .data_345d_40 { display:block; position:relative; } .data_345d_39 { display:block; position:relative; } .data_345d_38 { display:block; position:relative; } .data_345d_36 { display:block; position:relative; margin-bottom:10px; } .data_345d_37 { display:block; } .data_345d_219 { display:block; position:relative; } .data_345d_33 { display:block; position:relative; } .data_345d_32 { display:block; position:relative; } .data_345d_407 { display:block; position:relative; } .data_345d_318 { display:block; position:relative; } .data_345d_317 { display:block; position:relative; } .data_345d_321 { display:block; position:relative; } .data_345d_322 { display:block; position:relative; } .data_345d_404 { display:block; position:relative; } .data_345d_403 { display:block; position:relative; } .data_345d_224 { display:block; position:relative; } .data_345d_202 { display:block; position:relative; } .data_345d_395 { display:block; position:relative; } .data_345d_209 { display:block; position:relative; } .data_345d_207 { display:block; position:relative; } .data_345d_423 { display:block; position:relative; } .data_345d_320 { display:block; position:relative; } .data_345d_212 { display:block; position:relative; } .data_345d_394 { display:block; position:relative; } .data_345d_398 { display:block; position:relative; } .data_345d_397 { display:block; position:relative; } .data_345d_399 { display:none; } .data_345d_148 { display:block; position:relative; } .data_345d_392 { display:block; position:relative; } .data_345d_396 { display:block; position:relative; margin-top:120px; } .data_345d_157 { display:block; position:relative; } .data_345d_162 { display:block; position:relative; } .data_345d_331 { display:block; position:relative; } .data_345d_164 { display:block; position:relative; } .data_345d_355 { display:inline-block; position:relative; margin-right:5px; vertical-align:middle; } .data_345d_375 { display:inline-block; position:relative; margin-right:5px; vertical-align:middle; } .data_345d_376 { width:100%; display:block; position:relative; } .data_345d_378 { display:block; position:relative; margin-top:20px; } .data_345d_377 { display:block; position:relative; margin-top:10px; } .data_345d_379 { margin-top:30px; } .data_345d_338 { display:block; position:relative; } .data_345d_343 { display:block; position:relative; margin-top:20px; } .data_345d_384 { display:inline-block; position:relative; margin-right:5px; vertical-align:middle; } .data_345d_385 { display:inline-block; position:relative; margin-right:5px; vertical-align:middle; } .data_345d_373 { display:inline-block; position:relative; margin-right:5px; vertical-align:middle; } .data_345d_363 { display:inline-block; position:relative; margin-right:5px; vertical-align:middle; } .data_345d_364 { display:inline-block; position:relative; vertical-align:middle; } .data_345d_353 { display:block; position:relative; border-bottom:1px solid #2f2f2f; padding-right:20px; background-image: url('https://www.ikt.co.id/~img/arrowdown-0cfbd-345d_107-twebp80.webp') ; background-position: right center ; background-repeat: no-repeat ; } .data_345d_358 { display:block; position:absolute; margin-top:40px; top:0px; } .data_345d_344 { width:100%; display:block; position:relative; } .data_345d_347 { display:block; position:relative; margin-top:25px; } .data_345d_345 { display:block; position:relative; } .data_345d_348 { margin-top:30px; } .data_345d_386 { display:block; position:relative; border-bottom:1px solid #2f2f2f; padding-right:20px; background-image: url('https://www.ikt.co.id/~img/arrowdown-0cfbd-345d_107-twebp80.webp') ; background-position: right center ; background-repeat: no-repeat ; } .data_345d_387 { display:block; position:relative; margin-top:5px; top:0px; } .data_345d_121 { display:block; position:relative; } .data_345d_346 { display:block; position:relative; } .data_345d_2 { display:block; position:relative; margin-right:1vw; color:#fff; } .data_345d_4 { display:none; } .data_345d_186 { display:block; position:relative; } .data_345d_99 { display:block; position:relative; } .data_345d_100 { display:block; position:relative; } .data_345d_181 { display:block; position:relative; } .data_345d_183 { display:block; position:relative; } .data_345d_182 { display:block; position:relative; } .data_345d_184 { display:block; position:relative; } .data_345d_188 { display:block; position:absolute; z-index:4; transform: translate(-50%, -50%); left: 50%; top: 50%; } .data_345d_161 { display:block; position:relative; } .data_345d_187 { display:block; position:relative; } .data_345d_16 { display:block; position:relative; } .data_345d_17 { display:block; position:relative; margin-top:4vw; } .data_345d_313 { display:block; position:relative; } .data_345d_315 { display:block; position:relative; } .data_345d_316 { display:block; position:relative; } .data_345d_15 { display:block; position:relative; letter-spacing:-0.5px;line-height:1.2; } .data_345d_312 { display:block; position:relative; } .data_345d_311 { display:block; position:relative; color:#6c837f;white-space:pre-wrap; } .data_345d_22 { display:block; position:relative; } .data_345d_323 { display:block; position:relative; } .data_345d_326 { display:block; position:relative; } .data_345d_324 { display:block; position:relative; } .data_345d_325 { display:block; position:relative; } .data_345d_334 { display:block; position:relative; } .data_345d_335 { display:block; position:relative; } .data_345d_34 { display:block; position:relative; opacity:0; } .data_345d_371 { display:block; position:relative; } .data_345d_372 { display:block; position:relative; } .data_345d_50 { display:block; position:relative; } .data_345d_49 { display:block; position:relative; } .data_345d_47 { display:block; position:relative; } .data_345d_45 { display:block; position:relative; } .data_345d_41 { display:block; position:relative; } .data_345d_42 { display:block; position:relative; } .data_345d_46 { display:block; position:relative; } .data_345d_43 { display:block; position:relative; } .data_345d_44 { display:block; position:relative; margin-top:20px; color:#c3fbf2; } .data_345d_374 { display:block; position:relative; } .data_345d_3 { display:block; } /* Default CSS Variable! */ :root { --yellow: #F0FF3D; --darkgreen: #001713; --green: #002921; --softgreen: #53726D; --black: #00221B; --white: #fff; --public-sans: 'Hanken Grotesk', sans-serif; --nunito-sans: 'Nunito Sans', 'Arial', sans-serif; --light:300; --normal:400; --medium:500; --semibold:600; --bold:700; --h1:clamp(2.225rem, -0.2321rem + 6.1607vw, 5.9125rem); /* 85px */ --h2:clamp(2.25rem, 0.1071rem + 4.4643vw, 4.125rem); /* 66px */ --h3:clamp(1.75rem, 0.3571rem + 3.2143vw, 3.25rem); /* 52px */ --h4:clamp(1.375rem, 0.5rem + 2.1vw, 2.75rem); /* 44px */ --h5:clamp(1.125rem, 0.7143rem + 1.4286vw, 2rem); /* 32px */ --h6:clamp(1.1rem, 0.8393rem + 0.8036vw, 1.5625rem); /* 25px */ --body:clamp(1.1rem, 1rem + 0vw, 1.1rem); /* TRANSITION */ --text-align-left-to-center:center; --text-align-right-to-center: center ; --display-kalau-mobile-hilang: none; --display-kalau-mobile-hilang-flex: none; --display-kalau-mobile-muncul: block; --display-inline-flex-hilang: none; --display-menu-mobile-muncul: inline-block; } @media only screen and (min-width: 64em) { :root{ --display-inline-flex-hilang: inline-flex; --display-kalau-mobile-hilang: block; --display-kalau-mobile-muncul: none; --display-kalau-mobile-hilang-flex:flex; --text-align-left-to-center: left; --text-align-right-to-center: right ; --display-menu-mobile-muncul:none; } } @media only screen and (max-width: 64em) { .buttonArrow { width: 55px !important; min-width: unset !important; } .buttonArrow svg { width: 17px !important; height: 18px !important; } .overflow-slide { overflow-x:auto; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; white-space: nowrap; } .data_345d_361 { width:50% !important; } } body { background-color:var(--darkgreen); } .galeri { filter: grayscale(1); opacity: 0.4; } .galeri:hover { filter: grayscale(0); opacity: 1; } .flex { display:flex !important; } .flex-center { display: flex !important; align-items: center !important; justify-content: center !important; align-content:center !important; } .position-row { margin-left:0px !important; margin-right:0px !important; } .position-col { padding-left:0px !important; padding-right:0px !important; } .fitcontent { height: fit-content; height: -moz-fit-content; } .container{ margin-left: auto !important; margin-right: auto !important; } .section { display: flex !important; width: 100vw; height: 100vh; } .yellow { color:var(--yellow) !important; } .darkgreen { color:var(--darkgreen) !important; } .green { color:var(--green) !important; } .softgreen { color:var(--softgreen) !important; } .white { color:var(--white) !important; } .black { color:var(--black) !important; } .center { text-align: center !important; } .left { text-align: left !important; } .right { text-align: right !important; } .justify { text-align: justify !important; } .right-center { text-align:var(--text-align-right-to-center) !important; } .left-center { text-align:var(--text-align-left-to-center) !important; } .publicsans { font-family: var(--public-sans) !important; } .nunito { font-family: var(--nunito-sans) !important; } .h1 { font-size:var(--h1) ; line-height: 1.25em; } .h2 { font-size:var(--h2) ; line-height: 1.3em; } .h3 { font-size:var(--h3) ; line-height: 1.3em; } .h4 { font-size:var(--h4) ; line-height: 1.5em; } .h5 { font-size:var(--h5) ; line-height: 1.56em; } .h6 { font-size:var(--h6) ; line-height: 1.5em; } .normal { font-size:var(--body); line-height: 1.8em; } .light { font-weight:var(--light) !important; } .reguler { font-weight: var(--normal) !important; } .medium { font-weight: var(--medium) !important; } .semibold { font-weight: var(--semibold) !important; } .bold { font-weight:var(--bold) !important; } .caseStudy:nth-child(even) { margin-top: 53px; } .lay_345d_38>.innerform>label> span { padding-left: 20px; padding-bottom: 10px; } .lay_345d_38>.innerform>.input { border-radius: 55px; border: 1px solid #f0ff3d; background: rgba(13, 36, 31, 0.70); backdrop-filter: blur(9px); } .lay_345d_38>.innerform>.multi { border-radius: 28px; border: 1px solid #f0ff3d; background: rgba(13, 36, 31, 0.70); backdrop-filter: blur(9px); } .lay_345d_38>.innerform>.multi { padding-top: 10px; } .benchmark { width:100%; } .tabeldeskripsi> ul { margin-left:unset !important; border-radius: 10px; border: 1px solid #E5E5E5; } .tabeldeskripsi>ul > li:nth-child(6) { border-bottom: unset; } .tabeldeskripsi >ul > li { display: flex; flex-direction: column; padding: 13px 10px; border-bottom: 1px solid #eee; border-top: 1px solid #ffffff; } .link_categoryNews { background-color: transparent; font-family: var(--public-sans); font-weight: var(--medium); color: var(--white); font-size: 17px; padding: 10px 20px; border-radius: 50px; border: 2px solid var(--softgreen); } .link_categoryNews:hover { font-family: var(--public-sans); background-color: var(--yellow); font-size: 17px; color: var(--black); font-weight: var(--medium); border: 2px solid var(--yellow); } .link_categoryNews.active { font-family: var(--public-sans); background-color: var(--yellow); font-size: 17px; color: var(--black); font-weight: var(--medium); border: 2px solid var(--yellow); } .button-standard { background-color:var(--yellow); font-family: var(--public-sans); font-weight: var(--medium); color:var(--color-white); font-size:17px; padding:10px 25px; border-radius:80px; border:1px solid transparent; } .button-standard:hover { background-color:var(--darkgreen); color:var(--yellow); border:1px solid var(--yellow); }